-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
225 lines (217 loc) · 9.02 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
<!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">
<title>Fruit Salad Health Food 24</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./vendor/24/min24.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/responsive.css">
</head>
<body>
<header>
<nav>
<div class="nav__left">
<div class="nav__logo">
<h2><span class="orange">24</span> Salad</h2>
</div>
</div>
<div class="nav__cener">
<ul class="nav__item">
<li class="nav__link orange">Home</li>
<li class="nav__link">Menu</li>
<li class="nav__link">Cantact</li>
<li class="nav__link">About Us</li>
</ul>
</div>
<div class="nav__right">
<span id="btnheader">Sign</span>
</div>
</nav>
<div class="header__main">
<div class="header__left">
<div class="header__title">
<div class="header__title-rank">
<p>#1 Best Healthy Salad</p>
</div>
<div class="header__title_asli">
<h1><span id="header__span">Skip</span> The Diet,
Just Eat Healthy
With Jez Salad</h1>
<p>Imagine you don't need a diet because we provide
healthy and delicious food for you!</p>
</div>
<div class="btn__title">
<span id="header__title-span">
<p>Order Food</p>
</span>
</div>
</div>
<div class="header__numbers">
<div class="number__customer">
<p>5.000+</p>
<p>Cusomer</p>
</div>
<div class="number__delivery">
<p>8.000+</p>
<p>Delivery</p>
</div>
<div class="number__ratings">
<p>1.000+</p>
<p>Raings</p>
</div>
</div>
</div>
<div class="header__right">
<img src="./images/header/wemon.png" alt="">
</div>
</div>
</header>
<main>
<div class="why-continer">
<div class="why__title">
<div class="why__main-title">
<h2>WHY CHOOSE US FOR <span id="title__main-span">YOUR HEALTHY FOOD</span></h2>
</div>
<div class="why__sub-title">
<p>We continue to consistently choose and maintain the quality of the fruit served, so that it remains fresh and nutritious when you eat it.</p>
</div>
</div>
<div class="why__cart">
<div class="cart">
<div class="cart__logo">
<img src="./images/main/Icon.png" alt="" />
</div>
<div class="cart__dis">
<div class="dis__title">
<h3>Own fruit orchard</h3>
<p>Langsung dari Kebun Sendiri yang
tersebar di setiap provinsi yang
memiliki cabang toko Jez Salad.</p>
</div>
<div class="dis__learnmore">
<p>Lrean More</p><img src="./images/main/arrowR.png" alt="">
</div>
</div>
</div>
<div class="cart cen">
<div class="cart__logo">
<img src="./images/main/Icon2.png" alt="" />
</div>
<div class="cart__dis">
<div class="dis__title">
<h3>#1 Healthy Fruit Salad</h3>
<p>The pioneer of healthy fruit salads that
are delicious & suitable for all people
with the best quality assurance.</p>
</div>
<div class="dis__learnmore">
<p>Lrean More</p><img src="./images/main/arrowR.png" alt="">
</div>
</div>
</div>
<div class="cart">
<div class="cart__logo">
<img src="./images/main/Icon3.png" alt="" />
</div>
<div class="cart__dis">
<div class="dis__title">
<h3>100 Top Brand</h3>
<p>The pioneer of healthy fruit salads that
are delicious & suitable for all people
with the best quality assurance.</p>
</div>
<div class="dis__learnmore">
<p>Lrean More</p><img src="./images/main/arrowR.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="menu__continer">
<div class="menu__title">
<div class="menu__sub-title">
<p>MENU YANG MEMBUATMU JATUH CINTA</p>
</div>
<div class="menu__main-title">
<h3>ENJOY THE BEST MENU AND GET
<span id="title__main-span">DISCOUNTS</span> AVAILABLE</h3>
</div>
</div>
<div class="menu__item">
<div class="item__dieat one">
<div class="dieat__title">
<p>Mini Salad Yummy </p>
<h5>$ 2.99</h5>
</div>
</div>
<div class="item__dieat two">
<div class="dieat__title">
<p>Completed Salad </p>
<h5>$ 3.99</h5>
</div>
</div>
<div class="item__dieat three">
<div class="dieat__title">
<p>Salad Yummy Red </p>
<h5>$ 3.99</h5>
</div>
</div>
</div>
</div>
<div class="subscribe">
<div class="subscribe__continer">
<div class="subscribe__title">
<p class="orange">Our Subscribe</p>
<h2>Subscribe To Get The Latest
Promo from Jez Salad</h2>
<p id="ptitles">We recommended you to subscribe to our promo program,
drop your email below to get daily update about us</p>
</div>
<div class="subscribe__newspaper">
<input id="emailinp" type="email" placeholder="Enter your email address " required>
<button id="btnsend">Subscribe</button>
</div>
</div>
</div>
</main>
<footer>
<div class="informetion">
<p id="logo"><span class="orange">24</span>Salad</p>
<p>24 Salad is the pioneer of
healthy fruit salad with
high nutrition.</p>
<p>©Copyright <a href="https://blokchainology.com">Blokchainology</a></p>
</div>
<div class="feature">
<p class="orange f-size20">Feature</p>
<p>Cenu</p>
<p>Cantact</p>
<p>Abot Us</p>
<p><a class="orange" href="https://blokchainology.com/team/matinsoleymani">Matin Soleymani</a><br><br><a class="orange" href="https://blokchainology.com/team/zeynabkhayyati">Zeynab khayyati</a></p>
</div>
<div class="touch">
<p class="orange f-size20">Get in Touch</p>
<div class="location">
<img src="./images/footer/location_on.png"/><p>Freedom Iran - Urmia - Mashhad</p>
</div>
<div class="email">
<img src="./images/footer/email.png"><p>Matinsoleymani@gmail.com zeynab.khayyati.11@gmail.com</p>
</div>
<div class="call">
<img src="./images/footer/call.png"><p>+24 11 2411 24</p>
</div>
</div>
<div class="media">
<img src="./images/footer/media.png" alt="">
<p>Fllow Us</p>
</div>
</footer>
<div class="finish t-align-center p-20">
<p id="god" class="orange">Zmat <span class="black">24</span></p>
</div>
<script src="./js/app.js"></script>
</body>
</html>