├── README.md ├── images ├── css3.svg ├── html5.svg └── design.svg ├── index.html ├── about.html ├── services.html └── css └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # akhrorwebdesign 2 | It's a very simple web site. I was made Html and Css. It has a very interesting and beautiful look. ✨ 3 | 4 | Connect: 5 | 6 | Telegram: t.me/akhror_web 7 | 8 | Linkedin: https://www.linkedin.com/in/akhrorsoliev/ 9 | 10 | Phone: +998 97 206 2922 11 | 12 | Email: akhsoliev@gmail.com 13 | 14 | Instagram: instagram.com/ahror_soliyev98 15 | -------------------------------------------------------------------------------- /images/css3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /images/html5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Akhror Web Design | Welcome 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Akhror Web Design

17 |
18 | 25 |
26 |
27 | 28 |
29 |
30 |

Takrorlanmas Web Dizaynlar !

31 |

Biz sizga takrorlanmas va en yaxshi dizyan namunlarini taqdim etmaiz. Biz faqat siz uchun yaratamiz.
Mukammallik sanati !

32 |
33 |
34 | 35 |
36 |
37 |

Biznig Yangiliklarga Obuna bo'ling:

38 |
39 | 40 | 41 |
42 |
43 |
44 | 45 |
46 |
47 |
48 | 49 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates voluptatem dolores porro, nostrum provident repellat!

50 |
51 |
52 | 53 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Suscipit atque alias architecto voluptas nostrum nemo.

54 |
55 |
56 | 57 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat, veritatis? Quae omnis sed odio deleniti.

58 |
59 |
60 |
61 | 62 | 65 | 66 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Akhror Web Design | About 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Akhror Web Design

17 |
18 | 25 |
26 |
27 | 28 |
29 |
30 |

Biznig Yangiliklarga Obuna bo'ling:

31 |
32 | 33 | 34 |
35 |
36 |
37 | 38 |
39 |
40 |
41 |

About Us

42 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa quaerat magni quos iusto provident eveniet soluta rem quidem, doloremque facere itaque repudiandae officia, consequatur optio? Pariatur accusantium nesciunt error corporis aspernatur voluptas deleniti sit nobis, impedit quidem soluta reiciendis vero.

43 |

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic porro consequuntur exercitationem. Ab in architecto aliquam voluptatibus minima similique provident dolores quod sint ipsa harum suscipit odit quibusdam illo tempore aperiam, facere quae repudiandae sequi exercitationem officiis. Incidunt, numquam ex?

44 |
45 | 46 | 52 | 53 |
54 |
55 | 56 | 59 | 60 | -------------------------------------------------------------------------------- /services.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Akhror Web Design | Services 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Akhror Web Design

17 |
18 | 25 |
26 |
27 | 28 |
29 |
30 |

Biznig Yangiliklarga Obuna bo'ling:

31 |
32 | 33 | 34 |
35 |
36 |
37 | 38 |
39 |
40 |
41 |

Services

42 |
    43 |
  • Web Design

    44 |

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo repellendus debitis enim! Incidunt, quibusdam veniam!

    45 |

    Pricing: $1,000$ - $3.000

    46 |
  • 47 |
  • Web Maintenance

    48 |

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo repellendus debitis enim! Incidunt, quibusdam veniam!

    49 |

    Pricing: $250 per month

    50 |
  • 51 |
  • Website Hosting

    52 |

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo repellendus debitis enim! Incidunt, quibusdam veniam!

    53 |

    Pricing: $25 per month

    54 |
  • 55 |
56 |
57 | 58 | 78 | 79 |
80 |
81 | 82 | 85 | 86 | -------------------------------------------------------------------------------- /images/design.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: 'Montserrat', sans-serif; 3 | margin: 0; 4 | padding: 0; 5 | font-size: 15px; 6 | line-height: 1.5; 7 | background-color: #f4f4f4; 8 | } 9 | 10 | 11 | /* Global container */ 12 | .container { 13 | width: 80%; 14 | margin: auto; 15 | overflow: hidden; 16 | } 17 | 18 | /* Header */ 19 | 20 | header { 21 | background-color: #35424a; 22 | color: white; 23 | min-height: 70px; 24 | border-bottom: 3px #e8491d solid; 25 | } 26 | 27 | header a { 28 | color: white; 29 | text-decoration: none; 30 | text-transform: uppercase; 31 | font-size: 16px; 32 | } 33 | 34 | ul { 35 | margin: 0; 36 | padding: 0; /* bu umumiy bo'lgani uchun global tarafga ko'chiriladi */ 37 | } 38 | 39 | header li { 40 | float: left; 41 | display: inline; 42 | padding: 0 20px 0 20px; 43 | } 44 | 45 | header #brand { 46 | float: left; 47 | } 48 | 49 | header #brand { 50 | margin: 0; 51 | } 52 | 53 | header nav { 54 | float: right; 55 | margin-top: 35px; 56 | } 57 | 58 | header .highlite , header .current { 59 | color: #e8491d; 60 | font-weight: bold; 61 | } 62 | 63 | header a:hover { 64 | color: #cccccc; 65 | font-weight: bold; 66 | } 67 | 68 | /* Showcase */ 69 | 70 | #showcase { 71 | min-height: 650px; 72 | background: url('https://images.unsplash.com/photo-1510519138101-570d1dca3d66?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1031&q=80') 0 -300px; 73 | background-repeat: no-repeat ; 74 | background-size: cover; 75 | color: #ffffff; 76 | text-align: center; 77 | } 78 | 79 | #showcase h1 { 80 | margin-top: 200px; 81 | font-size: 80px; 82 | margin-bottom: 10px; 83 | } 84 | 85 | #showcase p { 86 | font-size: 20px; 87 | } 88 | 89 | 90 | #newsletter { 91 | padding: 15px; 92 | color: #ffffff; 93 | background-color: #35424a; 94 | } 95 | 96 | #newsletter h1 { 97 | float: left; 98 | } 99 | 100 | #newsletter form { 101 | float: right; 102 | margin-top: 15px; 103 | } 104 | 105 | #newsletter input[type='email'] { 106 | padding: 5px; 107 | height: 25px; 108 | width: 250px; 109 | } 110 | 111 | .button_1 { 112 | height: 38px; 113 | background-color: #e8491d; 114 | border: 0; 115 | padding-left: 20px; 116 | padding-right: 20px; 117 | color: #ffffff; 118 | } 119 | 120 | /* Boxes */ 121 | 122 | #boxes { 123 | margin-top: 25px; 124 | } 125 | 126 | #boxes .box { 127 | float: left; 128 | width: 30%; 129 | padding: 10px; 130 | text-align: center; 131 | } 132 | 133 | #boxes .box img { 134 | width: 90px; 135 | } 136 | 137 | footer { 138 | padding: 20px; 139 | margin-top: 20px; 140 | color: #ffffff; 141 | background-color: #e8491d; 142 | text-align: center; 143 | } 144 | 145 | /* about page csses */ 146 | 147 | #sidebar { 148 | float: right; 149 | width: 30%; 150 | margin-top: 10px; 151 | } 152 | 153 | .main-col { 154 | float: left; 155 | width: 65%; 156 | } 157 | 158 | 159 | 160 | .dark { 161 | padding: 15px; 162 | background-color: #35424a; 163 | color: #ffffff; 164 | margin-top: 10px; 165 | margin-bottom: 10px; 166 | } 167 | 168 | 169 | /* Services csses */ 170 | 171 | #services li { 172 | list-style: none; 173 | padding: 20px; 174 | border: #cccccc solid 1px; 175 | margin-bottom: 30px; 176 | background-color: #e6e6e6; 177 | } 178 | 179 | #sidebar .quote input, #sidebar .quote textarea { 180 | width: 90%; 181 | padding: 5px; 182 | } 183 | 184 | 185 | 186 | .box-img { 187 | width: 100px; 188 | height: 100px; 189 | } 190 | 191 | 192 | @media(max-widht: 768px) { 193 | header #barnd, 194 | header nav, 195 | header nav li, 196 | #newsletter h1, 197 | #newsletter form, 198 | #main-col, 199 | #sidebar { 200 | float: none; 201 | text-align: center; 202 | width: 100%; 203 | } 204 | 205 | header { 206 | padding-top: 20px; 207 | } 208 | 209 | #showcase h1 { 210 | margin-top: 40px; 211 | } 212 | 213 | #newslatter .button, .quote .button { 214 | display: block; 215 | width: 100%; 216 | } 217 | 218 | #newslatter form input[type="email"], .quote input, .quote textarea { 219 | width: 100%; 220 | margin-bottom: 5px; 221 | } 222 | } --------------------------------------------------------------------------------