-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (46 loc) · 3.31 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
<!doctype html>
<html>
<head>
<title>Car Showcase</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50">
<div class="bg-red-500 mx-8 mt-6 p-6 text-center rounded-lg">
<h1 class="text-4xl font-bold text-center font-serif text-white">CAR SHOWCASE</h1>
</div>
<div class="mt-6 text-center">
<input
type="text"
placeholder="Search for cars..."
class="w-1/2 p-2 border border-gray-300 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-red-500"/>
</div>
<div class="mt-10 mx-8 grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-gray-50 p-6 shadow-lg rounded-lg">
<h2 class="text-2xl font-bold mb-2">Tesla Model 3</h2>
<p class="text-gray-700 text-justify">A high-performance electric sedan with cutting-edge autopilot technology, impressive range, and fast-charging capability. Known for its sleek design, premium interiors, and zero-emissions driving experience.</p>
</div>
<div class="bg-green-100 p-6 shadow-lg rounded-lg">
<h2 class="text-2xl font-bold mb-2">Ford Mustang Mach-E</h2>
<p class="text-gray-700 text-justify">A stylish electric SUV offering exhilarating performance, modern technology, and a spacious interior. Combines iconic Mustang heritage with sustainability, featuring a dynamic driving experience and fast charging.</p>
</div>
<div class="bg-yellow-100 p-6 shadow-lg rounded-lg">
<h2 class="text-2xl font-bold mb-2">Toyota Prius</h2>
<p class="text-gray-700 text-justify">A pioneer in hybrid technology, the Prius is known for its exceptional fuel efficiency, reliability, and eco-friendly design. Perfect for urban commutes and long drives, combining comfort with sustainability.</p>
</div>
</div>
<div class="mt-10 mx-8 grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-green-100 p-6 shadow-lg rounded-lg ">
<h2 class="text-2xl font-bold mb-2">BMW X5</h2>
<p class="text-gray-700 text-justify">A luxury SUV that delivers powerful performance, advanced safety features, and an elegant interior. Offers a smooth ride with innovative technology, catering to both city and adventure driving.</p>
</div>
<div class="bg-yellow-100 p-6 shadow-lg rounded-lg">
<h2 class="text-2xl font-bold mb-2">Audi e-Tron</h2>
<p class="text-gray-700 text-justify">An all-electric SUV blending Audi's premium craftsmanship with zero-emission technology. Features a luxurious interior, quick acceleration, and advanced driver-assistance systems.</p>
</div>
<div class="bg-white p-6 shadow-lg rounded-lg">
<h2 class="text-2xl font-bold mb-2">Honda Civic</h2>
<p class="text-gray-700 text-justify">A compact car celebrated for its reliability, sporty design, and advanced safety features. The Civic offers an efficient yet spirited drive, making it an ideal choice for everyday use.</p>
</div>
</div>
</body>
</html>