-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathJBL speaker.html
148 lines (140 loc) · 8.38 KB
/
JBL speaker.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>JBL Speaker</title>
<link rel="stylesheet" href="css/Electronics/JBL speaker.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 / Electronics</p>
</div>
</div>
<div class="product">
<div class="product-img">
<img src="Images/Electronics/jbl.png" alt="">
</div>
<div class="product-details">
<p class="p2">JBL Playlist Speaker w/Bluetooth Wi-Fi & Chromecat</p>
<p class="p3">by: Bawantha <a href="" style="color: blue; text-decoration: none;">View Profile</a></p>
<p class="p4"><i class="bi bi-geo-alt-fill"></i>Pannipitiya, Colombo</p>
<p class="p5">Rs 950/Day</p>
<p class="p6">Total number Available: 4</p>
<p class="p7">Elevate your music experience with the JBL Playlist Speaker featuring Bluetooth, Wi-Fi, and Chromecast built-in technology. This speaker brings immersive sound to your space, allowing you to stream music seamlessly from your devices. With the convenience of wireless connectivity and the power of Chromecast, you can easily play your favorite tunes, podcasts, and playlists from various streaming services. Get ready to enjoy a new level of audio quality and convenience with the JBL Playlist Speaker.</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-6.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>Aweesha</p>
</div>
<p class="p13">The JBL Playlist Speaker has become the heart of my home entertainment setup. The Bluetooth and Wi-Fi connectivity options offer flexibility, allowing me to play music from any device. The Chromecast integration is a game-changer – streaming high-quality audio effortlessly from my favorite apps. The sound quality is outstanding, filling the room with rich and vibrant music. If you're a music enthusiast, this speaker is a must-have.</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>Daniel</p>
</div>
<p class="p13">The JBL Playlist Speaker is a fantastic addition to my smart home ecosystem. With Bluetooth, Wi-Fi, and Chromecast, it seamlessly fits into my setup. The sound quality is impressive – crisp highs and deep lows. Setting it up was a breeze, and the ability to control it with my voice is a convenient feature. Whether I'm hosting a party or just relaxing, this speaker delivers a premium audio experience.</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>Himath</p>
</div>
<p class="p13">I'm extremely satisfied with the JBL Playlist Speaker. Its versatile connectivity options, including Bluetooth and Wi-Fi, allow me to connect from any device effortlessly. The Chromecast integration is brilliant – I can cast music directly from my favorite apps. The sound quality is top-notch, delivering clear and balanced audio. If you're looking for a speaker that combines convenience and performance, the JBL Playlist Speaker is an excellent choice.</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/electronics/drone.js"></script>
</body>
</html>