-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBajaj.html
267 lines (238 loc) · 12.8 KB
/
Bajaj.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bajaj</title>
<link rel="stylesheet" href="Bajaj.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--navigation bar-->
<nav class="navigation-bar">
<div class="company-name">
<h2>Ride-O-Holic</h2>
</div>
<ul class="nav-buttons">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#">Bikes</a>
<ul class="dropdown-content">
<li><a href="royalenfeild.html">Royal Enfeild</a></li>
<li><a href="TVS.html">TVS</a></li>
<li><a href="yamaha.html">Yamaha</a></li>
<li><a href="Hero.html">Hero</a></li>
<li><a href="Bajaj.html">Bajaj</a></li>
</ul>
</li>
<li class="dropdown">
<a href="accesories.html">Accessories</a>
</li>
<li class="dropdown">
<a href="services.html">Services</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="partnerships.html">Partnership</a></li>
<li><a href="AboutUs.html">About Us</a></li>
<li class="dropdown">
<a href="#">Login</a>
<ul class="dropdown-content">
<li><a href="#" onclick="window.location.href = 'customerlogin.html';">Customer Login</a></li>
</ul>
</li>
</ul>
</nav>
<div class="re-motorcycles">
<h2 style="color: white; margin-left: 20px">Motorcycles</h2>
<button class="control-button" onclick="showSlide(1)">Pulsar NS 160</button>
<button class="control-button" onclick="showSlide(2)">Dominar 400</button>
<button class="control-button" onclick="showSlide(3)">Pulsar 250</button>
<button class="control-button" onclick="showSlide(4)">Avenger 220 Street</button>
<button class="control-button" onclick="showSlide(5)">Platina 110</button>
</div>
<!--slideshow images-->
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="slideshow-container">
<div class="mySlides fade">
<img src="assets/PULSAR_NS_160.jpg" style="width:100%">
<div class="text">
<button class="explore-button" onclick="window.location.href = 'pulsarns.html';">Explore Pulsar NS 160</button>
</div>
</div>
<div class="mySlides fade">
<img src="assets/DOMINAR_400.jpg" style="width:100%">
<div class="text">
<button class="explore-button" onclick="window.location.href = 'dominar.html';">Explore Dominar 400</button>
</div>
</div>
<div class="mySlides fade">
<img src="assets/PULSAR_250.jpg" style="width:100%">
<div class="text">
<button class="explore-button" onclick="window.location.href = 'pulsar250.html';">Explore Pulsar 250</button>
</div>
</div>
<div class="mySlides fade">
<img src="assets/AVENGER_STREET_220.jpg" style="width:100%">
<div class="text">
<button class="explore-button" onclick="window.location.href = 'avenger.html';">Explore Avenger 220 Street</button>
</div>
</div>
<div class="mySlides fade">
<img src="assets/PLATINA_110.jpg" style="width:100%">
<div class="text">
<button class="explore-button" onclick="window.location.href = 'platina.html';">Explore Platina 110</button>
</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<script>
let slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
if (n > slides.length) { slideIndex = 1 }
if (n < 1) { slideIndex = slides.length }
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex - 1].style.display = "block";
dots[slideIndex - 1].className += " active";
}
function showSlide(slideNumber) {
showSlides(slideNumber);
}
// Updated showSlide function to link buttons to images
function showSlide(slideNumber) {
currentSlide(slideNumber);
}
</script>
<div class="royal-enfield">
<h1 style="left: auto;">Bajaj</h1>
<p>Bajaj Auto Limited is a prominent Indian motorcycle manufacturer headquartered in Pune, India. Founded in
1945, the company has evolved into one of the largest and most influential players in the global
motorcycle market. Bajaj is known for its diverse range of motorcycles, catering to various segments
including commuter bikes, sport bikes, and cruisers.</p>
<p>With a reputation for innovation, Bajaj has introduced several landmark models in the Indian market,
often setting trends in design and technology. The company is also recognized for its partnership with
international brands like KTM and Triumph, which has led to the development of high-performance
motorcycles.</p>
<p>Bajaj has a strong focus on exports and its motorcycles are sold in numerous countries around the world.
The brand's commitment to quality, affordability, and fuel efficiency has contributed to its success in
both domestic and international markets, making Bajaj Auto a significant contributor to India's
automotive industry.</p>
</div>
<div class="re-buttons">
<div class="icon-button" onclick="window.location.href='bookatestride.html';">
<i class="fa fa-motorcycle"></i>
<span>Book a Ride</span>
</div>
<div class="icon-button" onclick="window.location.href='bookaservice.html';">
<a> <i class="fa fa-gears"></i>
<span>Book a Service</span></a>
</div>
</div>
<div class="faq">
<div class="faq-container">
<h2>FREQUENTLY ASKED QUESTIONS</h2>
<div class="faq-item">
<div class="faq-question">What is Bajaj Auto Limited and what is its primary business?</div>
<div class="faq-answer">Bajaj Auto Limited is one of India's leading manufacturers of two-wheelers
and three-wheelers. The company specializes in producing motorcycles, scooters, and
auto-rickshaws. They are known for their diverse range of products catering to different
segments of the market.</div>
</div>
<div class="faq-item">
<div class="faq-question">Where are Bajaj Auto's manufacturing facilities located?</div>
<div class="faq-answer">Bajaj Auto has several manufacturing facilities in India. Key locations
include Chakan (Pune), Waluj (Aurangabad), and Pantnagar (Uttarakhand). Additionally, Bajaj Auto
has expanded its global presence with manufacturing units in countries like Indonesia and
Mexico.</div>
</div>
<div class="faq-item">
<div class="faq-question">What are some of the popular Bajaj motorcycle models?</div>
<div class="faq-answer">Bajaj offers a variety of motorcycle models, some of which have gained
popularity both in India and internationally. These include the Bajaj Pulsar, Bajaj Dominar,
Bajaj Avenger, Bajaj Platina, and the Bajaj CT and Bajaj Discover series.</div>
</div>
<div class="faq-item">
<div class="faq-question">Is Bajaj Auto involved in any corporate social responsibility (CSR)
initiatives?</div>
<div class="faq-answer">Yes, Bajaj Auto is actively engaged in CSR initiatives. The company
focuses on areas such as education, healthcare, and community development. Their CSR efforts
are directed through the Bajaj Foundation, which works on several social and community
welfare programs, contributing to the betterment of the underprivileged sections of society.
</div>
</div>
</div>
</div>
<script>
const faqItems = document.querySelectorAll('.faq-item');
faqItems.forEach(item => {
const question = item.querySelector('.faq-question');
question.addEventListener('click', () => {
item.classList.toggle('open');
});
});
</script>
<hr />
<!--footer -->
<div class="footer">
<div class="footer-section">
<h2>Why Choose Us?
</h2>
<p>Ride-O-Holic is a groundbreaking online platform that bridges the gap between customers and
esteemed
bike
dealers, simplifying the process of acquiring a new bike. With an extensive range of bike
choices
and
personalized suggestions, Ride-O-Holic ensures an individualized and enjoyable shopping
experience.
<br>The
platform's user-friendly interface provides comprehensive details, expert insights, and secure
transactions.
</p>
</div>
<div class="footer-section">
<h2>Quick Links</h2>
<ul class="footer-list">
<li class="footer-list-item"><a href="royalenfeild.html">Royal Enfeild</a></li>
<li class="footer-list-item"><a href="TVS.html">TVS</a></li>
<li class="footer-list-item"><a href="yamaha.html">Yamaha</a></li>
<li class="footer-list-item"><a href="Hero.html">Hero</a></li>
<li class="footer-list-item"><a href="Bajaj.html">Bajaj</a></li>
<li class="footer-list-item"><a href="#">Bike Wash</a></li>
<li class="footer-list-item"><a href="#">Foam Wash</a></li>
<li class="footer-list-item"><a href="#">Service Center</a></li>
</ul>
</div>
<div class="footer-section">
<h2>Contact Us</h2>
<ul class="footer-list">
<li class="footer-list-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
<li class="footer-list-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="footer-list-item"><a href="#"><i class="fa fa-facebook "></i></a></li>
<li class="footer-list-item"><a href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<hr style="color: white;">
<p style="color: white;" style="font-size: smaller;">@Ride-O-Holic. T&C applied. Made By Kunj, Naman,
Snigdh,
Varenyam</p>
</body>
</html>