-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathiceCube.html
148 lines (140 loc) · 8.31 KB
/
iceCube.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>Ice Cube Maker</title>
<link rel="stylesheet" href="css/Home & Life Style/iceCube.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/ice.png" alt="">
</div>
<div class="product-details">
<p class="p2">Countertop Ice Maker Self-Cleaning Scoop Basket Ice Machine</p>
<p class="p3">by: Amal <a href="" style="color: blue; text-decoration: none;">View Profile</a></p>
<p class="p4"><i class="bi bi-geo-alt-fill"></i>Homagama, Colombo</p>
<p class="p5">Rs 2000/Day</p>
<p class="p6">Total number Available: 1</p>
<p class="p7">Upgrade your refreshment game with our Countertop Ice Maker. This self-cleaning marvel creates ice at your convenience, eliminating the need for frequent refills. The included scoop basket ensures easy serving, while the compact design fits seamlessly on your countertop. Elevate your gatherings and stay refreshed with the perfect ice solution.</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-10.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>Vimuth</p>
</div>
<p class="p13">The Countertop Ice Maker has redefined my hosting game. Its self-cleaning feature is a time-saver, ensuring ice is always ready for any occasion. The scoop basket simplifies serving, and the compact design makes it a convenient addition. From chilled beverages to impressive displays, this ice maker elevates gatherings and adds a touch of luxury to any event. It's a kitchen essential that I can't imagine living without.</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>Akash</p>
</div>
<p class="p13">The Countertop Ice Maker is my go-to solution for ice needs. The self-cleaning feature takes the hassle out of maintenance, and the scoop basket ensures serving is a breeze. Its compact design makes it a countertop superstar. Whether it's cocktails by the pool or a family barbecue, this ice maker ensures there's no shortage of ice. It's a versatile addition that brings convenience to my refreshment game.</p>
</div>
<div class="review"style="height: 260px;">
<div class="review-1">
<img src="Images/userImages/user-4.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>Noyel</p>
</div>
<p class="p13">The Countertop Ice Maker is my summer savior. Its self-cleaning capability is a game-changer, offering ice whenever I need it. The scoop basket is user-friendly, making serving a joy. The compact size is perfect for my kitchen setup. From smoothies to mocktails, this ice maker caters to my family's diverse tastes. It has elevated our gatherings, ensuring everyone enjoys their drinks exactly how they like them. For busy households and entertainers alike, this appliance is an invaluable addition that guarantees ice on demand.</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/iceCube.js"></script>
</body>
</html>