├── README.md
├── verna.png
├── bmw-22428.png
├── script.js
├── style.css
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # car-rental-website


--------------------------------------------------------------------------------
/verna.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/developergtm24/car-rental-website/HEAD/verna.png


--------------------------------------------------------------------------------
/bmw-22428.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/developergtm24/car-rental-website/HEAD/bmw-22428.png


--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
1 | Friends, I have not used JavaScript in this project, I have only created this file so that you do not face any problem.
2 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |     margin: 0;
  3 |     padding: 0;
  4 |     font-family: Arial, Helvetica, sans-serif;
  5 | }
  6 | 
  7 | .nav {
  8 |     display: flex;
  9 |     justify-content: center;
 10 |     align-items: center;
 11 |     height: 70px;
 12 |     background-color: white;
 13 |     column-gap: 220px;
 14 | }
 15 | 
 16 | .nav .item {
 17 |     display: flex;
 18 |     column-gap: 20px;
 19 | }
 20 | 
 21 | .nav .btn {
 22 |     display: flex;
 23 |     column-gap: 20px;
 24 | }
 25 | 
 26 | .nav .btn input {
 27 |     padding: 10px 30px;
 28 |     border: none;
 29 |     border-radius: 10px;
 30 |     cursor: pointer;
 31 |     background-color: #0043ff8c;
 32 | }
 33 | 
 34 | .nav .btn .login {
 35 |     padding: 10px 30px;
 36 |     border-radius: 10px;
 37 |     cursor: pointer;
 38 |     border: 2px solid #0043ff8c;
 39 |     background-color: white;
 40 |     color: #0043ff8c;
 41 | }
 42 | 
 43 | .nav .item a {
 44 |     text-decoration: none;
 45 |     color: black;
 46 |     font-weight: 700;
 47 |     cursor: pointer;
 48 | }
 49 | 
 50 | .nav .item .home-btn {
 51 |     color: #0043ff8c;
 52 |     font-weight: 700;
 53 | }
 54 | 
 55 | .home {
 56 |     background-color: whitesmoke;
 57 |     height: 600px;
 58 |     display: flex;
 59 |     justify-content: center;
 60 |     align-items: center;
 61 | }
 62 | 
 63 | .home .main-sec {
 64 |     display: flex;
 65 |     column-gap: 50px;
 66 |     /* background-color: red; */
 67 |     justify-content: center;
 68 |     align-items: center;
 69 | }
 70 | 
 71 | 
 72 | .home .right {
 73 |     width: 400px;
 74 |     height: 300px;
 75 |     margin: 78px;
 76 |     padding: 30px;
 77 |     border-bottom-left-radius: 50%;
 78 |     border-top-right-radius: 50%;
 79 |     border-top-left-radius: 100px;
 80 |     border-bottom-right-radius: 100px;
 81 |     display: flex;
 82 |     justify-content: center;
 83 |     flex-direction: column;
 84 |     align-items: center;
 85 |     background-image: linear-gradient(155deg, #a7ceff, #bfc9cb);
 86 | }
 87 | 
 88 | 
 89 | .home .left {
 90 |     padding: 30px;
 91 |     height: 500px;
 92 |     display: flex;
 93 |     justify-content: center;
 94 |     /* align-items: center; */
 95 |     row-gap: 20px;
 96 |     flex-direction: column;
 97 |     width: 552px;
 98 |     /* background-color: green; */
 99 | }
100 | 
101 | .home .left .btn input {
102 |     padding: 10px 30px;
103 |     border: none;
104 |     border-radius: 10px;
105 |     cursor: pointer;
106 |     background-color: #0043ff8c;
107 | }
108 | 
109 | .home .main-sec .left .txt1 {
110 |     font-size: 4rem;
111 |     font-weight: 700;
112 | }
113 | 
114 | .home .right img {
115 |     width: 50vw;
116 |     filter: drop-shadow(20px 50px 25px #b3e3e3);
117 | }
118 | 
119 | .loc-sec {
120 |     height: 130px;
121 |     /* background-color: red; */
122 |     display: flex;
123 |     justify-content: center;
124 |     /* align-items: center; */
125 | }
126 | 
127 | .loc-sec .main-sec {
128 |     background-color: white;
129 |     display: flex;
130 |     column-gap: 20px;
131 |     border-radius: 10px;
132 |     height: 160px;
133 |     justify-content: center;
134 |     align-items: center;
135 |     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
136 |     margin-top: -70px;
137 | }
138 | 
139 | .loc-sec .main-sec .pick {
140 |     padding: 30px;
141 |     display: flex;
142 |     flex-direction: column;
143 |     row-gap: 20px;
144 | }
145 | 
146 | .loc-sec .main-sec .pick label {
147 |     color: black;
148 |     font-weight: 700;
149 | }
150 | 
151 | .loc-sec .main-sec .pick p {
152 |     border: 1px solid darkgrey;
153 |     padding: 6px 20px;
154 |     border-radius: 10px;
155 | }
156 | 
157 | .loc-sec .main-sec .pick input {
158 |     padding: 10px 30px;
159 |     border: none;
160 |     border-radius: 10px;
161 |     cursor: pointer;
162 |     background-color: #0043ff8c;
163 | }
164 | 
165 | .car-sec {
166 |     height: 192vh;
167 |     padding: 30px;
168 |     /* justify-content: center; */
169 |     flex-direction: column;
170 |     display: flex;
171 | }
172 | 
173 | .car-sec .btn input {
174 |     padding: 10px 25px;
175 |     border: 1px solid darkgray;
176 |     border-radius: 30px;
177 |     cursor: pointer;
178 |     margin-top: 20px;
179 | }
180 | 
181 | .car-sec .main-sec {
182 |     display: flex;
183 |     justify-content: center;
184 |     align-items: center;
185 |     margin-top: 30px;
186 |     column-gap: 10px;
187 |     flex-wrap: wrap;
188 |     row-gap: 10px;
189 | }
190 | 
191 | .car-sec .main-sec .box {
192 |     /* background: red; */
193 |     overflow: hidden;
194 |     width: 365px;
195 |     padding: 20px;
196 |     justify-content: center;
197 |     display: flex;
198 |     flex-direction: column;
199 |     border-radius: 10px;
200 |     border: 1px solid darkgray;
201 | }
202 | 
203 | .car-sec .main-sec .box .details {
204 |     display: flex;
205 |     flex-direction: column;
206 |     padding-top: 20px;
207 |     row-gap: 15px;
208 | }
209 | 
210 | .car-sec .main-sec .box .details .car-name {
211 |     font-size: 23px;
212 |     font-weight: 700;
213 | }
214 | 
215 | .car-sec .main-sec .box .review {
216 |     display: flex;
217 |     column-gap: 5px;
218 | }
219 | 
220 | .car-sec .main-sec .box .review i {
221 |     color: orange;
222 | }
223 | 
224 | .car-sec .main-sec .box .review p {
225 |     color: darkgray;
226 | }
227 | 
228 | .car-sec .main-sec .box .feature {
229 |     display: flex;
230 |     flex-wrap: wrap;
231 |     column-gap: 70px;
232 |     row-gap: 20px;
233 | }
234 | 
235 | .car-sec .main-sec .box .feature p i {
236 |     color: #0043ff8c;
237 |     font-size: 20px;
238 | }
239 | 
240 | .car-sec .main-sec .box .price {
241 |     display: flex;
242 |     border-top: 1px solid darkgray;
243 |     column-gap: 167px;
244 |     padding-top: 20px;
245 |     align-items: center;
246 | }
247 | 
248 | .car-sec .main-sec .box .price p {
249 |     font-size: 20px;
250 |     font-weight: 700;
251 | }
252 | 
253 | .car-sec .main-sec .box .price button {
254 |     border: none;
255 |     border-radius: 10px;
256 |     cursor: pointer;
257 |     background-color: #0043ff8c;
258 |     height: 35px;
259 |     width: 100px;
260 | }
261 | 
262 | .car-sec .txt {
263 |     display: flex;
264 |     flex-direction: column;
265 |     align-items: center;
266 |     row-gap: 10px;
267 | }
268 | 
269 | .car-sec .txt .txt1 {
270 |     font-size: 3rem;
271 |     font-weight: 700;
272 | }
273 | 
274 | .car-sec .txt .txt1 span {
275 |     color: #0043ff8c;
276 | }
277 | 
278 | .support-sec {
279 |     height: 390px;
280 |     padding: 30px;
281 |     /* justify-content: center; */
282 |     flex-direction: column;
283 |     display: flex;
284 |     background-color: whitesmoke;
285 | }
286 | 
287 | .support-sec .txt {
288 |     display: flex;
289 |     flex-direction: column;
290 |     align-items: center;
291 |     row-gap: 10px;
292 | }
293 | 
294 | .support-sec .txt .txt1 {
295 |     font-size: 3rem;
296 |     font-weight: 700;
297 | }
298 | 
299 | .support-sec .txt .txt1 span {
300 |     color: #0043ff8c;
301 | }
302 | 
303 | .support-sec .main-sec {
304 |     display: flex;
305 |     justify-content: center;
306 |     align-items: center;
307 |     margin-top: 30px;
308 |     column-gap: 10px;
309 |     flex-wrap: wrap;
310 |     row-gap: 10px;
311 | }
312 | 
313 | .support-sec .main-sec .box {
314 |     /* background: red; */
315 |     padding: 20px;
316 |     width: 575px;
317 |     display: flex;
318 |     column-gap: 36px;
319 |     /* flex-direction: column; */
320 |     row-gap: 20px;
321 | }
322 | 
323 | .support-sec .main-sec .box i {
324 |     font-size: 30px;
325 |     background: #0043ff8c;
326 |     width: fit-content;
327 |     padding: 34px;
328 |     border-radius: 15px;
329 | }
330 | 
331 | .support-sec .main-sec .box .txt-sec {
332 |     display: flex;
333 |     flex-direction: column;
334 |     row-gap: 10px;
335 | }
336 | 
337 | .support-sec .main-sec .box .txt-sec .txt1 {
338 |     font-size: 30px;
339 |     font-weight: 700;
340 | }
341 | 
342 | .achie-sec {
343 |     height: 390px;
344 |     padding: 30px;
345 |     justify-content: center;
346 |     flex-direction: column;
347 |     display: flex;
348 |     background-color: white;
349 | }
350 | 
351 | .achie-sec .txt {
352 |     display: flex;
353 |     flex-direction: column;
354 |     align-items: center;
355 |     row-gap: 10px;
356 | }
357 | 
358 | .achie-sec .txt .txt1 {
359 |     font-size: 3rem;
360 |     font-weight: 700;
361 | }
362 | 
363 | .achie-sec .txt .txt1 span {
364 |     color: #0043ff8c;
365 | }
366 | 
367 | .achie-sec .main-sec .box {
368 |     background-color: white;
369 |     width: 300px;
370 |     height: 180px;
371 |     display: flex;
372 |     flex-direction: column;
373 |     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
374 |     justify-content: center;
375 |     align-items: center;
376 |     row-gap: 20px;
377 |     border-radius: 10px;
378 | }
379 | 
380 | .achie-sec .main-sec .box .txt1 {
381 |     font-size: 3rem;
382 |     font-weight: 700;
383 | }
384 | 
385 | .achie-sec .main-sec {
386 |     display: flex;
387 |     justify-content: center;
388 |     align-items: center;
389 |     margin-top: 30px;
390 |     column-gap: 10px;
391 |     flex-wrap: wrap;
392 |     row-gap: 10px;
393 | }
394 | 
395 | .start-sec {
396 |     height: 390px;
397 |     padding: 30px;
398 |     justify-content: center;
399 |     flex-direction: column;
400 |     display: flex;
401 |     background-color: white;
402 | }
403 | 
404 | .start-sec .main-sec {
405 |     display: flex;
406 |     justify-content: center;
407 |     align-items: center;
408 |     background-image: linear-gradient(45deg, #17c5be, #1c243a);
409 |     border-radius: 10px;
410 |     padding: 30px;
411 |     column-gap: 50px;
412 | }
413 | 
414 | .start-sec .main-sec .left {
415 |     /* background: greenyellow; */
416 |     padding: 20px;
417 |     height: 300px;
418 |     width: 500px;
419 |     display: flex;
420 |     flex-direction: column;
421 |     justify-content: center;
422 |     row-gap: 20px;
423 | }
424 | 
425 | .start-sec .main-sec .left .txt1 {
426 |     font-size: 3rem;
427 |     font-weight: 700;
428 | }
429 | 
430 | .start-sec .main-sec .left .btn button {
431 |     padding: 10px 30px;
432 |     border: none;
433 |     background-color: white;
434 |     cursor: pointer;
435 |     border-radius: 10px;
436 | }
437 | 
438 | .start-sec .main-sec .right {
439 |     /* background: rgb(47, 144, 255); */
440 |     padding: 20px;
441 |     height: 300px;
442 |     display: flex;
443 |     flex-direction: column;
444 |     justify-content: center;
445 |     row-gap: 20px;
446 |     width: 300px;
447 |     align-items: center;
448 | 
449 |     /* width: 400px;
450 |     height: 300px;
451 |     margin: 78px;
452 |     padding: 30px; */
453 |     border-bottom-left-radius: 50%;
454 |     border-top-right-radius: 50%;
455 |     border-top-left-radius: 100px;
456 |     border-bottom-right-radius: 100px;
457 |     /* display: flex;
458 |     justify-content: center;
459 |     flex-direction: column;
460 |     align-items: center; */
461 |     background-image: linear-gradient(155deg, #a7ceff, #bfc9cb);
462 | }
463 | 
464 | .start-sec .main-sec .right img {
465 |     width: 50vw;
466 |     filter: drop-shadow(20px 50px 25px #b3e3e3);
467 | }
468 | 
469 | .foot-sec{
470 |     display: flex;
471 |     align-items: center;
472 |     justify-content: space-between;
473 |     padding: 10px 50px;
474 |     background: whitesmoke;
475 | }
476 | 
477 | .foot-sec .item{
478 |     display: flex;
479 |     column-gap: 20px;
480 | }
481 | 
482 | .foot-sec .item a{
483 |     text-decoration: none;
484 |     color: black;
485 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>Document</title>
  8 |     <link rel="stylesheet" href="style.css">
  9 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
 10 |         integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
 11 |         crossorigin="anonymous" referrerpolicy="no-referrer" />
 12 | </head>
 13 | 
 14 | <body>
 15 |     <nav class="nav">
 16 |         <div class="logo">
 17 |             <h1>DeveloperGTM</h1>
 18 |         </div>
 19 | 
 20 |         <div class="item">
 21 |             <a class="home-btn" href="/">Home</a>
 22 |             <a href="/">Rent Car</a>
 23 |             <a href="/">Contact Us</a>
 24 |             <a href="/">About Us</a>
 25 |             <a href="/">Blog</a>
 26 |         </div>
 27 | 
 28 |         <div class="btn">
 29 |             <input class="login" type="button" value="Log in">
 30 |             <input type="button" value="Sign Up">
 31 |         </div>
 32 |     </nav>
 33 | 
 34 |     <div class="home">
 35 |         <div class="main-sec">
 36 |             <div class="left">
 37 |                 <p class="txt1">Easy And Fast Way To <span style="color: #0043ff8c;">Rent</span> Your Car</p>
 38 |                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore accusamus nobis similique ab
 39 |                     praesentium itaque dolore quidem debitis distinctio laborum!</p>
 40 |                 <div class="btn">
 41 |                     <input class="car" type="button" value="Rent Car">
 42 |                 </div>
 43 |             </div>
 44 | 
 45 |             <div class="right">
 46 |                 <img src="bmw-22428.png" alt="">
 47 |             </div>
 48 |         </div>
 49 |     </div>
 50 | 
 51 |     <section class="loc-sec">
 52 |         <div class="main-sec">
 53 |             <div class="pick">
 54 |                 <label for="location">Pick Up Location</label>
 55 |                 <p><i class="fa-solid fa-location-dot"></i> Mumbai,India</p>
 56 |             </div>
 57 | 
 58 |             <div class="pick">
 59 |                 <label for="location">Pick Up Location</label>
 60 |                 <p><i class="fa-solid fa-location-dot"></i> Surat,India</p>
 61 |             </div>
 62 | 
 63 |             <div class="pick">
 64 |                 <label for="location">Pick Up Date</label>
 65 |                 <p><i class="fa-solid fa-calendar-days"></i> 14-02-2024</p>
 66 |                 <!-- <input type="date" name="date" id=""> -->
 67 |             </div>
 68 | 
 69 |             <div class="pick">
 70 |                 <label for="location">Return Date</label>
 71 |                 <p><i class="fa-solid fa-calendar-days"></i> 16-02-2024</p>
 72 |             </div>
 73 | 
 74 |             <div class="pick">
 75 |                 <input type="button" value="Search Car">
 76 |             </div>
 77 |         </div>
 78 |     </section>
 79 | 
 80 |     <section class="car-sec">
 81 |         <div class="txt">
 82 |             <p class="txt1">Latest <span>Inventory</span></p>
 83 |             <p class="txt2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, ipsa!</p>
 84 |         </div>
 85 | 
 86 |         <div class="main-sec">
 87 |             <div class="box">
 88 |                 <img style="width: 365px;"
 89 |                     src="https://images.unsplash.com/photo-1511919884226-fd3cad34687c?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxleHBsb3JlLWZlZWR8N3x8fGVufDB8fHx8fA%3D%3D"
 90 |                     alt="">
 91 |                 <div class="details">
 92 | 
 93 |                     <p class="car-name">Lamborghini Super Car</p>
 94 | 
 95 |                     <div class="review">
 96 |                         <i class="fa-solid fa-star"></i>
 97 |                         <i class="fa-solid fa-star"></i>
 98 |                         <i class="fa-solid fa-star"></i>
 99 |                         <i class="fa-solid fa-star"></i>
100 |                         <i class="fa-regular fa-star-half-stroke"></i>
101 |                         <p>( 10k Reviews )</p>
102 |                     </div>
103 | 
104 |                     <div class="feature">
105 |                         <p><i class="fa-solid fa-chair"></i> 6 Seat</p>
106 |                         <p><i class="fa-solid fa-charging-station"></i> 6 Seat</p>
107 |                         <p><i class="fa-solid fa-car-battery"></i> 6 Seat</p>
108 |                         <p><i class="fa-solid fa-cable-car"></i> 6 Seat</p>
109 |                         <p><i class="fa-solid fa-car-side"></i> 6 Seat</p>
110 |                         <p><i class="fa-solid fa-caravan"></i> 6 Seat</p>
111 |                     </div>
112 | 
113 |                     <div class="price">
114 |                         <p>3.22 Crore</p>
115 |                         <button>Book Now</button>
116 |                     </div>
117 |                 </div>
118 |             </div>
119 | 
120 |             <div class="box">
121 |                 <img style="width: 365px;"
122 |                     src="https://images.unsplash.com/photo-1633359064754-804ba55e733f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8dmVybmF8ZW58MHx8MHx8fDA%3D"
123 |                     alt="">
124 |                 <div class="details">
125 | 
126 |                     <p class="car-name">Lamborghini Super Car</p>
127 | 
128 |                     <div class="review">
129 |                         <i class="fa-solid fa-star"></i>
130 |                         <i class="fa-solid fa-star"></i>
131 |                         <i class="fa-solid fa-star"></i>
132 |                         <i class="fa-solid fa-star"></i>
133 |                         <i class="fa-regular fa-star-half-stroke"></i>
134 |                         <p>( 10k Reviews )</p>
135 |                     </div>
136 | 
137 |                     <div class="feature">
138 |                         <p><i class="fa-solid fa-chair"></i> 6 Seat</p>
139 |                         <p><i class="fa-solid fa-charging-station"></i> 6 Seat</p>
140 |                         <p><i class="fa-solid fa-car-battery"></i> 6 Seat</p>
141 |                         <p><i class="fa-solid fa-cable-car"></i> 6 Seat</p>
142 |                         <p><i class="fa-solid fa-car-side"></i> 6 Seat</p>
143 |                         <p><i class="fa-solid fa-caravan"></i> 6 Seat</p>
144 |                     </div>
145 | 
146 |                     <div class="price">
147 |                         <p>3.22 Crore</p>
148 |                         <button>Book Now</button>
149 |                     </div>
150 |                 </div>
151 |             </div>
152 | 
153 |             <div class="box">
154 |                 <img style="width: 365px;"
155 |                     src="https://images.unsplash.com/photo-1533473359331-0135ef1b58bf?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8Y2FyfGVufDB8fDB8fHww"
156 |                     alt="">
157 |                 <div class="details">
158 | 
159 |                     <p class="car-name">Lamborghini Super Car</p>
160 | 
161 |                     <div class="review">
162 |                         <i class="fa-solid fa-star"></i>
163 |                         <i class="fa-solid fa-star"></i>
164 |                         <i class="fa-solid fa-star"></i>
165 |                         <i class="fa-solid fa-star"></i>
166 |                         <i class="fa-regular fa-star-half-stroke"></i>
167 |                         <p>( 10k Reviews )</p>
168 |                     </div>
169 | 
170 |                     <div class="feature">
171 |                         <p><i class="fa-solid fa-chair"></i> 6 Seat</p>
172 |                         <p><i class="fa-solid fa-charging-station"></i> 6 Seat</p>
173 |                         <p><i class="fa-solid fa-car-battery"></i> 6 Seat</p>
174 |                         <p><i class="fa-solid fa-cable-car"></i> 6 Seat</p>
175 |                         <p><i class="fa-solid fa-car-side"></i> 6 Seat</p>
176 |                         <p><i class="fa-solid fa-caravan"></i> 6 Seat</p>
177 |                     </div>
178 | 
179 |                     <div class="price">
180 |                         <p>3.22 Crore</p>
181 |                         <button>Book Now</button>
182 |                     </div>
183 |                 </div>
184 |             </div>
185 | 
186 |             <div class="box">
187 |                 <img style="width: 365px;"
188 |                     src="https://images.unsplash.com/photo-1494976388531-d1058494cdd8?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8Y2FyfGVufDB8fDB8fHww"
189 |                     alt="">
190 |                 <div class="details">
191 | 
192 |                     <p class="car-name">Lamborghini Super Car</p>
193 | 
194 |                     <div class="review">
195 |                         <i class="fa-solid fa-star"></i>
196 |                         <i class="fa-solid fa-star"></i>
197 |                         <i class="fa-solid fa-star"></i>
198 |                         <i class="fa-solid fa-star"></i>
199 |                         <i class="fa-regular fa-star-half-stroke"></i>
200 |                         <p>( 10k Reviews )</p>
201 |                     </div>
202 | 
203 |                     <div class="feature">
204 |                         <p><i class="fa-solid fa-chair"></i> 6 Seat</p>
205 |                         <p><i class="fa-solid fa-charging-station"></i> 6 Seat</p>
206 |                         <p><i class="fa-solid fa-car-battery"></i> 6 Seat</p>
207 |                         <p><i class="fa-solid fa-cable-car"></i> 6 Seat</p>
208 |                         <p><i class="fa-solid fa-car-side"></i> 6 Seat</p>
209 |                         <p><i class="fa-solid fa-caravan"></i> 6 Seat</p>
210 |                     </div>
211 | 
212 |                     <div class="price">
213 |                         <p>3.22 Crore</p>
214 |                         <button>Book Now</button>
215 |                     </div>
216 |                 </div>
217 |             </div>
218 | 
219 |             <div class="box">
220 |                 <img style="width: 365px;"
221 |                     src="https://images.unsplash.com/photo-1590362891991-f776e747a588?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzF8fGNhcnxlbnwwfHwwfHx8MA%3D%3D"
222 |                     alt="">
223 |                 <div class="details">
224 | 
225 |                     <p class="car-name">Lamborghini Super Car</p>
226 | 
227 |                     <div class="review">
228 |                         <i class="fa-solid fa-star"></i>
229 |                         <i class="fa-solid fa-star"></i>
230 |                         <i class="fa-solid fa-star"></i>
231 |                         <i class="fa-solid fa-star"></i>
232 |                         <i class="fa-regular fa-star-half-stroke"></i>
233 |                         <p>( 10k Reviews )</p>
234 |                     </div>
235 | 
236 |                     <div class="feature">
237 |                         <p><i class="fa-solid fa-chair"></i> 6 Seat</p>
238 |                         <p><i class="fa-solid fa-charging-station"></i> 6 Seat</p>
239 |                         <p><i class="fa-solid fa-car-battery"></i> 6 Seat</p>
240 |                         <p><i class="fa-solid fa-cable-car"></i> 6 Seat</p>
241 |                         <p><i class="fa-solid fa-car-side"></i> 6 Seat</p>
242 |                         <p><i class="fa-solid fa-caravan"></i> 6 Seat</p>
243 |                     </div>
244 | 
245 |                     <div class="price">
246 |                         <p>3.22 Crore</p>
247 |                         <button>Book Now</button>
248 |                     </div>
249 |                 </div>
250 |             </div>
251 | 
252 |             <div class="box">
253 |                 <img style="width: 365px;"
254 |                     src="https://images.unsplash.com/photo-1541443131876-44b03de101c5?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzJ8fGNhcnxlbnwwfHwwfHx8MA%3D%3D"
255 |                     alt="">
256 |                 <div class="details">
257 | 
258 |                     <p class="car-name">Lamborghini Super Car</p>
259 | 
260 |                     <div class="review">
261 |                         <i class="fa-solid fa-star"></i>
262 |                         <i class="fa-solid fa-star"></i>
263 |                         <i class="fa-solid fa-star"></i>
264 |                         <i class="fa-solid fa-star"></i>
265 |                         <i class="fa-regular fa-star-half-stroke"></i>
266 |                         <p>( 10k Reviews )</p>
267 |                     </div>
268 | 
269 |                     <div class="feature">
270 |                         <p><i class="fa-solid fa-chair"></i> 6 Seat</p>
271 |                         <p><i class="fa-solid fa-charging-station"></i> 6 Seat</p>
272 |                         <p><i class="fa-solid fa-car-battery"></i> 6 Seat</p>
273 |                         <p><i class="fa-solid fa-cable-car"></i> 6 Seat</p>
274 |                         <p><i class="fa-solid fa-car-side"></i> 6 Seat</p>
275 |                         <p><i class="fa-solid fa-caravan"></i> 6 Seat</p>
276 |                     </div>
277 | 
278 |                     <div class="price">
279 |                         <p>3.22 Crore</p>
280 |                         <button>Book Now</button>
281 |                     </div>
282 |                 </div>
283 |             </div>
284 |             <div class="btn">
285 |                 <input type="button" value="View All">
286 |             </div>
287 |         </div>
288 |     </section>
289 | 
290 |     <section class="support-sec">
291 |         <div class="txt">
292 |             <p class="txt1">Why <span>Choose</span> Us</p>
293 |             <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. At, cupiditate!</p>
294 |         </div>
295 | 
296 |         <div class="main-sec">
297 |             <div class="box">
298 |                 <i class="fa-solid fa-phone"></i>
299 |                 <div class="txt-sec">
300 |                     <p class="txt1">24 Hour Support</p>
301 |                     <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore doloremque sequi animi ab
302 |                         corporis, necessitatibus eum cum vel rerum nisi.</p>
303 |                 </div>
304 |             </div>
305 | 
306 |             <div class="box">
307 |                 <i class="fa-solid fa-flag-checkered"></i>
308 |                 <div class="txt-sec">
309 |                     <p class="txt1">Best Price</p>
310 |                     <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore doloremque sequi animi ab
311 |                         corporis, necessitatibus eum cum vel rerum nisi.</p>
312 |                 </div>
313 |             </div>
314 | 
315 |             <div class="box">
316 |                 <i class="fa-solid fa-certificate"></i>
317 |                 <div class="txt-sec">
318 |                     <p class="txt1">Verified License</p>
319 |                     <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore doloremque sequi animi ab
320 |                         corporis, necessitatibus eum cum vel rerum nisi.</p>
321 |                 </div>
322 |             </div>
323 | 
324 |             <div class="box">
325 |                 <i class="fa-regular fa-circle-xmark"></i>
326 |                 <div class="txt-sec">
327 |                     <p class="txt1">Free Cancelation</p>
328 |                     <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore doloremque sequi animi ab
329 |                         corporis, necessitatibus eum cum vel rerum nisi.</p>
330 |                 </div>
331 |             </div>
332 |         </div>
333 |     </section>
334 | 
335 |     <section class="achie-sec">
336 |         <div class="txt">
337 |             <p class="txt1">Our <span>Achievement</span></p>
338 |             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, provident.</p>
339 |         </div>
340 | 
341 |         <div class="main-sec">
342 |             <div class="box">
343 |                 <p class="txt1">4000+</p>
344 |                 <p>Active Member</p>
345 |             </div>
346 | 
347 |             <div class="box">
348 |                 <p class="txt1">3000+</p>
349 |                 <p>Car Color</p>
350 |             </div>
351 | 
352 |             <div class="box">
353 |                 <p class="txt1">6000+</p>
354 |                 <p>Car Model</p>
355 |             </div>
356 | 
357 |             <div class="box">
358 |                 <p class="txt1">10k</p>
359 |                 <p>Positive Rating</p>
360 |             </div>
361 |         </div>
362 |     </section>
363 | 
364 |     <section class="start-sec">
365 |         <div class="main-sec">
366 |             <div class="left">
367 |                 <p class="txt1">Ready To Get Start?</p>
368 |                 <p class="txt2">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Necessitatibus ipsa eos neque quo consectetur totam perferendis aut quos sequi expedita.</p>
369 |                 <div class="btn">
370 |                     <button>Contact Us</button>
371 |                 </div>
372 |             </div>
373 | 
374 |             <div class="right">
375 |                 <img src="verna.png" alt="">
376 |             </div>
377 |         </div>
378 |     </section>
379 | 
380 |     <footer class="foot-sec">
381 |         <div class="logo">
382 |             <h1>DeveloperGTM</h1>
383 |         </div>
384 | 
385 |         <div class="copy">
386 |             <p>Copyright &copy; 2024 Design By DeveloperGTM</p>
387 |         </div>
388 | 
389 |         <div class="item">
390 |             <a href="/">Website Terms</a>
391 |             <a href="/">Contact Us</a>
392 |             <a href="/">Privacy Policy</a>
393 |         </div>
394 |     </footer>
395 | </body>
396 | 
397 | </html>


--------------------------------------------------------------------------------