forked from BishalPatgiri/SEPHORA-E-commerce-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmakeUp.html
191 lines (186 loc) · 13.5 KB
/
makeUp.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
<!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>Make Up</title>
<link rel="stylesheet" href="common.css">
</head>
<body>
<div id="navbar1">
<a href=""><img src="https://cdn02.nnnow.com/web-images/master/navtree_metaData/59b2425ae4b0d70964ee66e0/1505806763887/12NNNOWLOGODESKTOP.png" alt="logo"></a>
<a href=""><p>Store Locator</p></a>
<a href=""><p>CheckOut Our Newest Arrivals</p></a>
<a href=""><p>Get App</p></a>
<a href=""><p>Track Order</p></a>
<a href=""><p>Loyalty</p></a>
</div>
<div id="navbar_II">
<div >
<form class="search" action="action_page.php">
<button type="submit"><i class="fa fa-search"></i></button>
<input type="text" placeholder="Search SEPHORA" name="search">
</form>
</div>
<h1>SEPHORA</h1>
<div id="user">
<a href=""><i class="fa fa-heart"></i></a>
<a href="cart.html"><i class="fa fa-bag-shopping"></i>Cart</a>
<a href=""><i class="fa-solid fa-user"></i> User</a>
</div>
</div>
<div id="Navbar">
<a href="sales.html"><h4>SALE</h4></a>
<a href="makeUp.html" ><h4>MAKEUP</h4></a>
<a href="skinCare.html"><h4>SKINCARE</h4></a>
<a href="fragrance.html"><h4>FRAGRANCE</h4></a>
<a href="Haircare.html"><h4>HAIRCARE</h4></a>
<a href="tools.html"><h4>TOOLS & BRUSHES</h4></a>
<a href="brands.html"><h4>BRANDS</h4></a>
</div>
<div>
<a href="makeup.html"><img src="https://logan.nnnow.com/content/dam/nnnow-project/27-sep-2021/MakeupDesktop.jpg" alt=""></a>
</div>
<div id="two">
<div>
<p>SHOP</p>
<p>FACE</p>
<p>CHEEK</p>
<p>EYE</p>
<p>LIP</p>
<p>BRUSHES & APPLICATORS</p>
<p>ACCESSORIES</p>
<p>NAIL</p>
<p>MAKEUP PALETTES</p>
<p>VEGAN</p>
</div>
<div>
<img src="https://logan.nnnow.com/content/dam/nnnow-project/16-april-2020/makeup/13APR20_MAKEUP_CB_STRIP1_DESK_1.jpg" alt="" id="small_nav">
<div id="Products"></div>
</div>
</div>
<div id="Products"></div>
<div id="back">
<a href=""><button><i class="fa-solid fa-angle-up"></i> ^ BACK TO TOP</button></a>
</div>
<div id="offers">
<h2>GET THE LATEST NEWS & OFFERS IN BEAUTY & FASHION</h2>
<form action="" id="subscribe">
<input type="text" placeholder="Subscribe Here......" id="email">
<button id="btn">SUBSCRIBE</button>
</form>
</div>
<div id="footer1">
<h4>Sephora offers are available on one convenient page</h4>
<p>Are you tired of searching online to get Sephora discounts and coupon codes from third-party websites? Sephora promo codes feature all your favourite makeup brands so you don’t have to look any further. We beat the leading competitor makeup portals with discounts and deals you can’t find anywhere else. Plus, we have the latest international brands only at Sephora India! We are the only distributor of international prestige beauty. All our products are authentic, and we’re offering you discounted prices every week!</p>
<h4>Calling all makeup junkies, perfumistas and beauty influencers!</h4>
<p>Huge blowout sales on Sephora! Get ‘em while you can. Sephora offers you amazing deals, discounts and offers every day. Who doesn’t want makeup nearly half off? Whether you’re shopping for school, college, work or elsewhere, Sephora promo codes and top beauty offers bring you amazing deals in a click of a button. The wide range of Sephora coupon codes can be applied on haircare essentials, skincare basics, tools, and even perfume! It’s not every day you get authentic high-end fragrances at incredibly low prices! Look nowhere else and stock up and save for the hottest beauty products half off!</p>
<h4>We Belong to Something Beautiful</h4>
<p>Shop everything from skincare, to hair products and beauty and get a free tote bag for free! Download the app to check out the hottest products on the go. Get seasonal, daily, and weekly discounts on the coolest international brands via your phone or desktop. Sephora offers discounts and deals specialised for loyal customers so you save more in the long run. Not only are the products high-quality, but they’re all available in a one-stop-shop. Stock up on seasonal beauty to mix-and-match everything in your makeup kit for every occasion, every day.</p>
<h4>Sephora Offers for office Beauty</h4>
<p>Why wear the same makeup look to work every week? Sephora understands your need for a new look every day. With slashed prices on makeup palettes, lipsticks, shampoos and conditioners, lip kits, hair treatments, perfume, makeup brushes, and everything else in between, you’re sure to find something to suit your taste. Shop brands like Anastasia Beverly Hills, Estée Lauder, Make Up For Ever, Versace, and so much more for any occasion. With men’s and women’s beauty, grooming, prepping and priming basics are essential for every day dressing. With Sephora’s daily deals, you can shop high-quality essentials for work and everywhere else.</p>
<h4>Shop NNNOW online or on the mobile app</h4>
<p>A leader in prestige omni-retail, our purpose at Sephora is to create an inviting beauty shopping experience and inspire fearlessness in our community. With an ever-increasing assortment of products from carefully curated brands, featuring indie darlings, emerging favorites, trusted classics, and Sephora’s own, SEPHORA COLLECTION, now the whole family can shop their favourite trends, styles, and essentials online or via the mobile app. With a wide variety of beauty products for every skin type, shop trusted brands, the latest looks, designs and stylish looks from the comfort of your home. Discover online shopping that offers advantages like flat 50% off, swatches and sachets, and discounts with complimentary beauty offers. Get amazing deals on fashion and apparel too with a click of a button on NNNOW.com.</p>
</div>
<div id="Inform">
<h6>WHO WE ARE</h6>
<h6>FREQUENTLY ASKED QUESTIONS</h6>
<h6>CONTACT US</h6>
</div>
<div id="social_media_container">
<a href=""><i class="fa-brands fa-facebook-f"></i></a>
<a href=""><i class="fa-brands fa-instagram"></i></a>
<a href=""><i class="fa-brands fa-twitter"></i></a>
<a href=""><i class="fa-brands fa-youtube"></i></a>
</div>
<div id="fine_print_container">
<a href="">© 2022 NNNOW </a><span> | </span>
<a href=""> Privacy Policy </a><span> | </span>
<a href=""> Terms & Conditions </a>
</div>
<div id="footer_link_container">
<div id="footer_link_title_1">BRANDS</div>
<div id="footer_link_content_1">
<!-- append all brands here -->
</div>
<div id="footer_link_title_2">MAKEUP</div>
<div id="footer_link_content_2">
<!-- append all MAKEUP here -->
</div>
<div id="footer_link_title_3">SKIN CARE</div>
<div id="footer_link_content_3">
<!-- append all brands here -->
</div>
<div id="footer_link_title_4">OTHER ACCESORIES</div>
<div id="footer_link_content_4">
<!-- append all MAKEUP here -->
</div>
<div id="footer_link_title_5">MY SEPHORA</div>
<div id="footer_link_content_5">
<!-- append all brands here -->
</div>
</div>
</body>
</html>
<script>
document.getElementById("btn").addEventListener("click",subFun);
var makeupPageData = [
{img:"https://cdn13.nnnow.com/web-images/medium/styles/A8G6MLDJJNX/1539589327442/1.jpg",offer:"Offer",name:"Sephora Collection",para:"Cream Lip Stain",price2:"1200",para2:"2 more offers"},
{img:"https://cdn11.nnnow.com/web-images/medium/styles/5GUXA2CNECK/1549870626890/1.jpg",offer:"Offer",name:"Shiseido",para:"Modern Matte-Powder Lip Stick",price2:"2700",para2:"2 more offers"},
{img:"https://cdn16.nnnow.com/web-images/medium/styles/1VJQH4UV6PX/1569310805698/1.jpg",offer:"Offer",name:"Huda Beauty",para:"Power Bullet Matte Lip Stick",price2:"1920",discount:"(10% Off)",para2:"2 more offers"},
{img:"https://cdn09.nnnow.com/web-images/medium/styles/076Z1GLNPSC/1585660398353/1.jpg",offer:"Offer",name:"Stila",para:"Liquid Lip Stick",price1:"980",price2:"2100",discount:"(20% Off)",para2:"2 more offers"},
{img:"https://cdn16.nnnow.com/web-images/medium/styles/CH65NKWC2ZU/1533201155002/1.jpg",offer:"Offer",name:"Sephora Collection",para:"Glow Perfection Foundation",price1:",300",price2:"1690",discount:"(20% Off)",para2:"2 more offers"},
{img:"https://cdn08.nnnow.com/web-images/medium/styles/M5ZVMIS526D/1597900132612/1.jpg",offer:"Offer",name:"Sephora Collection",para:"High Precision Brush Long EyeLiner",price1:"3,700",price2:"1150",discount:"(40% Off)",para2:"2 more offers"},
{img:"https://cdn05.nnnow.com/web-images/medium/styles/4EFC4DM7EQ7/1585910792328/1.jpg",offer:"Offer",name:"Clinique",para:"POP Matte Lip Color",price1:"4,500",price2:"2050",discount:"(30% Off)",para2:"2 more offers"},
{img:"https://cdn09.nnnow.com/web-images/medium/styles/ZOPHMMY0PJT/1632136800447/1.jpg",offer:"Offer",name:"Natasha Denona",para:"Nude Lip Stick-22P",price1:"2,280",price2:"2500",discount:"(20% Off)",para2:"2 more offers"},
{img:"https://cdn09.nnnow.com/web-images/medium/styles/7H1E63JUG5Y/1595328042699/1.jpg",offer:"Offer",name:"Elizebeth Arden",para:"Gelato Lip Stick - Pink",price1:"2,400",price2:"1720",discount:"(20% Off)",para2:"2 more offers"},
{img:"https://cdn16.nnnow.com/web-images/medium/styles/A81CFIBBJXC/1612524207047/1.jpg",offer:"Offer",name:"Sephora Collection",para:"#LipStories Lip Stick ",price1:"1,700",price2:"850",discount:"(20% Off)",para2:"2 more offers"},
{img:"https://cdn06.nnnow.com/web-images/medium/styles/376EUCNVYLP/1555306181825/1.jpg",offer:"Offer",name:"Sephora Collection",para:"Rough Satin Lip Stick",price1:"3,700",price2:"1220",discount:"(40% Off)",para2:"2 more offers"},
{img:"https://cdn03.nnnow.com/web-images/medium/styles/GOP1YXWVZPO/1555307201332/1.jpg",offer:"Offer",name:"Sephora Collection",para:"Rough Lacquer Lip Stick - Rise Above",price1:"1050",price2:"1220",discount:"(20% Off)",para2:"2 more offers"},
{img:"https://cdn18.nnnow.com/web-images/medium/styles/FLRT08913N2/1600868124892/1.jpg",offer:"Offer",name:"Elizebeth Arden",para:"Moisturzing Lip Stick - Nude",price1:"18,000",price2:"2075",discount:"(0% Off)",para2:"2 more offers"},
{img:"https://cdn00.nnnow.com/web-images/medium/styles/BQNHJJE2HPV/1639719990723/1.jpg",offer:"Offer",name:"Abhati Suisse",para:"Yamuna Nourishing Shampoo",price1:"3,600",price2:"3060",discount:"(15% Off)",para2:"2 more offers"},
{img:"https://cdn06.nnnow.com/web-images/medium/styles/LMZXAZ5CUOC/1639719992478/1.jpg",offer:"Offer",name:"Abhati Suisse",para:"Saranda High-Performance Conditioner",price1:"3,900",price2:"3510",discount:"(10% Off)",para2:"2 more offers"},
{img:"https://cdn01.nnnow.com/web-images/medium/styles/1O7T64B0PJ9/1583391378166/1.jpg",offer:"Offer",name:"Sephora Collection",para:"4-Step Buffer",price1:"760",price2:"624",discount:"(18% Off)",para2:"2 more offers"},
{img:"https://cdn18.nnnow.com/web-images/medium/styles/LF9B8BFLIIQ/1519382076017/1.jpg",offer:"Offer",name:"Sephora Collection",para:"Cream Lip Stain",price1:"1,550",price2:"10850",discount:"(30% Off)",para2:"2 more offers"},
{img:"https://cdn12.nnnow.com/web-images/medium/styles/JZQYA0FT6X5/1617724678609/1.jpg",offer:"Offer",name:"Sephora Collection",para:"Pores Serum",price1:"2,050",price2:"1230",discount:"(40% Off)",para2:"2 more offers"},
{img:"https://cdn10.nnnow.com/web-images/medium/styles/3K88DM40TRD/1585571862821/1.jpg",offer:"Offer",name:"PIXI",para:"Best of Vitamin-C",price1:"000",price2:"2150",discount:"(0% Off)",para2:"2 more offers"},
{img:"https://cdn03.nnnow.com/web-images/medium/styles/EB94S3UDUPD/1585571862841/1.jpg",offer:"Offer",name:"PIXI",para:"Vitamin Wakeup Mist",price1:"000",price2:"1480",discount:"(0% Off)",para2:"2 more offers"},
{img:"https://cdn02.nnnow.com/web-images/medium/styles/GDOH1VY93XF/1583404426726/1.jpg",offer:"Offer",name:"PIXI",para:"Summer Glow Pallette",price1:"1,900",price2:"1740",discount:"(6% Off)",para2:"2 more offers"},]
displayFun(makeupPageData);
var cartArr = [];
function displayFun(data){
data.forEach(function(el){
var box = document.createElement("div");
var Imag = document.createElement("img");
Imag.src = el.img;
var Offer = document.createElement("h3");
Offer.innerText = el.offer;
var Name = document.createElement("h4");
Name.innerText = el.name;
var Par = document.createElement("p");
Par.innerText = el.para;
var Price = document.createElement("h4");
Price.innerText = el.price2;
var moreOffers = document.createElement("p");
moreOffers.innerText = el.para2;
var cart = document.createElement("h5");
cart.innerText = "Add Cart";
cart.addEventListener("click",function(){
addCart(el);
})
box.append(Imag,Offer,Name,Par,Price,moreOffers,cart);
document.querySelector("#Products").append(box);
})
}
function addCart(el){
cartArr.push(el);
localStorage.setItem("cartData",JSON.stringify(cartArr));
alert("Product Added to Cart")
}
function subFun(){
event.preventDefault();
alert("Subscribe Successfully")
window.location.reload();
}
</script>