-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
321 lines (297 loc) · 13.2 KB
/
index.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
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
/>
<link rel="stylesheet" href="index.css"/>
<script src="https://kit.fontawesome.com/22e1a45676.js" crossorigin="anonymous"></script>
<link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<title>Romantica Middle East Trading Company - Premium Batteries Supplier</title>
<meta name="description" content="Elevate your power needs with Romantica Middle East Trading Company, your trusted source for top-tier batteries. Specializing in marine, automotive, motorcycle, lift, and yacht applications, we deliver unparalleled reliability and performance. Explore our range of premium batteries and experience the difference with Romantica Middle East Trading Company.">
<meta name="keywords" content="Romantica Middle East Trading Company, batteries, marine batteries, automotive batteries, motorcycle batteries, lift batteries, yacht batteries, high-performance batteries">
</head>
<body>
<header class="header">
<nav>
<div class="nav__bar">
<div class="logo nav__logo">
<h2 style="color: white;">Romantica</h2>
</div>
<div class="nav__menu__btn" id="menu-btn">
<i class="ri-menu-3-line"></i>
</div>
</div>
<ul class="nav__links" id="nav-links">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#service">SERVICE & PRODUCTS</a></li>
<li><a href="#contact">BRANDS</a></li>
<li><a href="#client">CLIENT</a></li>
<button class="btn" id="ContactUsBtn">Contact Us</button>
</ul>
</nav>
<div class="section__container header__container" id="home">
<div class="header__content">
<h1>Welcome to Romantica Middle East</h1>
<div class="header__btn">
<button class="btn" id="knowMoreBtn">Know More</button>
</div>
</div>
</div>
</header>
<section class="banner__container">
<div class="banner__card">
<h4>Welcome to Romantica Middle East company.</h4>
</div>
<div class="banner__card">
<h4>We provide 24Hr service.</h4>
</div>
<div class="banner__image">
<img src="image/hero.jpg" alt="banner" />
</div>
</section>
<section class="section__container experience__container" id="about">
<div class="experience__image">
<img src="image/banner.jpg" alt="experience" />
</div>
<div class="experience__content">
<p class="section__subheader">WHO WE ARE</p>
<h2 class="section__header">
Discover Romantica: Your Premier Destination for Automotive Excellence
</h2>
<p class="section__description">
Romantica Middle East Trading Company, situated at Build 151 Road 369 in Manama, Bahrain, is your premier destination for automotive and motorcycle solutions.
Specializing in top-quality car, bike, and battery products, we are committed to delivering excellence and reliability in every transaction.
With a team of experienced professionals, we ensure personalized service tailored to your unique needs.
Experience the difference with Romantica, where quality meets reliability
</p>
</div>
</section>
<section class="service" id="service">
<div class="section__container service__container">
<p class="section__subheader">WHY CHOOSE US</p>
<h2 class="section__header">Great Car Service</h2>
<p class="section__description">
Trust us to keep your automobile running smoothly and reliably.
</p>
<div class="service__grid">
<div class="service__card">
<img src="image/battery.jpg" alt="service" />
<h4>Battery and Wires</h4>
<p>
Through our partnership with Interstate Batteries, we offer a wide range of batteries and essential accessories, providing complete battery solutions.
</p>
</div>
<div class="service__card">
<img src="image/testing.jpg" alt="service" />
<h4>Testing and Diagnostics</h4>
<p>
Our team provides professional diagnostics, bench tests, and replacements for vehicle batteries, starters, and alternators, ensuring optimal performance.
</p>
</div>
<div class="service__card">
<img src="image/standards.jpg" alt="service" />
<h4>Standards</h4>
<p>
Our team adheres to industry standards and employs high-quality parts in the rebuilding process, ensuring optimal functionality and reliability of our products.
</p>
</div>
<div class="service__card">
<img src="image/support.jpg" alt="service" />
<h4>Support</h4>
<p>
Our support team is available 24/7 to assist you with any questions and provide tailored solutions.
</p>
</div>
</div>
</div>
</section>
<!--feature section-->
<section id="Feature Class">
<div class="wrapper">
<h1>Products we deal with</h1>
<!--Marine-->
<div class="content-box">
<div class="card">
<h2>Marine Battery Services</h2>
</div>
<!--Lift-->
<div class="card">
<h2>Elevator Battery Systems</h2>
</div>
<!--Moter bike-->
<div class="card">
<h2>Motorbike Battery Solutions</h2>
</div>
<!--Car-->
<div class="card">
<h2>Automotive Battery Solutions</h2>
</div>
<!--Yacht-->
<div class="card">
<h2>Yacht Battery Solutions</h2>
</div>
<!--Generator-->
<div class="card">
<h2>Generator Battery Solutions</h2>
</div>
</div>
</div>
</section>
<!--feature section end-->
<!--Brands-->
<section class="contact">
<div class="section__container contact__container " id="contact">
<div class="contact__content">
<p class="section__subheader">Brands</p>
<h2 class="section__header">Our Affiliated Brands</h2>
<div class="image-grid">
<div class="image-row">
<img src="image/amaron.jpg" class="img-responsive" alt="Amaron">
<img src="image/livfast.jpg" class="img-responsive" alt="Livfast">
<img src="image/michelin.webp" class="img-responsive" alt="Michelin">
<img src="image/MRF-Tyres.webp" class="img-responsive" alt="MRF Tyres">
<img src="image/New-Bridgestone.jpg" class="img-responsive" alt="New Bridgestone">
</div>
</div>
<div class="image-grid">
<img src="image/ohayo.png" class="img-responsive" alt="Ohayo">
<img src="image/optima.png" class="img-responsive" alt="Optima">
<img src="image/solite.jpeg" class="img-responsive" alt="Solite">
<img src="image/yokahama.png" class="img-responsive" alt="Yokohama">
<img src="image/Zeetex.jpg" class="img-responsive" alt="Zeetex">
</div>
</div>
</div>
</section>
<!--Brands End-->
<!--Contact us-->
<section id="Contactus">
<p class="section__subheader" style="text-align: center; padding-top: 50px;">Contact Us</p>
<h2 class="section__header" style="text-align: center; padding-bottom:0px;">Get in touch</h2>
<div class="content-wrap">
<div class="contact-in">
<h1>Contact Us</h1>
<h2><i class="fas fa-phone-alt"></i>Phone</h2>
<p>39824387</p>
<h2><i class="fa-solid fa-envelope"></i>Email</h2>
<h2><i class="fas fa-map"></i>Address</h2>
<p>Build 151 Road 369, Manama, Bahrain</p>
</div>
<div class="contact-in">
<h1>SEND A MESSAGE</h1>
<input type="text" name="name" placeholder="Full Name" class="contact-in-input">
<input type="text" name="email" placeholder="Email" class="contact-in-input">
<input type="text" name="subject" placeholder="Subject" class="contact-in-input">
<textarea name="message" placeholder="Message" class="contact-in-textarea"></textarea>
<input type="submit" value="SUBMIT" class="contact-in-btn">
</form>
</div>
<div class="contact-in">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3578.959643401271!2d50.590852999999996!3d26.230500799999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e49afdc3ed5971f%3A0x14270e24d7d016e6!2sRomantica%20Middle%20East%20Trading%20Company!5e0!3m2!1sen!2sin!4v1709740187920!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
<!--Contact us End-->
<!--Testimonils-->
<section class="section__container testimonial__container" id="client">
<p class="section__subheader">CLIENT TESTIMONIALS</p>
<h2 class="section__header">100% Approved By Customers</h2>
<h2 class="section__header">100+ 5 Star Google Reviews</h2>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="testimonial__card">
<img src="image/ReviewMen.jpg" alt="testimonial" />
<p>
Good customer service, Quick home delivery for car battery 24/7 which is very convenient Highly recommended
</p>
<h4>- Majid Saad.</h4>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__card">
<img src="image/ReviewMen.jpg" alt="testimonial" />
<p>
I am Fixing Livfast battery good service 24/7 shop is open.
</p>
<h4>- Sonu Jose.</h4>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__card">
<img src="image/ReviewMen.jpg" alt="testimonial" />
<p>
As a car enthusiast, I'm extremely particular about who touches
my prized possession. Their team's expertise and passion for
cars truly shine through in their work. My car has never looked
better.
</p>
<h4>- David S.</h4>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
</section>
<!--Testimonial End-->
<!--Footer-->
<footer class="footer">
<div class="section__container footer__container">
<div class="footer__col">
<div class="logo footer__logo">
<h2 style="color: white;">Romantica Middle East Tranding Company</h2>
</div>
<p class="section__description">
Romantica Middle East Trading Company offers premier automotive and motorcycle solutions in Manama, Bahrain.
Specializing in top-quality products, our experienced team ensures reliability and personalized service, delivering excellence at every turn.
</p>
</div>
<div class="footer__col">
<h4>Quick Links</h4>
<ul class="footer__links">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#service">SERVICE & PRODUCTS</a></li>
<li><a href="#contact">BRANDS</a></li>
<li><a href="#client">CLIENT</a></li>
<li><a href="#Contactus">CONTACT</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Contact Info</h4>
<ul class="footer__links">
<li>
<p>Address: <span>Build 151 Road 369, Manama, Bahrain</span></p>
</li>
<li>
<p>Phone: <span>39824387</span></p>
</li>
<li>
</li>
</ul>
</div>
</div>
</footer>
<div class="footer__bar">
Copyright © 2024 Romantica middle east trading company. All rights reserved | Desingned by <a href="https://linktr.ee/portfolio20?utm_source=linktree_admin_share" style="color: aliceblue; text-decoration: underline;">Surya.R</a>
</div>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="index.js"></script>
</body>
</html>