-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
280 lines (252 loc) · 14.3 KB
/
Copy pathindex.html
File metadata and controls
280 lines (252 loc) · 14.3 KB
1
2
3
4
5
6
7
8
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Icon's links -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!-- Icon's links end -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<!-- Google fonts links -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Dosis:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<!-- Goolge fonts links -->
<title>Document</title>
</head>
<body>
<!-- Conteiner -->
<div class="wrapper">
<span></span>
<p></p>
<!-- Section1 -->
<div class="section1">
<!-- Navlist -->
<nav>
<div class="logo">
<img src="./img/logotip.png" alt="">
</div>
<div class="n_l">
<div class="search">
<input type="text">
<svg class="search-icon" xmlns="http://www.w3.org/2000/svg" width="26" height="26"
viewBox="0 0 26 26" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M15.5839 16.733C12.7128 19.0325 8.51008 18.8515 5.84857 16.19C2.99286 13.3343 2.99286 8.70428 5.84857 5.84857C8.70428 2.99286 13.3343 2.99286 16.19 5.84857C18.8515 8.51008 19.0325 12.7128 16.733 15.5839L22.3182 21.1692C22.6355 21.4865 22.6355 22.0009 22.3182 22.3182C22.0009 22.6355 21.4865 22.6355 21.1692 22.3182L15.5839 16.733ZM6.99762 15.041C4.77651 12.8198 4.77651 9.21872 6.99762 6.99762C9.21872 4.77651 12.8198 4.77651 15.041 6.99762C17.2604 9.21709 17.2621 12.8146 15.0458 15.0361C15.0442 15.0377 15.0426 15.0393 15.0409 15.0409C15.0393 15.0426 15.0377 15.0442 15.0361 15.0458C12.8146 17.2621 9.2171 17.2604 6.99762 15.041Z"
fill="white" />
</svg>
</div>
<div class="icons">
<button class="icon">
UZ
</button>
<a href="./form.html"><button id="toggle" class="cart-toggle" onclick="toBasket1()" >
<i class="fa-solid fa-cart-plus"></i>
</button></a>
<button class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.625 11.25C11.625 7.72918 14.4792 4.875 18 4.875C21.5208 4.875 24.375 7.72918 24.375 11.25C24.375 14.7708 21.5208 17.625 18 17.625C14.4792 17.625 11.625 14.7708 11.625 11.25ZM18 7.125C15.7218 7.125 13.875 8.97183 13.875 11.25C13.875 13.5282 15.7218 15.375 18 15.375C20.2782 15.375 22.125 13.5282 22.125 11.25C22.125 8.97183 20.2782 7.125 18 7.125Z"
fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22.125C10.136 22.125 8.625 23.636 8.625 25.5V27.2824C8.625 27.3096 8.64467 27.3327 8.67145 27.3371C14.8496 28.3458 21.1504 28.3458 27.3285 27.3371C27.3553 27.3327 27.375 27.3096 27.375 27.2824V25.5C27.375 23.636 25.864 22.125 24 22.125H23.4887C23.4492 22.125 23.4099 22.1313 23.3723 22.1435L22.074 22.5674C19.4268 23.4319 16.5732 23.4319 13.926 22.5674L12.6277 22.1435C12.5901 22.1313 12.5508 22.125 12.5113 22.125H12ZM6.375 25.5C6.375 22.3934 8.8934 19.875 12 19.875H12.5113C12.788 19.875 13.063 19.9188 13.3261 20.0047L14.6244 20.4286C16.8178 21.1448 19.1822 21.1448 21.3756 20.4286L22.6739 20.0047C22.937 19.9188 23.212 19.875 23.4887 19.875H24C27.1066 19.875 29.625 22.3934 29.625 25.5V27.2824C29.625 28.4123 28.8062 29.3756 27.6911 29.5577C21.2729 30.6056 14.7271 30.6056 8.30891 29.5577C7.19383 29.3756 6.375 28.4123 6.375 27.2824V25.5Z"
fill="white" />
</svg>
</button>
</div>
</div>
</nav>
<!-- Navlist end -->
<div class="left_s1">
<p>Yozgi mavsum uchun</p>
<b>yangi ko‘rinish</b>
<span>Yangicha uslub va ko’rinishda ishlab chiqilgan,
yangi poyabzallarimiz bilan yoz faslini yanada yorqinroq,
yanada qulayroq o’tkazasiz!</span>
<div class="btns_ls1">
<button class="left_s1_btn">
KO‘RISH
</button>
<a href="./input.html"><button class="right_s1_btn">
Ro’yhatdan o’tish
</button></a>
</div>
</div>
<img src="./img/section1_img.png" alt="" class="section1_img">
<img src="./img/kichik_aylana.png" alt="" class="kichik_aylana">
<img src="./img/katta_aylana.png" alt="" class="katta_aylana">
<img src="./img/sariq_aylana.png" alt="" class="sariq_aylana">
</div>
<!-- Section2------------------------ -->
<div class="section2">
<b>Yangi mahsulotlar</b>
<p>Eng so‘nggi mahsulotlarimizni ko‘rib chiqing va tanlang</p>
<!-- Slider cards -->
<div class="karusel">
<div class="cards1">
</div>
<div class="cards2">
</div>
<div class="cards3">
</div>
</div>
<div class="btns_s2">
<button class="left_s2">
< </button>
<button class="nuqta1"></button>
<button class="nuqta2"></button>
<button class="nuqta3"></button>
<button class="right_s2">
>
</button>
</div>
<!-- Slider cards end -->
</div>
<!-- Section2 end -->
<!-- Section3-------------- -->
<div class="section3">
<!-- Text content -->
<p>Eng ko‘p ko‘rilgan mahsulotlar</p>
<b>Mijozlarimiz tanlovlariga eng loyiq bo‘lgan mahsulotlarimiz</b>
<!-- Text content end -->
<!-- Slider content second -->
<div class="karusel_s3">
<div class="card1_s3">
</div>
<div class="card2_s3">
</div>
<div class="card3_s3">
</div>
</div>
<div class="btns_s3">
<button class="s3_l"><<</button>
<button class="s3_r">></button>
<button class="dot1_s2"></button>
<button class="dot2_s2"></button>
<button class="dot3_s2"></button>
</div>
<!-- Slider content second end -->
</div>
<!-- Section3 end -->
<!-- section4---------------- -->
<div class="section4">
<!-- Section4 text content -->
<b>Eng ko‘p sotilgan</b>
<p>Eng haridorgir bo‘lgan mahsulotlarimizni ko‘rib chiqing</p>
<!-- Section4 text content end -->
<!-- Section4 slider content -->
<div class="karusel_s4">
<div class="cards1_s4">
</div>
<div class="cards2_s4">
</div>
<div class="cards3_s4">
</div>
</div>
<div class="btns_s2">
<button class="left_s4">
< </button>
<button class="nuqta1"></button>
<button class="nuqta2"></button>
<button class="nuqta3"></button>
<button class="right_s4">
>
</button>
</div>
<!-- Section4 slider content -->
</div>
<!-- Sectino4 end -->
<!-- Section5 -->
<div class="section5">
<!-- Section5 text content -->
<div class="section5_text">
<p>Mahsulotlarimiz turlari</p>
<span>Kompaniyamiz tomonidan ishlab chiqariladigan poyabzal turlari</span>
</div>
<!-- Section5 text content end -->
<!-- Section5 slider content -->
<div class="slider-body">
<div class="slider-wrapper">
<div class="slider">
<div class="slider-img">
</div>
<div class="slider-img2">
</div>
<div class="slider-img3">
</div>
</div>
</div>
</div>
<button class="slider-button1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24" fill="none">
<path d="M21.5037 13.1625L8.43952 13.1625L12.4381 17.3649C12.6251 17.5617 12.715 17.8155 12.6882 18.0703C12.6613 18.3252 12.5198 18.5603 12.2949 18.7239C12.0699 18.8875 11.7799 18.9662 11.4886 18.9427C11.1974 18.9192 10.9287 18.7954 10.7417 18.5986L5.23406 12.8155C5.19701 12.7695 5.16387 12.7212 5.13493 12.671C5.13493 12.6228 5.13493 12.5939 5.05782 12.5457C5.00789 12.4352 4.98175 12.3175 4.98071 12.1987C4.98175 12.0799 5.00789 11.9622 5.05782 11.8517C5.05782 11.8035 5.05782 11.7746 5.13493 11.7264C5.16387 11.6761 5.19701 11.6278 5.23406 11.5818L10.7417 5.79878C10.8453 5.68998 10.975 5.60248 11.1216 5.54251C11.2682 5.48254 11.4281 5.45157 11.5899 5.4518C11.8473 5.45136 12.0967 5.52979 12.2949 5.67348C12.4064 5.75439 12.4986 5.85377 12.5662 5.96591C12.6338 6.07805 12.6754 6.20075 12.6887 6.32699C12.702 6.45323 12.6867 6.58053 12.6437 6.70159C12.6007 6.82265 12.5308 6.9351 12.4381 7.0325L8.43952 11.2348L21.5037 11.2348C21.7958 11.2348 22.076 11.3364 22.2826 11.5171C22.4892 11.6979 22.6052 11.9431 22.6052 12.1987C22.6052 12.4543 22.4892 12.6995 22.2826 12.8802C22.076 13.061 21.7958 13.1625 21.5037 13.1625Z" fill="white"/>
</svg></button>
<button class="slider-button2"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24" fill="none">
<path d="M6.49618 13.1625L19.5604 13.1625L15.5618 17.3649C15.3748 17.5617 15.2849 17.8155 15.3117 18.0703C15.3386 18.3252 15.48 18.5603 15.705 18.7239C15.9299 18.8875 16.22 18.9662 16.5112 18.9427C16.8025 18.9192 17.0712 18.7954 17.2582 18.5986L22.7658 12.8155C22.8029 12.7695 22.836 12.7212 22.865 12.671C22.865 12.6228 22.865 12.5939 22.9421 12.5457C22.992 12.4352 23.0181 12.3175 23.0192 12.1987C23.0181 12.0799 22.992 11.9622 22.9421 11.8517C22.9421 11.8035 22.9421 11.7746 22.865 11.7264C22.836 11.6761 22.8029 11.6278 22.7658 11.5818L17.2582 5.79878C17.1546 5.68998 17.0249 5.60248 16.8783 5.54251C16.7317 5.48254 16.5718 5.45157 16.41 5.4518C16.1526 5.45136 15.9032 5.52979 15.705 5.67348C15.5935 5.75439 15.5013 5.85377 15.4337 5.96591C15.3661 6.07805 15.3245 6.20075 15.3112 6.32699C15.2979 6.45323 15.3131 6.58053 15.3562 6.70159C15.3992 6.82265 15.469 6.9351 15.5618 7.0325L19.5604 11.2348L6.49618 11.2348C6.20404 11.2348 5.92386 11.3364 5.71728 11.5171C5.5107 11.6979 5.39465 11.9431 5.39465 12.1987C5.39465 12.4543 5.5107 12.6995 5.71728 12.8802C5.92386 13.061 6.20404 13.1625 6.49618 13.1625Z" fill="white"/>
</svg></button>
<!-- Section5 slider content end -->
<button class="kotalog">KATALOGGA O‘TISH</button>
</div>
<!-- Section5 end -->
<div class="section6">
<!-- Footer contacts -->
<div class="footer-contacts">
<p>Siz bilan bog‘lanishdan mamnunmiz!</p>
<span>Manzilimiz:</span>
<b>Toshkent Shahar, Birnarsa tumani, Birnarsa ko‘cha 12-uy.</b>
<h5>Murojaat uchun telefon:</h5>
<h4>+998 (88) 413 00 00</h4>
<h3>Ijtimoiy tarmoqlarda bizni toping</h3>
<div class="socialMadia">
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-telegram"></i>
</div>
<button class="check-in">RO‘YXATDAN O‘TISH</button>
</div>
<div class="footer-contacts2">
<div class="logoNumber">
<img src="./img/logtype.png" alt="">
<p>+998 (88) 413 00 00</p>
</div>
<div class="iconsSocial">
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-telegram"></i>
</div>
<div class="aboutUs">
<a href="">BIZ HAQIMIZDA</a>
<a href="">KATALOG</a>
</div>
<div class="productName">
<a href="">ENG KO‘P SOTILGAN</a>
<a href="">ENG KO‘P KO‘RILGAN</a>
<a href="">YANGILIKLAR</a>
</div>
<div class="payCard">
<div class="programmLinks">
<img src="./img/click.png" alt="">
</div>
<div class="programmLinks">
<img src="./img/payme.png" alt="">
</div>
<div class="programmLinks">
<img src="./img/humo.png" alt="">
</div>
<div class="programmLinks">
<img src="./img/uzcard.png" alt="">
</div>
</div>
</div>
<!-- Footer contact end -->
</div>
<div class="toast">Ma'lumot qoshildi</div>
</div>
</body>
<script src="./js.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
</html>