-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgrinder.html
148 lines (140 loc) · 9.29 KB
/
grinder.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grinder</title>
<link rel="stylesheet" href="css/Home & Life Style/grinder.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
</head>
<body>
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox" name="" id="">
<div class="hamburger-lines">
<i class="bi bi-list"></i>
</div>
<ul class="menu-items">
<li><a href="main2.html">Home</a></li>
<li><a href="search.html">Explore</a></li>
<li>
<a href="">How it works</a>
<ul class="dropdown-menu">
<li><a href="rent_items.html">Items</a></li>
<li><a href="rent_services.html">Services</a></li>
</ul>
</li>
<li><a href="aboutUs.html">About us</a></li>
<li><a href="myAccount.html">Profile</a></li>
<a href="cart.html">
<i class="bi bi-cart" id="cart-icon"></i>
</a>
</ul>
<img src="Images/Rentiverse logo.png" class="logo">
</div>
</nav>
<div class="options">
<li>
<ul><a href="catergories-pets.html">Pets</a></ul>
<ul><a href="catergories-musicalInstruments.html">Musical Instruments</a></ul>
<ul><a href="catergories-heavyMachinery.html">Heavy Machinery</a></ul>
<ul><a href="catergories-apparel.html">Apparel</a></ul>
<ul><a href="catergories-accessories.html">Accessories</a></ul>
<ul><a href="electronic.html">Electronics</a></ul>
<ul><a href="items.html">Home and Lifestyle</a></ul>
<ul><a href="catergories-sportsAnd Recreation.html">Sports and Recreation</a></ul>
</li>
<hr>
<div class="options-2">
<p class="p1"><i class="bi bi-house-door"></i> / Items / Home & Life Style</p>
</div>
</div>
<div class="product">
<div class="product-img">
<img src="Images/Home and Life Style/grinder.png" alt="" width="700px" height="750px">
</div>
<div class="product-details">
<p class="p2">Coffee Grinder Electric Burr Mill Adjustable Espresso Machine</p>
<p class="p3">by: Chamal <a href="" style="color: blue; text-decoration: none;">View Profile</a></p>
<p class="p4"><i class="bi bi-geo-alt-fill"></i>Ragama, Colombo</p>
<p class="p5">Rs 820/Day</p>
<p class="p6">Total number Available: 1</p>
<p class="p7">Elevate your coffee experience with our Electric Burr Mill Coffee Grinder. Perfectly designed for espresso enthusiasts, this grinder offers adjustable settings to achieve the ideal grind consistency. Transform your beans into a rich, aromatic espresso with ease, and savor every sip of the freshest coffee possible.</p>
<p class="p8"><input type="text">No of item(s) to be rented</p>
<p class="p9">Booking Date <br>
<input type="date" name="" id="bookingDate" required></p>
<p class="p10">Return Date <br>
<input type="date" name="" id="returnDate" required></p>
<p class="p11"><input type="checkbox" name="" id="" required> Agree to Rentor's Policy / <a href="" style="color: rgb(26, 194, 26); text-decoration: none;">Read Policy</a>
<div class="product-buttons">
<button class="cart-button" onclick="addToCart()">Add to Cart</button>
<button class="rent-now">Rent Now</button>
</div>
</div>
</div>
<div class="popup-box" id="popupBox">
<div class="popup-content">
<span class="close-icon" id="closePopup">×</span>
<p>Item added to cart successfully!</p>
</div>
</div>
<div class="reviews-section">
<h1>Reviews on this product</h1>
<div class="review">
<div class="review-1">
<img src="Images/userImages/user-16.png" alt="">
<p class="p12"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><br>Malinga</p>
</div>
<p class="p13">The Electric Burr Mill Coffee Grinder has redefined my daily coffee routine. As a passionate espresso lover, I appreciate the adjustable settings that allow me to finely calibrate the grind consistency. This precision ensures a cup of espresso that meets my highest expectations. The aroma that fills the air as I grind the beans is a prelude to the exceptional flavor that follows. The process itself becomes a ritual, connecting me to the heart of coffee craftsmanship. From the machine's sleek design to its robust performance, it's a testament to the pursuit of excellence in coffee preparation. Each cup is a celebration of flavor and aroma, a true homage to the beans' origins. If you're seeking an espresso experience that goes beyond convenience, this grinder is an essential tool that opens the door to a world of coffee artistry.</p>
</div>
<div class="review" style="height: 200px;">
<div class="review-1">
<img src="Images/userImages/user-9.png" alt="">
<p class="p12"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><br>Dananjaya</p>
</div>
<p class="p13"> The Electric Burr Mill Coffee Grinder is my coffee sanctuary. With its adjustable settings, it transforms coffee beans into the perfect grind for my espresso machine. The convenience it brings to my mornings is matched only by the outstanding quality of the grind. The aroma that fills my kitchen as I grind fresh beans is a symphony that awakens my senses. It's become a vital part of my daily routine, and each cup of espresso it helps create is a testament to its craftsmanship. For anyone who savors the richness of espresso, this grinder is a must-have addition that ensures a delightful experience with every sip.</p>
</div>
<div class="review"style="height: 260px;">
<div class="review-1">
<img src="Images/userImages/user-13.png" alt="">
<p class="p12"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><br>Nuwanidu</p>
</div>
<p class="p13">The Electric Burr Mill Coffee Grinder is a true revelation for a coffee enthusiast like me. Its adjustable settings offer a level of precision that elevates my espresso-making journey. The joy of customizing the grind to suit my preferences is unparalleled. The grinder's performance is nothing short of exceptional, consistently delivering a grind that enhances the flavors and aromas of the beans. The transformation of whole beans into a fine, aromatic powder is a sensory delight that connects me to the essence of coffee. This grinder encapsulates the essence of craftsmanship and dedication to quality. It's an investment in the pursuit of the perfect cup of espresso, a reminder that the journey is just as rewarding as the destination. For anyone seeking to delve deeper into the art of coffee preparation, this grinder is an essential tool that promises a truly immersive experience.</p>
</div>
</div>
<footer>
<svg viewBox="0 0 120 28">
<defs>
<path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
</defs>
<use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2" ></use>
<use id="wave2" class="wave" xlink:href="#wave" x="0" y="0" ></use>
<use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
</svg>
<div class="footer-content">
<h1 class="p1">RENTIVERSE</h1>
<button class="footer-content-button">Contact Us</button>
<div class="vertical-1"></div>
<div class="footer-options-1">
<a href=>HOME</a><br><br>
<a href=>EXPLORE</a><br><br>
<a href=>HOW IT WORKS</a><br><br>
<a href=>ABOUT US</a>
</div>
<div class="vertical-2"></div>
<div class="footer-options-2">
<a href=>TERM OF SERVICE</a><br><br>
<a href=>FAQs</a>
</div>
<div class="vertical-3"></div>
<div class="footer-options-3">
<a href=""><i class="bi bi-facebook"></i></a><br><br>
<a href=""><i class="bi bi-instagram"></i></a><br><br>
<a href=""><i class="bi bi-twitter"></i></a><br><br>
<a href=""><i class="bi bi-whatsapp"></i></a>
</div>
</div>
</footer>
<script src="js/home&lifestyle/grinder.js"></script>
</body>
</html>