-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproductPage.html
129 lines (117 loc) · 5.21 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
<!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>Hasina Store</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-firestore.js"></script>
<script src="firebase.js" defer></script>
<script src="totalQuantity.js" defer></script>
<script src="allproduct.js" defer></script>
</head>
<body>
<div class="hasina-store">
<div class="heading">
<div class="logo">
<img src="logo.png" id="logo" alt="logo">
</div>
<div class="search-item">
<i class="fas fa-search"></i>
<input type="text" title="search" id="search-items" placeholder="Search for item and brands">
</div>
<div class="navigation">
<a href="index.html"><span>HOME</span></a>
<a href="productPage.html"><span id="productNav">PRODUCT</span></a>
<a href="contactPage.html"><span id="contactNav">CONTACT</span></a>
</div>
<div class="icons">
<a href="likedProduct.html" title="LikedProductList"> <span> <i class="far fa-heart"></i><small
id="likedProductQuantityForIcon"></small></span></a>
<a href="afterLoginPage.html" title="accountPage">
<i class="far fa-user"></i></a>
<a href="cart.html"><span class="shopping-cart">
<img src="https://img.icons8.com/ios/512/000000/shopping-cart.png" title="cart-items" />
<small id="quantity"></small></a>
</span>
</div>
</div>
<div class=" after-heading active">
<div class="bar">
<span id="bar"><i class="fas fa-bars"></i></span>
<div class="navigationMenu">
<a href="index.html"><span id="home1">HOME</span></a>
<a href="productPage.html"><span>PRODUCT</span></a>
<a href="contactPage.html"><span>CONTACT</span></a>
</div>
</div>
<div class="search-item">
<input type="text" title="search" id="search-items2" placeholder="Search for item and brands">
<i class="fas fa-search"></i>
</div>
</div>
<div class="description active">
</div>
<div class="all-products-in-one">
<div class="all-items">
</div>
</div>
<div class="before-footer">
<h1>OUR NEWSLETTER</h1>
<small>Promotion new products and sales. Directly to your</small>
<div class="subscribe">
<input type="email" name="email" id="email" title="email" placeholder="[email protected]">
<button title="subscribe" id="subscribe">SUBSCRIBE</button>
</div>
</div>
<div class="footer">
<div class="first-level">
<div class="explore">
<h2>Explore</h2>
<span>HOME</span>
<span>PRODUCT</span>
<span>PROMOTION</span>
<span>CONTACT</span>
</div>
<div class="advantage">
<h2>Advantage</h2>
<span>Pricing</span>
<span>Free Shipping</span>
<span>Gift Cards</span>
</div>
<div class="brand">
<h2>Brand</h2>
<span>Apple</span>
<span>Samsung</span>
<span>Asus</span>
</div>
</div>
<div class="second-level">
<div class="follow">
<h2>Follow</h2>
<span><i class="fab fa-instagram"></i></span>
<span><i class="fab fa-facebook-square"></i></span>
<span><i class="fab fa-twitter-square"></i></span>
<span><i class="fab fa-youtube"></i></span>
</div>
<div class="play-store">
<i class="fab fa-google-play"></i>
<span>GET IT ON</span>
<h3>Google Play</h3>
</div>
</div>
<div class="third-level">
<div class="copy-right">
<span>© 2022 copyright all reserved</span>
</div>
</div>
</div>
</div>
</body>
</html>