-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathelectronics.html
142 lines (140 loc) · 8.76 KB
/
electronics.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Electronics</title>
<link rel="stylesheet" href="css/shopItems.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="">Pets</a></ul>
<ul><a href="">Musical Instruments</a></ul>
<ul><a href="">Heavy Machinery</a></ul>
<ul><a href="">Apparel</a></ul>
<ul><a href="">Accessories</a></ul>
<ul><a href="">Electronics</a></ul>
<ul><a href="">Home and Lifestyle</a></ul>
<ul><a href="">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-mic.png" alt="">
</div>
<div class="product-details">
<p class="p2">Panasonic Zoom Mic</p>
<p class="p3">by: Atuzal limited <a href="" style="color: blue; text-decoration: none;">View Profile</a></p>
<p class="p4"><i class="bi bi-geo-alt-fill"></i>Maharagama, Colombo</p>
<p class="p5">Rs 700/Day</p>
<p class="p6">Total number Available: 10</p>
<p class="p7">The Panasonic Condenser Microphone is a high-quality audio device designed to deliver outstanding sound capture in a variety of recording environments. This professional-grade condenser mic boasts a sensitive and responsive diaphragm that accurately captures nuances and details in vocals and instruments.</p>
<p class="p8"><input type="text" required>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/user-5.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>Nethma</p>
</div>
<p class="p13">Engage 65 is a Very good mic. Range is very good. I can leave the house and put the garbage out by the street and not lose connection. The reason I bought this was for the lighted mute button on the base. It lights up when on mute and is easy to turn on and off from the base. I can ensure I am on mute. There is also a mute on and off button on the mic boom, so you can change mute while walking around. The headset makes a noise periodically to confirm you are on mute. This could be annoying at first but I got use to it. And it helps ensure i am on mute if I am wandering around the house. The headset also states “mute on” and off when changing mute. This confirms you are on and off. I did add a mic sock over the microphone to reduce wind and breathing noises. Sound quality is very good and the mic works well. It also takes the mute off most of my webex meetings, which avoids the double muting issue. For some reason it is not always synced up for every meeting. In those cases I just reference the headset base light for mute. Jabber VOIP link works well with phone calls.</p>
</div>
<div class="review" style="height: 200px;">
<div class="review-1">
<img src="Images/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>Kasun</p>
</div>
<p class="p13">The microphone mute on the base station works well; it interfaces perfectly with Skype, Teams, and Slack calls. The base station also recognizes when you use the (software) mute in Skype, Teams, and Slack. The mute button on the microphone works ok, although it requires touching the microphone, which sometimes causes noise on the call.</p>
</div>
<div class="review"style="height: 260px;">
<div class="review-1">
<img src="Images/user-7.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>Nuwan</p>
</div>
<p class="p13">Love this headset, finally I have the freedom from my desk that I needed so much. This headset reaches all over my house and has a pretty good noise cancellation for when you are on a meeting. Not so great for switching around platforms as you loose audio and have to be pressing around to get onto the right setting for teams or google meet but it works wonders for zoom. It even lets you mute right from the headset and even has a voice notification when mute is activated or deactivated. Since it sits on the charger I never had issues with battery running out. Only other detail is that sometimes when you join a meeting it sounds robotic but you just reset it and it works fine afterwards. Overall 9/10 if you want your freedom you need to get it.</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.js"></script>
</body>
</html>