-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
245 lines (243 loc) · 11.1 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="ASulaymon">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="/images/salat.png">
<title>Salat uz</title>
</head>
<body id="home">
<section class="header">
<header class="head">
<div class="logo">
<img src="/images/salat.png" alt="">
<kkkkkolkqh1>Salat.uz</kkkkkolkqh1>
</div>
<i onclick="show()" class="fa-solid fa-bars" style="color: #5FB848;"></i>
<div class="mnu">
<div class="links">
<ul>
<a href="#home">
<li class="link link1">Bosh Sahifa</li>
</a>
<a href="#us">
<li class="link link2">Nega biz</li>
</a>
<a href="#about">
<li class="link link3">Biz haqimizda</li>
</a>
<a href="https://asulaymon.netlify.app" target="_blank" >
<li class="link link4">Aloqa</li>
</a>
<a href="#clients">
<li class="link link5">guvohliklar</li>
</a>
</ul>
</div>
<div class="btns">
<i class="fa-solid fa-cart-shopping" style="color: #5FB848;"></i>
<a>Buyurtma</a>
</div>
<i onclick="hide()" class="link link6 fa-solid fa-xmark" style="color: #fff;"></i>
</div>
</header>
<div class="body">
<div class="left">
<h1>sog'lom yashash uchun faqat <span>sog'lom ovqatlaning</span></h1>
<p>Hayotingizni bugun va kelajak uchun sog'lomroq qiladigan ajoyib ta'mga ega bo'lgan sog'lom taomlarni iste'mol qilish orqali sog'lom hayotdan zavqlaning</p>
<a href="#">Buyurtma</a>
</div>
<div class="right">
<img class="salat" src="images/header-image.png" alt="">
</div>
</div>
</section>
<section class="sec2" id="us">
<div class="title">
<h1>Nima uchun aynan bizni tanlash kerak?</h1>
<p>Organik oziq-ovqat sintetik kimyoviy moddalardan foydalanmasdan yetishtiriladi</p>
</div>
<div class="why">
<div class="icons">
<div class="icon icon1">
<div class="img"><img src="images/doc.png" alt=""></div>
<div class="text">
<h2>buyurtma qilish oson</h2>
<p>Buyurtma qilish uchun uzoq navbatda turmaysiz va onlayn buyurtma qilasiz</p>
</div>
</div>
<div class="icon icon2">
<div class="img"><img src="images/map.png" alt=""></div>
<div class="text">
<h2>onlayn buyurtma</h2>
<p>Onlayn buyurtmangizni osongina joylashtiring va ovqatni darhol oling</p>
</div>
</div>
<div class="icon icon3">
<div class="img"><img src="images/Leaf.png" alt=""></div>
<div class="text">
<h2>100% tabiiy</h2>
<p>Organik oziq-ovqat sintetik kimyoviy moddalardan foydalanmasdan yetishtiriladi</p>
</div>
</div>
</div>
<div class="num">
<div class="card card1">
<div class="top">
<h1>40+</h1>
</div>
<div class="bottom">
<p>Oziq-ovqat hamkorlari</p>
</div>
</div>
<div class="card card2">
<div class="top">
<h1>459+</h1>
</div>
<div class="bottom">
<p>ishonchli mijozlar</p>
</div>
</div>
<div class="card card3">
<div class="top">
<h1>12ming+</h1>
</div>
<div class="bottom">
<p>Onlayn buyurtma berish</p>
</div>
</div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="txt">
<div class="inf">
<h1>Biz xaqimizda</h1>
<p>Organik oziq-ovqat inson to monidan ishlab chiqarilgan pestitsidlar va o'g'itlar kabi sintetik kimyoviy moddalardan foydalanmasdan etishtiriladi va tarkibida genetik modifikatsiyalangan organizmlar (GMO) yo'q. Organik oziq-ovqatlarga yangi mahsulotlar, go'sht va sut mahsulotlari, shuningdek, krakerlar, ichimliklar va muzlatilgan ovqatlar kabi qayta ishlangan ovqatlar kiradi.</p>
<div><a href="#">Ko'proq O'qish</a></div>
</div>
</div>
<div class="images">
<div class="l">
<div class="t">
<img src="/images/Image 01.png" alt="">
</div>
<div class="b">
<img src="/images/Image 02.png" alt="">
</div>
</div>
<div class="r">
<img src="/images/Image 03.png" alt="">
</div>
</div>
</section>
<section class="infos">
<div class="info1">
<div class="photo">
<img src="/images/salat.png" alt="">
</div>
<div class="info">
<h1>Har kuni yangi sabzavotlar</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem harum fuga, commodi exercitationem nesciunt nihil facere, eveniet molestias nulla quo hic provident eligendi cum magni iste consequuntur voluptatibus earum consectetur sint omnis! Omnis beatae harum quidem praesentium commodi ex incidunt delectus minus aliquam repellendus molestiae odio, reprehenderit, iure deleniti quia?</p>
</div>
</div>
<div class="info2">
<div class="info">
<h1>Eng yaxshi oshpazlar tomonidan tayyorlangan</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem harum fuga, commodi exercitationem nesciunt nihil facere, eveniet molestias nulla quo hic provident eligendi cum magni iste consequuntur voluptatibus earum consectetur sint omnis! Omnis beatae harum quidem praesentium commodi ex incidunt delectus minus aliquam repellendus molestiae odio, reprehenderit, iure deleniti quia?</p>
</div>
<div class="photo">
<img src="/images/cheff.png" alt="">
</div>
</div>
</section>
<section id="clients" class="clients">
<h1>Mijozlar deydi:</h1>
<div class="cards">
<div class="cardd card1">
<div class="user">
<div class="logotip">
<div class="logo-img">
<img src="/images/user.png">
</div>
<div class="i">
<h3>Falonchi Falonov</h3>
<p>Falon kampaniasida dasturchi</p>
</div>
<div class="im">
<img src="/images/'.png" alt="">
<img src="/images/'.png" alt="">
</div>
</div>
</div>
<div class="thought">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus libero, voluptatem, ad molestiae blanditiis, dolore temporibus quae ipsum culpa voluptas officia labore tempore possimus animi. Similique debitis consequuntur quia accusamus!</p>
</div>
</div>
<div class="cardd card2">
<div class="user">
<div class="logotip">
<div class="logo-img">
<img src="/images/user.png">
</div>
<div class="i">
<h3>Falonchi Falonov</h3>
<p>Falon kampaniasida dasturchi</p>
</div>
<div class="im">
<img src="/images/'.png" alt="">
<img src="/images/'.png" alt="">
</div>
</div>
</div>
<div class="thought">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus libero, voluptatem, ad molestiae blanditiis, dolore temporibus quae ipsum culpa voluptas officia labore tempore possimus animi. Similique debitis consequuntur quia accusamus!</p>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="top-container">
<div class="brand">
<h2>ASulaymon web</h2>
<p>ASulaymon web - Sulaymon Abdusharipovning yaratgan veb-saytlarini joylab borovchi portfolio telegram kanali.</p>
</div>
<div class="menus">
<div class="menu menu1">
<div class="theme"><h2>Linklar</h2></div>
<ul class="linklar">
<li><a href="#home"> Bosh Sahifa </a></li>
<li><a href="#us">Nega biz </a></li>
<li><a href="#about">Biz haqimizda</a></li>
<li><a href="#clients"> Guvohliklar </a></li>
</ul>
</div>
<div class="menu menu2">
<div class="theme"><h2>biz haqimizda</h2></div>
<ul class="linklar">
<li><a href="#">Tarix</a></li>
<li><a href="#">Servislar</a></li>
<li><a href="#">Narxlar</a></li>
<li><a href="#">Ko'proq</a></li>
</ul>
</div>
<div class="menu menu3">
<div class="theme"><h2>Aloqa</h2></div>
<ul class="linklar">
<li><a href="mailto: [email protected]">Email</a></li>
<li><a href="https://t.me/+cxXzEy7F8QpkYjBi">Telegram Kanal</a></li>
<li><a href="https://t.me/sulaymonabdusharipov">Telegram akkaunt</a></li>
<li><a href="https://asulaymon.netlify.app">veb-sayt</a></li>
</ul>
</div>
</div>
</div>
<div class="c"><p>Ⓒ 2023 by ASulaymon</p></div>
</footer>
</body>
<script src="https://kit.fontawesome.com/4e53563d8d.js"></script>
<script src="/js/main.js"></script>
</html>