-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
345 lines (337 loc) · 15.7 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
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Soapy Suds</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="media.css">
<link rel="stylesheet" href="animate.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,400&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="images/favicon.webp">
</head>
<body>
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox" name="" id="">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="menu-items">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a href="#home" class="logo"><img src="images/logo.png" alt="Soapy Suds"></a>
</div>
</nav>
<section class="showcase-area" id="home">
<div class="showcase-container">
<h1 class="main-title">Discover The Closest Washateria!</h1>
<input type="text" name="" id="" placeholder="Enter Location">
<a class="btn btn-primary">Check Now</a>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<div class="about-wrapper container">
<div class="about-text">
<h3 class="about-head">Who We Are?</h3>
<p>Welcome to Soapy Suds website! We are a team of dedicated professionals who are passionate about providing high-quality laundry services to our customers. Our mission is to make your life easier by taking care of your laundry needs. Whether you're a busy professional, a parent with a hectic schedule, or simply looking for a convenient and hassle-free way to handle your laundry, we're here to help. We understand that laundry is a time-consuming and tedious task, which is why we offer a range of services designed to meet your needs. From wash and fold to dry cleaning and ironing, we have everything you need to keep your clothes looking their best.</p>
</div>
<div class="about-img">
<img src="images/img1.jpg" alt="About Us">
</div>
</div>
<div class="about-wrapper container">
<div class="about-img2">
<img src="images/img2.jpg" alt="About Us">
</div>
<div class="about-text2">
<h3 class="about-head">Cleaning Solutions On A Click</h3>
<p>Our state-of-the-art facilities are equipped with the latest technology, ensuring that your clothes are treated with the utmost care and attention. We use only the highest quality products and techniques to ensure that your clothes are clean, fresh, and smelling great. At our laundry website, we pride ourselves on providing excellent customer service. Our friendly and knowledgeable staff are always available to answer any questions you may have and to help you choose the services that best suit your needs. So why choose us for your laundry needs? It's simple - we offer high-quality services, competitive prices, and excellent customer service. With us, you can trust that your clothes are in good hands, and you can enjoy the peace of mind that comes with knowing that your laundry is being taken care of by professionals.</p>
</div>
</div>
<div class="about-wrapper container">
<div class="about-text">
<h3 class="about-head">Customer Gets Transparency</h3>
<p>In addition to our laundry services, we also offer pickup and delivery options, making it even more convenient for you to have your laundry taken care of. We know that your time is valuable, and we want to make it as easy as possible for you to get your laundry done without having to leave your home or office. At our laundry website, we also take great pride in our commitment to the environment. We use eco-friendly products and methods whenever possible to minimize our impact on the environment. We believe in doing our part to create a sustainable future, and we're always looking for ways to improve our practices and reduce our carbon footprint. Whether you need laundry services for your personal clothes, linens, or even your business uniforms, we've got you covered.</p>
</div>
<div class="about-img">
<img src="images/img3.jpg" alt="About Us">
</div>
</div>
<div class="about-wrapper container">
<div class="about-img2">
<img src="images/img4.jpg" alt="About Us">
</div>
<div class="about-text2">
<h3 class="about-head">Most Preferred Brand</h3>
<p>We offer customized solutions for all types of laundry needs, and we're always happy to work with you to create a plan that meets your specific requirements. At our laundry website, we value your satisfaction above all else. We are committed to providing high-quality services that meet and exceed your expectations. We're always looking for ways to improve our services and make your laundry experience even better. If you have any feedback or suggestions, we welcome them and are happy to listen. So, if you're looking for a reliable and convenient laundry service, look no further than our laundry website. We're here to take care of all your laundry needs, so you can focus on the things that matter most. Contact us today to learn more about our services and how we can help you!</p>
</div>
</div>
</section>
<section class="services" id="services">
<h2>Our Services</h2>
<div class="service-container container">
<div class="service-type dry-clean">
<div class="img-container">
<img src="images/service1.jpg" alt="Dry Clean">
<div class="img-content">
<h3>Dry Cleaning</h3>
</div>
</div>
</div>
<div class="service-type laundry">
<div class="img-container">
<img src="images/service2.jpg" alt="Laundry">
<div class="img-content">
<h3>Premium Laundry</h3>
</div>
</div>
</div>
<div class="service-type steam-iron">
<div class="img-container">
<img src="images/service3.jpg" alt="Steam Iron">
<div class="img-content">
<h3>Steam Ironing</h3>
</div>
</div>
</div>
</div>
<br>
<div class="service-container container">
<div class="service-type shoes-clean">
<div class="img-container">
<img src="images/service4.jpg" alt="Shoes Clean">
<div class="img-content">
<h3>Shoes Cleaning</h3>
</div>
</div>
</div>
<div class="service-type bag-clean">
<div class="img-container">
<img src="images/service5.jpg" alt="Bag Clean">
<div class="img-content">
<h3>Bag Cleaning</h3>
</div>
</div>
</div>
<div class="service-type home-clean">
<div class="img-container">
<img src="images/service6.jpg" alt="Home Clean">
<div class="img-content">
<h3>Home Cleaning</h3>
</div>
</div>
</div>
</div>
<br>
<div class="service-container container">
<div class="service-type sofa-clean">
<div class="img-container">
<img src="images/service7.jpg" alt="Sofa Clean">
<div class="img-content">
<h3>Sofa Cleaning</h3>
</div>
</div>
</div>
<div class="service-type carpet-clean">
<div class="img-container">
<img src="images/service8.jpg" alt="Carpet Clean">
<div class="img-content">
<h3>Carpet Cleaning</h3>
</div>
</div>
</div>
<div class="service-type car-clean">
<div class="img-container">
<img src="images/service9.jpg" alt="Car Clean">
<div class="img-content">
<h3>Car Cleaning</h3>
</div>
</div>
</div>
</div>
</section>
<section id="pricing">
<h2>Pricing List</h2>
<div class="pricing-container container">
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price1.jpg" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Shirt / T-shirt</h3>
<p>Revitalize your wardrobe with our expert shirt/t-shirt cleaning services!</p>
<p class="item-price">Price: ₹69</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price2.jpg" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Shoes Sports</h3>
<p>Step out in style with our premium shoe cleaning services!</p>
<p class="item-price">Price: ₹299</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price3.jpg" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Stuff Toy (Big)</h3>
<p>Hug with confidence! Let us clean and refresh your favorite stuffed toys.</p>
<p class="item-price">Price: ₹199</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price4.webp" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Blazer / Coat</h3>
<p>Upgrade your professional look with our expert blazer/coat cleaning services!</p>
<p class="item-price">Price: ₹169</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price5.jpg" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Cap ( Casual / Woolen )</h3>
<p>Sport your favorite cap with pride! Let us clean and restore it to its former glory.</p>
<p class="item-price">Price: ₹69</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price6.jpg" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Sherwani</h3>
<p>Elevate your special occasion with our premium sherwani cleaning and preservation services.</p>
<p class="item-price">Price: ₹289</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price7.avif" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Jeans</h3>
<p>Rediscover the comfort of your favorite jeans with our thorough and reliable cleaning services.</p>
<p class="item-price">Price: ₹69</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price8.webp" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Lehenga / Ghagra</h3>
<p>Preserve the beauty of your cherished lehenga/ghagra with our gentle and effective cleaning services.</p>
<p class="item-price">Price: ₹279</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price9.jpg" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Bed Cover Double</h3>
<p>Indulge in a clean and cozy sleep with our professional bed cover cleaning services.</p>
<p class="item-price">Price: ₹229</p>
</div>
</div>
<div class="pricing-item">
<div class="pricing-image">
<img src="images/price10.webp" alt="">
</div>
<div class="pricing-description">
<h3 class="pricing-title">Curtains</h3>
<p>Let the sunshine in with our expert curtain cleaning services, making your home brighter and fresher.</p>
<p class="item-price">Price: ₹149</p>
</div>
</div>
</div>
</section>
<section id="testimonials">
<h2>What Our Customers Say</h2>
<div class="testimonial-container container">
<div class="testimonial-box">
<div class="star-rating">
⭐⭐⭐⭐⭐
</div>
<p class="testimonial-text">
Soapy Suds saved us when our washer and dryer broke down. They are prompt, friendly, and the clothes always come back perfect. I highly recommend them for busy families. 5 stars for sure!
</p>
<div class="customer-detail">
<div class="customer-photo">
<img src="images/man1.jpg" alt="">
</div>
<p class="customer-name">Agastya Choudhary</p>
</div>
</div>
<div class="testimonial-box">
<div class="star-rating">
⭐⭐⭐⭐⭐
</div>
<p class="testimonial-text">
Excellent service! Very professional! Laundry picked up and delivered promptly. Laundry folded and packed neatly. Very friendly and polite staff, willing to listen to all concerns. Very happy with this service! </p>
<div class="customer-detail">
<div class="customer-photo">
<img src="images/man2.jpg" alt="">
</div>
<p class="customer-name">Kirpal Singh</p>
</div>
</div>
<div class="testimonial-box">
<div class="star-rating">
⭐⭐⭐⭐⭐
</div>
<p class="testimonial-text">
We've been using Soapy Suds for our business' laundry needs for a few years now. The team is very professional and deliver some great service. Any specific requests are handled quickly and efficiently. Great customer service! Thanks Team!
</p>
<div class="customer-detail">
<div class="customer-photo">
<img src="images/man3.jpg" alt="">
</div>
<p class="customer-name">Jaiden Shah</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="contact-container container">
<div class="contact-image">
<img src="images/contact.jpg" alt="">
</div>
<div class="form-container">
<h3>Contact Us</h3>
<input type="text" name="name" placeholder="Name">
<input type="email" name="email" placeholder="Email">
<textarea name="message" cols="30" rows="10" placeholder="Type your message here"></textarea>
<a class="btn btn-primary">Submit</a>
</div>
</div>
</section>
<footer id="footer">
<h3>Copyright © 2023, Soapy Suds. All rights reserved.</h3>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>