Html documents\drivers.
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> Drivers</title>
8 <link rel="stylesheet" href="../css/[Link]">
9 </head>
10 <link rel="icon" type="image/png" href="../assets/[Link]" sizes="48x48">
11
12 <body>
13
14
15
16 <nav>
17 <img style: height="24px" src="../assets/f1 [Link]" alt="F1 Logo"
class="logo">
18 <a href="../Html documents/[Link]">Home</a>
19 <a href="../html documents/[Link]">Teams</a>
20 <a href="../html documents/[Link]">Drivers</a>
21 <a href="../html documents/[Link]">Circuits</a>
22 <a href="../html documents/[Link]"> F1 in India</a>
23 </nav>
24
25 <div id=bar></div>
26
27 <div class="wheel-container">
28 <img src="../assets/[Link]" alt="Spinning Wheel" class="wheel">
29 <span class="quote">"The Heroes Behind the Wheel"</span>
30 <img src="../assets/[Link]" alt="Spinning Wheel" class="wheel">
31 </div>
32
33
34 <!-- hero section -->
35 <section class="hero">
36 <img src="../assets/[Link]" class="hero-image">
37 <div class="hero-text">
38 <h1>"F1 Drivers 2025"</h1>
39 <p>Explore the champions, rookies, and legends shaping the season.</p>
40 </div>
41
42 </section> <br> <br>
43 <div id=line>
44 <div id=redline></div>
45 <div id=redline2></div>
46 </div>
47 <section class="drivers-grid">
48 <div class="driver-card">
49 <img src="../assets/[Link]" alt="Max Verstappen" class="driver-image">
50 <div class="driver-info">
51 <h2>Max Verstappen</h2>
52 <p class=race>Red Bull Racing</p>
53 <p class="no"> 1</p>
54 </div>
55 </div>
56
57 <div class="driver-card">
58 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
59 <div class="driver-info">
60 <h2>
61 Yuki Tsunoda </h2>
62 <p class=race>Red Bull Racing</p>
63 <p class="no"> 22</p>
64 </div>
65 </div>
66 <div class="driver-card">
67 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
68 <div class="driver-info">
69 <h2> Oscar Piastri</h2>
70 <p class=race>McLaren</p>
71 <p class="no"> 81</p>
72 </div>
73 </div>
74 <div class="driver-card">
75 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
76 <div class="driver-info">
77 <h2> Lando Norris</h2>
78 <p class=race>McLaren</p>
79 <p class="no"> 4</p>
80 </div>
81 </div>
82 <div class="driver-card">
83 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-
image">
84 <div class="driver-info">
85 <h2>George Russell</h2>
86 <p class=race>Mercedes</p>
87 <p class="no"> 63</p>
88 </div>
89 </div>
90 <div class="driver-card">
91 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
92 <div class="driver-info">
93 <h2>Kimi Antonelli</h2>
94 <p class=race>Mercedes AMG Petronas</p>
95 <p class="no"> 12</p>
96 </div>
97 </div>
98 <div class="driver-card">
99 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
100 <div class="driver-info">
101 <h2>Fernando Alonso</h2>
102 <p class=race>Mercedes AMG Petronas</p>
103 <p class="no"> 44</p>
104 </div>
105 </div>
106 <div class="driver-card">
107 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
108 <div class="driver-info">
109 <h2>Lance Stroll</h2>
110 <p class=race>Aston Martin</p>
111 <p class="no"> 18</p>
112 </div>
113 </div>
114
115 <div class="driver-card">
116 <img src="../assets/[Link]" alt="Lewis Hamilton" class="driver-image">
117 <div class="driver-info">
118 <h2>Lewis Hamilton</h2>
119 <p class=race>Aston Martin</p>
120 <p class="no"> 14</p>
121 </div>
122 </div>
123
124 <div class="driver-card">
125 <img src="../assets/[Link]" alt="Charles Leclerc" class="driver-
image">
126 <div class="driver-info">
127 <h2>Charles Leclerc</h2>
128 <p class=race>Scuderia Ferrari</p>
129 <p class="no"> 16</p>
130 </div>
131 </div>
132 </section>
133
134
135 <div id=line>
136 <div id=redline></div>
137 <div id=redline2></div>
138 </div>
139 <div id=car>
140 <video src="../assets/car loop 12.mp4" autoplay muted loop class="background-
video" id=car1></video>
141
142 </div>
143 <footer>
144 <p>Created by: Anmol And Aditya Class 10 E</p>
145 </footer>
146 </body>
147
148 </html>