-
Notifications
You must be signed in to change notification settings - Fork 2
/
product.html
139 lines (138 loc) · 6.78 KB
/
product.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
<!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>The AweSummer May Fab Bag</title>
<link rel="stylesheet" href="product.css">
<script src="https://kit.fontawesome.com/63ed2a64a9.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- navbar section -->
<div id="top">AVAILABLE NOW - THE AWESUMMER MAY FAB BAG!</div>
<div id="navbar">
<h2>SUBSCRIBE NOW</h2>
<a href="/index.html"><img id="front" src="https://cdn.shopify.com/s/files/1/0052/7551/6995/files/FABBAG-LOGO_96ac9306-4c81-4ab8-8d2b-4e818eed7f76_2048x.png?v=1606482289" alt=""></a>
<div>
<i class="fa-solid fa-magnifying-glass"></i>
<i class="fa-solid fa-heart"></i>
<a id="currUser" href="/signup.html"><i class="fa-regular fa-user"></i></a>
<a href="cartPage.html"><i class="fa-solid fa-cart-shopping"></i></a>
</div>
</div>
<!-- product information -->
<div id="productInfo">
<div>
<div class="image">
<div id="enlarge"><i class="fa-solid fa-arrows-up-down-left-right"></i></div>
</div>
<img id="productIMG" src="https://cdn.shopify.com/s/files/1/0052/7551/6995/products/Skincare-1.gif?v=1651909062" alt="">
</div>
<div class="info">
<p><a href="/index.html">Home</a></p>
<h1 id="productName">The AweSummer May Fab Bag</h1>
<h1 id="productPrice">Rs. <span>599.00</span></h1>
<p>Phew, it's getting hot in here! Unveil the midsummer madness with the hottest beauty staples inside the...</p>
<h4>Plans</h4>
<div id="months">
<button id="oneM">1 MONTH</button>
<button id="threeM">3 MONTH</button>
</div>
<div class="incDec">
<button class="count inc">-</button>
<button id="productQTY"></button>
<button class="count dec">+</button>
</div>
<a href="/cartPage.html"><button id="addToCart">ADD TO CART</button></a>
<div class="linkLogo">
<div><a href="https://twitter.com/share?url=https://www.fabbag.com/products/subscribe&text=The%20AweSummer%20May%20Fab%20Bag"><i class="fa-brands fa-twitter"></i></a></div>
<div><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.fabbag.com/products/subscribe"><i class="fa-brands fa-facebook-f"></i></a></div>
<div><a href="https://plus.google.com/share?url=https://www.fabbag.com/products/subscribe"><i class="fa-brands fa-google-plus-g"></i></a></div>
</div>
</div>
</div>
<div id="descripCont">
<div id="description">
<div id="descriptionButton">
<button>DESCRIPTION</button>
<button>VIEW PLANS</button>
<button>RETURNS POLICY</button>
<button>CUSTOMER REVIEWS</button>
</div>
<div id="descrip">
<ul>
<li>Phew, it's getting hot in here! Unveil the midsummer madness with the hottest beauty staples inside the AweSummer May Fab Bag.</li>
<li>
Here's what you can expect inside your May Fab Bag:
<ul>
<li>SUGAR Own The Light Liquid Highlighter of your choice!*</li>
<li>Liquid Lipstick of your choice!*</li>
<li>Haircare Duo</li>
<li>Organic Soap</li>
<li>Bonus*</li>
</ul>
</li>
<li>*Two offers cannot be clubbed. Makeup choice will be available on the order confirmation page, on a first-come, first-served basis. Bonus product will be customized by the Fab Bag Crew.</li>
<li>FAB BAG delivers the best of beauty and makeup products once a month, customized just for you.</li>
</ul>
</div>
<div id="viewPlans">
<div>Data not availabe</div>
</div>
<div id="refundPolicy">
<ul>
<li>Returns Policy for FAB BAG Monthly Subscriptions: 100% Happiness or Money-Back Guarantee</li>
<li>For more details, please see our Policy here.</li>
<li>Should you have any questions regarding this product, please feel free to get in touch with our friendly Customer Experience Team at [email protected] within 48 hours of receiving the shipment or call us at 022-4896-7878 Mon - Fri, 9am - 7pm.</li>
</ul>
</div>
<div id="custmerReview">
<h3>Customer Reviews</h3>
<div>
<p>No reviews yet</p>
<button>Write a review</button>
</div>
</div>
</div>
</div>
<div id="shadow"></div>
<footer>
<div>
<div>
<h2>INFORMATION</h2>
<a href="/about.html"><p>About Us</p></a>
<a href="/associatedBrands.html"><p>Associated Brands</p></a>
<a href="/faq.html"><p>FAQ</p></a>
<a href="/collaborate.html"><p>Collaborate with Fab Bag</p></a>
<a href="/contact.html"><p>Contact Us</p></a>
<a href="/returns.html"><p>Returns & Refunds</p></a>
<a href="/terms.html"><p>Terms & Conditions</p></a>
<a href="/privacy.html"><p>Privacy Policy</p></a>
</div>
<div>
<h2>CUSTOMER CARE</h2>
<p>Call : 022-6805-6010 <br> (Monday to Friday : 9 AM - 7 PM).</p>
<p>Mail : [email protected]</p>
</div>
<div>
<h2>NEWSLETTER</h2>
<p>Signup for the latest offers, updates and news</p>
<div>
<input type="text" placeholder="Your mail address">
<button>SUBSCRIBE</button>
</div>
<p>Don’t worry we don’t spam</p>
</div>
</div>
<div id="footLogo">
<a href="http://facebook.com/fabbag"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://twitter.com/thefabbag"><i class="fa-brands fa-twitter"></i></a>
<a href="https://instagram.com/thefabbag/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.youtube.com/fabbag"><i class="fa-brands fa-youtube-square"></i></a>
</div>
<div>Copyright © 2021 fabbag.com All rights reserved.</div>
</footer>
</body>
</html>
<script src="product.js"></script>