-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.php
304 lines (304 loc) · 11.5 KB
/
main.php
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
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>Main Page</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<nav>
<img class="logo" src="src/img/logoo.jpg" />
<div id="menu">
<ul>
<li style="list-style: none"><a href="#" style="color:white">Home</a></li>
<li style="list-style: none"><a href="#about" style="color:white">About</a></li>
<li style="list-style: none"><a href="#brands"style="color:white">Brands</a></li>
<li style="list-style: none"><a href="#video"style="color:white">Reviews</a></li>
<li style="list-style: none"><a href="ecom/index.php"style="color:white">Shopping</a></li>
<li style="list-style: none"><a href="#contact"style="color:white">Contact Us</a></li>
</ul>
</div>
</nav>
<div id="wrapper">
<div id="sticky">
<h1>Face and skin care</h1>
<input
type="button"
class="button"
onclick="window.location.href = '#offers';"
value="OFFERS"
/>
</div>
</div>
<section id="about">
<div class="container">
<div class="section-header">
<h2>ABOUT MISS BEAUTY</h2>
<p>
Best beauty shopping destination to buy cosmetic products, hair
products , skincare based on your persona & more from top beauty
brands. This trusted beauty brand stocks a wide range of items, from
best-selling foundations to lip color to eyeshadow palettes. Buy
beauty products online at best prices.
</p>
</div>
<div class="row">
<div class="about-img">
<img
src="src/img/about-img.jpg"
class="img-aside"
height="360"
width="460"
alt=""
/>
<ul>
<li style="list-style-type: none;">
<i class="fa fa-heart"></i> Since its inception in 2012,
MissBeauty has quickly emerged as India’s largest omnichannel
beauty destination with millions of happy customers across the
country.
</li>
<br /><br />
<li style="list-style-type: none;">
<i class="fa fa-heart"></i> We are selling 1200+ items, 100%
genuine brands, and six warehouses across India that stock lakhs
of well curated, well priced products.
</li>
<br /><br />
<li style="list-style-type: none;">
<i class="fa fa-heart"></i> MissBeauty is all about celebrating
the star in each woman, and being her confidante and companion
as she embarks on her own journey to discover her unique
identity and personal style.
</li>
<br /><br />
<li style="list-style-type: none;">
<i class="fa fa-heart"></i> From the widest selection of genuine
beauty products from around the world to beauty all, MissBeauty
is truly passionate about catering to your every beauty and
wellness need.
</li>
<br /><br />
<li style="list-style-type: none;">
<i class="fa fa-heart"></i> After all,
<mark>Your Beauty is Our Passion.</mark>
</li>
</ul>
</div>
</div>
<div class="about-content">
<h2>The Values We Abide By:</h2>
<p>
We believe that the MissBeauty woman deserves nothing but the best,
purest, most trustworthy beauty and wellness products money can buy.
We are only offering products that are 100% authentic , good quand
sourced directly from the brands or their authorized
distributors.we’re always bettering our processes to ensure we’re
always delivering the best.
</p>
</div>
</div>
</section>
<section id="offers" class="sec-padding">
<div class="container">
<div class="section-header">
<br>
<h2 style="color:black">OUR OFFERS</h2>
<p>
Find out how to save on makeup products with special offers and coupons for face makeup,
lip makeup and eye makeup from MissBeauty.
</p>
</div>
<div class="cont">
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer1.jpg">
</div>
<div class="details">
<div class="conte">
<h2>Maybelline Lipstick</h2><br>
<p>Original Price:Rs.800/ps<br><br>Offer:40%<br><br>Final Price:Rs.480/ps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer2.jpg">
</div>
<div class="details">
<div class="conte">
<h2>Lakme Foundation Cream</h2><br>
<p>Original Price:Rs.495/ps<br><br>Offer:20%<br><br>Final Price:Rs.396/ps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer3.jpg">
</div>
<div class="details">
<div class="conte">
<h2>Nude EyeShadow</h2><br>
<p>Original Price:Rs.350/ps<br><br>Offer:10%<br><br>Final Price:Rs.315/ps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer4.jpg" style="height:300px;width:300px">
</div>
<div class="details">
<div class="conte">
<h2>Monsieur Big Mascara</h2><br>
<p>Original Price:Rs.450/ps<br><br>Offer:21%<br><br>Final Price:Rs.355.50/ps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer5.jpg">
</div>
<div class="details">
<div class="conte">
<h2>Kabuki Smooth Brush</h2><br>
<p>Original Price:Rs.420/ps<br><br>Offer:15%<br><br>Final Price:Rs.357/ps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer6.jpg">
</div>
<div class="details">
<div class="conte">
<h2>EyesPigment Glitter EyeShadow</h2><br>
<p>Original Price:Rs.500/ps<br><br>Offer:30%<br><br>Final Price:Rs.350/ps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer7.jpg">
</div>
<div class="details">
<div class="conte">
<h2>LipQueen Lipstick</h2><br>
<p>Original Price:Rs.480/ps<br><br>Offer:12%<br><br>Final Price:Rs.422.40</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-6 single">
<div class="box">
<div class="imgBox">
<img src="src/img/offer8.jpg">
</div>
<div class="details">
<div class="conte">
<h2>Kajal Eyeliner Combo</h2><br>
<p>Original Price:Rs.1200/ps<br><br>Offer:22%<br><br>Final Price:Rs.936/ps</p>
</div>
</div>
</div></div>
</div>
</div>
</section>
<section id="brands">
<div class="container">
<div class="section-header">
<h2>Product Brands</h2>
<p>Shopping for makeup can be overwhelming due to the abundance of options in front of you. With the arrival of a horde of
new makeup brands in the Indian market, we have gotten best ones for you here.</p>
</div>
<div class="owl"><center>
<img src="src/img/lg1.jpg" alt="" style="height:150px;width:200px">
<img src="src/img/lg2.jpg" alt="" style="height:150px;width:200px">
<img src="src/img/lg3.jpg" alt="" style="height:150px;width:200px">
<img src="src/img/lg4.jpg" alt="" style="height:150px;width:200px">
<img src="src/img/lg5.jpg" alt="" style="height:150px;width:200px"><br>
<img src="src/img/lg6.jpg" alt="" style="height:150px;width:200px">
<img src="src/img/lg7.jpg" alt="" style="height:150px;width:200px">
<img src="src/img/lg8.jpg" alt="" style="height:150px;width:200px">
</center>
</div>
</div>
</section>
<section id="video">
<div class="container">
<div class="section-header"><br>
<h2 style="color:black">Customer Reviews</h2>
<p style="color:black">MissBeauty has the best service when it comes to makeup.
I have tried ordering makeup online from a few other stores as well but this is by far the best store.</p>
</div>
<div class="video-grid">
<div class="video-item">
<div class="video-wrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/lQF7iSJIL78" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="video-item">
<div class="video-wrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Tyte1eYhx-0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="video-item">
<div class="video-wrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/jYxaV1QYZxw?start=6" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<h1 align="center">Join Hands to Explore you!!</h1>
</section>
<section id="contact">
<div class="container">
<div class="section-header"><br>
<h2 style="color:white">Contact Us</h2>
<p style="color:black">Contact Us and be the first to know about exciting offers, product updates and more from MissBeauty
and other Unilever brands. For furthur information ...</p>
</div>
<div class="contact-info">
<div class="contact-address">
<h3>Address</h3>
<address>MN-12 Lincon Street, NewYork 12356, USA</address>
</div>
<div class="contact-phone">
<h3>Phone Number</h3>
<p><a href="tel:+155895548855">+0452 245 1235 67</a></p>
</div>
<div class="contact-email">
<h3>Email</h3>
<p><a href="mailto:info@example.com">missbeauty@org.com</a></p>
</div>
</div>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d387191.33750346623!2d-73.979681!3d40.6974881!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1541477355474" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong>MissBeauty</strong> 2020. All Rights Reserved
</div>
</div>
</footer>
</body>
</html>