-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproduct.html
238 lines (203 loc) · 9.72 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product Description</title>
<link rel="stylesheet" href="product.css">
</head>
<body>
<header>
<button class="nav-button" onclick="redirectTo('index.html')">Home</button>
<button class="nav-button" onclick="redirectTo('cart.html')">Go to Cart</button>
</header>
<main class="center-content">
<section class="product-details">
<h1>Sabai Handle Basket</h1>
<p>Handmade handle basket crafted with high quality material</p>
<div class="image-slider">
<div class="image-container">
<img id="product-image" src="Images/p1.jpg" alt="Product Image 1">
<p id="image-description">Description for Image 1</p>
</div>
<div class="arrow-controls">
<button class="arrow-button left" onclick="changeImage(-1)">
<img src="Images/arrow-l.png" alt="Previous Arrow">
</button>
<button class="arrow-button right" onclick="changeImage(1)">
<img src="Images/arrow-r.png" alt="Next Arrow">
</button>
</div>
</div>
<div class="price-details">
<div class="discounted-price" style="font-size: 24px;">INR 1,499/-</div>
<div class="mrp" style="font-size: 16px; color: #9c9c9c; text-decoration: line-through;">MRP: 2000/-</div>
</div>
<div class="action-buttons">
<button class="buy-now-button">Buy Now</button>
<button class="add-to-cart-button">Add to Cart</button>
</div>
</section>
<section class="product-description">
<div class="horizontal-line"></div>
<section class="small-images">
<div class="small-image-container">
<img src="Images/l1.png" alt="Image 1" class="small-image">
<p class="image-label" style="font-size:12px">7 Days Return</p>
</div>
<div class="small-image-container">
<img src="Images/l2.png" alt="Image 2" class="small-image">
<p class="image-label" style="font-size:12px">Quality Check</p>
</div>
<div class="small-image-container">
<img src="Images/l3.png" alt="Image 3" class="small-image">
<p class="image-label" style="font-size:12px">Free Delivery</p>
</div>
<div class="small-image-container">
<img src="Images/l4.png" alt="Image 4" class="small-image">
<p class="image-label" style="font-size:12px">Top Brand</p>
</div>
</section>
<div class="horizontal-line"></div>
<h1 style="margin-top: 50px;">Product description:</h1>
<div class="product-about">
<p style="font-size: larger;text-align: center;">
Introducing SabaiCraft's Handwoven Masterpieces: Elevate Your Space with Timeless Elegance
</p>
<p style="font-family:Arial, Helvetica, sans-serif;">
In the realm of artisanal excellence, SabaiCraft stands as a beacon of tradition and sophistication, bringing you a curated collection of handmade baskets that transcend utility to become timeless works of art. Our Handle Baskets, a testament to the skillful hands that weave them, are crafted with precision, passion, and a commitment to preserving the rich heritage of traditional basketry.
</p>
<p style="font-weight: bold;"> Craftsmanship: </p>
<p style="font-family:Arial, Helvetica, sans-serif;">
At the heart of each SabaiCraft Handle Basket is a story of unparalleled craftsmanship. Meticulously handwoven by skilled artisans, these baskets exemplify the perfect fusion of age-old techniques and contemporary design. The result is not just a functional storage solution but a piece of art that seamlessly integrates into your living space.
</p>
<p style="font-weight: bold;"> Timeless Design: </p>
<p style="font-family:Arial, Helvetica, sans-serif;">
Our Handle Baskets are designed to stand the test of time, both in terms of durability and style. The classic yet versatile design ensures that these baskets complement a myriad of interior aesthetics, from modern chic to rustic charm. The intricate patterns and textures add an element of sophistication, making them a perfect addition to any room.
</p>
<p style="font-weight: bold;"> Natural Materials, Sustainable Beauty: </p>
<p style="font-family:Arial, Helvetica, sans-serif;">
SabaiCraft is committed to sustainability, and our Handle Baskets reflect this ethos. Woven from natural, eco-friendly materials, these baskets not only enhance the aesthetics of your space but also contribute to a greener planet. Each basket is a conscious choice towards a more sustainable and ethical lifestyle.
</p>
</div>
<br>
<div class="horizontal-line"></div>
</section>
<section class="featured-products">
<h2>Related Products</h2>
<p>Based on your interest, you may like these products</p>
<br>
<div class="product">
<img src="Images/p1.jpg"><br>
<h3>Sabai Handle Basket</h3>
<p>₹1000</p>
<div class="action-buttons">
<button class="add-to-cart-button">Add to Cart</button>
</div>
</div>
<div class="product">
<img src="Images/p4.jpg"><br>
<h3>Sabai Fruit Basket</h3>
<p>₹1200</p>
<div class="action-buttons">
<button class="add-to-cart-button">Add to Cart</button>
</div>
</div>
<div class="product">
<img src="Images/p3.jpg"><br>
<h3>Sabai Casrole</h3>
<p>₹800</p>
<div class="action-buttons">
<button class="add-to-cart-button">Add to Cart</button>
</div>
</div>
<div class="product">
<img src="Images/p5.jpg"><br>
<h3>Sabai Basket</h3>
<p>₹800</p>
<div class="action-buttons">
<button class="add-to-cart-button">Add to Cart</button>
</div>
</div>
</section>
<div class="horizontal-line"></div>
<section class="reviews">
<div class="container">
<div class="text">
<h1>Reviews</h1>
<p style="text-align: center;font-weight: bolder;color: #9c9c9c;">4.5 Ratings</p>
</div>
<img src="Images/review.gif" alt="Review">
</div>
<div class="review-container">
<div class="review-box">
<div class="user-info">
<h3>Tanya</h3>
<p>Excellent product! I'm very happy with my purchase.</p>
</div>
</div>
<div class="review-box">
<div class="user-info">
<h3>Ramashre</h3>
<p>Great quality and fast shipping. Highly recommend!</p>
</div>
</div>
<div class="review-box">
<div class="user-info">
<h3>Anuradha</h3>
<p>I liked it, they were exactly how they were promised.</p>
</div>
</div>
<div class="review-box">
<div class="user-info">
<h3>Tanishq</h3>
<p>Amazing customer service. Will buy again!</p>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-section">
<h2>Main Menu</h2>
<ul>
<li>Home</li>
<li>About Us</li>
<li>Shop</li>
<li>Help</li>
</ul>
</div>
<div class="footer-section">
<h2>Discover</h2>
<ul>
<li>The Team</li>
<li>Our History</li>
<li>Brand Motto</li>
<li>Our Artisans</li>
</ul>
</div>
<div class="footer-section">
<h2>Company</h2>
<ul>
<li>SabaiCraft Treasures</li>
<li>Press</li>
<li>Careers</li>
<li>Terms and conditions</li>
</ul>
</div>
<div class="footer-section">
<h2>Contact Us</h2>
<ul>
<li>Twitter</li>
<li>Instagram</li>
<li>Facebook</li>
<li>[email protected]</li>
</ul>
</div>
<br>
</footer>
<div class="horizontal-line"></div>
<div class="copyright"> © SabaiCraft Treasures. All Rights Reserved.</div>
<script src="product.js"></script>
</body>
</html>