-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathlanding.html
110 lines (103 loc) · 3.57 KB
/
landing.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>F1 Website</title>
<link rel="stylesheet" href="landings.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<div class="logo">F1</div>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Section 1: About -->
<section id="about" class="section">
<div class="container">
<h2>About F1</h2>
<p>Formula 1, the premier international motorsport, offers the ultimate racing experience with cutting-edge technology, speed, and precision. Our mission is to bring you closer to the heart of the action.</p>
<img src="f1-image.jpg" alt="F1" />
</div>
</section>
<!-- Section 2: Features -->
<section id="features" class="section">
<div class="container">
<h2>Features</h2>
<p>Explore the thrilling world of F1 racing with advanced analytics, driver stats, and live race updates.</p>
<div class="feature">
<h3>Real-time Race Updates</h3>
<p>Stay updated with live race results, lap times, and driver standings.</p>
</div>
<div class="feature">
<h3>Detailed Driver Stats</h3>
<p>Get in-depth insights into each driver's performance and career statistics.</p>
</div>
<img src="features-image.jpg" alt="Features" />
</div>
</section>
<!-- Section 3: Team -->
<section id="team" class="section">
<div class="container">
<h2>Our Team</h2>
<p>Meet the minds behind this project, dedicated to delivering the best F1 experience.</p>
<div class="team-member">
<img src="team-member1.jpg" alt="Team Member 1" />
<h3>John Doe</h3>
<p>Project Manager</p>
</div>
<div class="team-member">
<img src="team-member2.jpg" alt="Team Member 2" />
<h3>Jane Smith</h3>
<p>Lead Developer</p>
</div>
</div>
</section>
<!-- Section 4: Gallery -->
<section id="gallery" class="section">
<div class="container">
<h2>Gallery</h2>
<p>Explore stunning images from past F1 races.</p>
<div class="gallery">
<img src="race1.jpg" alt="Race 1" />
<img src="race2.jpg" alt="Race 2" />
<img src="race3.jpg" alt="Race 3" />
</div>
</div>
</section>
<!-- Section 5: Testimonials -->
<section id="testimonials" class="section">
<div class="container">
<h2>What Our Users Say</h2>
<div class="testimonial">
<p>"This F1 website has changed the way I follow races. The live updates and stats are incredible!"</p>
<h4>Alex Johnson</h4>
</div>
<div class="testimonial">
<p>"I love the interactive features, and the design is so sleek and smooth. Highly recommended!"</p>
<h4>Mary Lee</h4>
</div>
</div>
</section>
<!-- Section 6: Contact -->
<section id="contact" class="section">
<div class="container">
<h2>Contact Us</h2>
<p>Have questions or want to collaborate? Get in touch with us!</p>
<form>
<input type="text" placeholder="Your Name" required />
<input type="email" placeholder="Your Email" required />
<textarea placeholder="Your Message" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</section>
<script src="landings.js"></script>
</body>
</html>