-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproductPage.html
160 lines (147 loc) · 5.98 KB
/
productPage.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
<!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">
<link rel="stylesheet" href="productPageCS.css">
<title>1st link</title>
</head>
<body>
<!-- navbar -->
<div class="navbar">
<div id="look">
<div>
<a href="index.html">HOME</a>
</div>
<div>
<img src="https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/on/demandware.static/Sites-BathAndBodyWorks-Site/-/default/dw3c999621/images/svg-icons/Logos-main.svg?yocs=o_s_">
</div>
<div>
<input id="search" type="search" placeholder="Search by fragrance or product...">
<a href="signupPage.html">LogIn/SignUp</a>
<div id="cart">
<a href="cart_page.html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M112 112C112 50.14 162.1 0 224 0C285.9 0 336 50.14 336 112V160H400C426.5 160 448 181.5 448 208V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V208C0 181.5 21.49 160 48 160H112V112zM160 160H288V112C288 76.65 259.3 48 224 48C188.7 48 160 76.65 160 112V160zM136 256C149.3 256 160 245.3 160 232C160 218.7 149.3 208 136 208C122.7 208 112 218.7 112 232C112 245.3 122.7 256 136 256zM312 208C298.7 208 288 218.7 288 232C288 245.3 298.7 256 312 256C325.3 256 336 245.3 336 232C336 218.7 325.3 208 312 208z"/></svg>
</a>
</div>
</div>
</div>
<div class="box">
<a href="productPage.html">
<h5 style="color:red">ALL SALE</h5>
</a>
<a href="productBodyCare.html">
<h5>BODY CARE</h5>
</a>
<a href="productCandles.html">
<h5>CANDLES</h5>
</a>
<a href="productHomeFragrance.html">
<h5>HOME FRAGRANCE</h5>
</a>
<a href="productHandsoap.html">
<h5>HAND SOAPS & SANITIZERS</h5>
</a>
<a href="productMens.html">
<h5>MEN'S</h5>
</a>
<a href="productGift.html">
<h5>GIFTS</h5>
</a>
<a href="productPage.html">
<h5>BEST SELLERS</h5>
</a>
</div>
</div>
<!-- navbar -->
<!-- <div id="filter">
<div>
<div>
<h4>Filter by :</h4>
</div>
<div>
<select id="filterProducts">
<option value="all">All Products</option>
<option value="soap">Soap</option>
<option value="perfume">Perfume</option>
<option value="candle">Candle</option>
</select>
<!-- <select name="" id=""></select>
<select name="" id=""></select> -->
</div>
<div>
<!-- <select name="" id=""></select> -->
</div>
</div>
</div> -->
<div id="bigSales">
<div id="leftSide">
<div>
<h4 style="font-size: 14px;">TOP OFFERS</h4>
<p style="font-size: 12px;">50-75% Off Select Sale Items</p>
<p style="font-size: 12px;">$3.95 Select Body Care</p>
<p style="font-size: 12px;">$11.95 Select 3-Wick Candles</p>
<p style="font-size: 12px;">$3.25 Select Hand Soaps</p>
<p style="font-size: 12px;">$3.50 Select Wallflowers</p>
<p style="font-size: 12px;">$5.95 Select Single Wick Candles</p>
<p style="font-size: 12px;">50% Off Select Hand Sanitizers</p>
<p style="font-size: 12px;">25-50% Off Select Gifts & Accessories</p>
</div>
<div>
<h4 style="font-size: 14px;">SHOP BY CATEGORY</h4>
<p style="font-size: 12px;">All Sale Body Care</p>
<p style="font-size: 12px;">All Sale Candles</p>
<p style="font-size: 12px;">All Sale Home Fragrance</p>
<p style="font-size: 12px;">All Sale Hand Soaps</p>
<p style="font-size: 12px;">All Sale Hand Sanitizers</p>
<p style="font-size: 12px;">All Sale Gifts & Accessories</p>
</div>
</div>
<!-- -----------------Display Your Products here--------------- -->
<div id ="rightSide">
<!-- <div class="products">
<div></div>
<div></div>
</div> -->
</div>
</div>
<div id="footer">
<div>
<div class="division">
<p>Terms Of Use</p>
<hr>
</div>
<div class="division">
<p>Privacy Policy</p>
<hr>
</div>
<div class="division">
<p>Security Bug Report</p>
<hr>
</div>
<div class="division">
<p>California Privacy Rights</p>
<hr>
</div>
<div class="division">
<p>Do Not Sell My Personal Information (California)</p>
<hr>
</div>
<div class="division">
<p>Transparency in Supply Chains</p>
<hr>
</div>
<div class="division">
<p>Ad Preferences</p>
<hr>
</div>
</div>
<p>Masai School</p>
<p>IA : Shilpa Shingnapure</p>
<p id="aboutUs">© 2022 fw_19 Unit-2 batch : Copied website</p>
</div>
</body>
</html>
<script src = "productPageJS.js">
</script>