-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfan.html
148 lines (140 loc) · 8.52 KB
/
fan.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>Portable Fan</title>
<link rel="stylesheet" href="css/Home & Life Style/fan.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/fan.png" alt="" width="700px" height="750px">
</div>
<div class="product-details">
<p class="p2">Portable Fan For Dewalt 20V MAX Li-Ion Battery DCB200 Cordless</p>
<p class="p3">by: Mihin <a href="" style="color: blue; text-decoration: none;">View Profile</a></p>
<p class="p4"><i class="bi bi-geo-alt-fill"></i>Hokandara, Colombo</p>
<p class="p5">Rs 900/Day</p>
<p class="p6">Total number Available: 3</p>
<p class="p7">Stay cool on the go with our Portable Fan designed for the DeWalt 20V MAX Li-Ion Battery DCB200 Cordless series. Beat the heat and stay comfortable during your work or leisure activities with this compact and efficient fan. Powered by the same battery that drives your tools, it offers unmatched convenience. Whether you're on a job site, camping, or just relaxing at home, this fan provides a refreshing breeze wherever you need it.</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-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>Milan</p>
</div>
<p class="p13"> As a contractor, I'm always on the lookout for tools that enhance both my productivity and comfort. This Portable Fan has been a true revelation. It's not just about its effective cooling – which is a game-changer during long work hours – but also about the seamless integration with the DeWalt 20V MAX Li-Ion Battery system. This synergy of design is a testament to DeWalt's commitment to practical innovation. Now, I can maintain my focus without worrying about staying cool. A must-have addition to any job site toolkit.</p>
</div>
<div class="review" style="height: 200px;">
<div class="review-1">
<img src="Images/userImages/user-3.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>Kevin</p>
</div>
<p class="p13">Nature lover and avid camper here. This fan has elevated my outdoor experiences in ways I didn't expect. With a gentle yet powerful breeze, it turns my tent into a cozy oasis even on the warmest nights. I was pleasantly surprised by its compatibility with the DeWalt 20V MAX Li-Ion Battery – a smart move that makes it an essential part of my camping gear. If you're passionate about the outdoors, this fan is an absolute game-changer.</p>
</div>
<div class="review"style="height: 260px;">
<div class="review-1">
<img src="Images/userImages/user-14.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>Melinsa</p>
</div>
<p class="p13">Practicality meets comfort in this Portable Fan. Initially purchased for garage projects, it's now a permanent fixture in my daily life. What truly stands out is its ability to blend seamlessly with the DeWalt 20V MAX Li-Ion Battery system. This integration means I can enjoy a cooling breeze without worrying about cords or power outlets. It's a simple idea executed brilliantly, making it an indispensable part of my toolkit. Kudos to DeWalt for this versatile and innovative solution.</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/fan.js"></script>
</body>
</html>