<pre><code style="color: #000000">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" integrity="sha512-NmLkDIU1C/C88wi324HBc+S2kLhi08PN5GDeUVVVC/BVt/9Izdsc9SVeVfA1UZbY3sHUlDSyRXhCzHfr6hmPPw==" crossorigin="anonymous" referrerpolicy="no-referrer"/&gt;
    &lt;link rel="stylesheet" href="css/style.css"&gt;
    &lt;title&gt;Formel 1&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class="page-wrapper"&gt;
        &lt;header&gt;
            &lt;label for="mobile-menu"&gt;&lt;/label&gt;
            &lt;input type="checkbox" id="mobile-menu"&gt;
            &lt;nav&gt;
                &lt;figure&gt;&lt;img src="Ressourcer/design/logo-symbol-f1-red.webp" alt=""&gt;&lt;/figure&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href=""&gt;Drivers&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=""&gt;Teams&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=""&gt;Tracks&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=""&gt;Results&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;h1&gt;Silverstone&lt;/h1&gt;
                &lt;h2&gt;Round 7 - aug. 6-8&lt;/h2&gt;
            &lt;/nav&gt;
        &lt;/header&gt;
        &lt;main&gt;
            &lt;div class="divider"&gt;&lt;/div&gt;
            &lt;section class="section1"&gt;
                &lt;div class="content-wrapper"&gt;
                    &lt;div class="three-columns"&gt;
                        &lt;div class="columns"&gt;
                            &lt;div class="column-header"&gt;Top Drivers&lt;/div&gt;
                            &lt;div class="column-card-1"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/drivers/fernando-alonzo-aston-martin.avif" alt="Fernando Alonzo"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Fernando Alonzo&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Aston Martin&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="column-card-2"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/drivers/max-verstappen-redbull-racing.avif" alt="Max Verstappen"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Max Verstappen&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Red Bull Racing&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="column-card-3"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/drivers/lando-norris-mclaren.avif" alt="Lando Norris"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Lando Norris&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;McLaren&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="column-card-4"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/drivers/lewis-hamilton-ferrari.avif" alt="Lewis Hamilton"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Lewis Hamilton&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Ferrari&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="columns"&gt;
                            &lt;div class="column-header"&gt;Top Teams&lt;/div&gt;
                            &lt;div class="column-card-5"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/teams/logo-ferrari.avif" alt="Ferrari logo"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Team Ferrari&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Italy&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="column-card-6"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/teams/logo-aston-martin.avif" alt="Aston Martin logo"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Team Aston Martin&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Great Britain&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="column-card-7"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/teams/logo-redbull-racing.avif" alt="Team Red Bull Racing logo"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Team Red bull Racing&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Switzerland&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="column-card-8"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/teams/logo-mclaren.avif" alt="McLaren logo"&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                                &lt;div class="card-content"&gt;
                                    &lt;div class="card-header"&gt;Team McLaren&lt;/div&gt;
                                    &lt;div class="card-subheader"&gt;Great Britain&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="card-color"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="columns"&gt;
                            &lt;div class="column-header"&gt;Track&lt;/div&gt;
                            &lt;div class="column-card-9"&gt;
                                &lt;div class="card-img"&gt;
                                    &lt;figure&gt;
                                        &lt;img src="Ressourcer/design/silverstone-track.webp" alt="Silverstone Track"&gt;
                                    &lt;/figure&gt;
                                    &lt;div class="card-content"&gt;
                                        &lt;div class="card-header"&gt;Silverstone - Great Britain&lt;/div&gt;
                                        &lt;div class="card-text-1"&gt;Lenght: 5.891 km&lt;/div&gt;
                                        &lt;div class="card-text-2"&gt;Turns: 18&lt;/div&gt;
                                        &lt;div class="card-text-3"&gt;Lap Record: 1:27.097&lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
            &lt;section class="section2"&gt;
                &lt;div class="content-wrapper"&gt;
                    &lt;h2&gt;Sign Up For Our Monthly Newsletter&lt;/h2&gt;
                    &lt;form action=""&gt;
                        &lt;label for="name"&gt;Your Name:&lt;/label&gt;
                        &lt;label for="email" class="stuff"&gt;Your Email:&lt;/label&gt;
                        &lt;input type="text" id="name" class="stuff"&gt;
                        &lt;input type="email" id="email" class="stuff"&gt;
                        &lt;label for="message"&gt;Message:&lt;/label&gt;
                        &lt;textarea name="message" id="message"&gt;&lt;/textarea&gt;
                        &lt;input type="submit" value="Submit"&gt;
                    &lt;/form&gt;
                &lt;/div&gt;
            &lt;/section&gt;
            &lt;section class="section3"&gt;
                &lt;div class="content-wrapper"&gt;
                    &lt;h2&gt;Upcoming races&lt;/h2&gt;
                    &lt;div class="cards"&gt;
                        &lt;div class="card-1"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                        &lt;img src="Ressourcer/track/australian-grand-prix.jpg" alt="australian grand prix"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Qatar Airways Australian Grand Prix 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-2"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/chinese-grand-prix.jpg" alt="Chinese grand prix"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Heineken Chinese Grand Prix 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-3"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/usa-grand-prix.jpg" alt="Miami grand prix"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 CRYPTO.COM Miami Grand Prix 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-4"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/japanese-grand-prix.jpg" alt="Japanese grand prix"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Aramco Japanese Grand Prix 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-5"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/monaco-grand-prix.jpg" alt="Grand prix de Monaco"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Grand Prix de Monaco 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-6"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/belgium-grand-prix.jpg" alt="Belqian grand prix"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Belgian Grand Prix 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-7"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/spanish-grand-prix.jpg" alt="Tag Heuer gran premio"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Tag Heuer Gran Premio de España 2026&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="card-8"&gt;
                            &lt;div class="card-img"&gt;
                                &lt;figure&gt;
                                    &lt;img src="Ressourcer/track/italian-grand-prix.jpg" alt="Pirelli gran premio"&gt;
                                &lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="card-content"&gt;Formula 1 Pirelli Gran Premio d'italia 2026&lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
        &lt;/main&gt;
        &lt;footer&gt;
            &lt;div class="content-wrapper"&gt;
                &lt;div class="footer-columns"&gt;
                    &lt;div class="columns"&gt;
                        &lt;div class="column-header"&gt;F1&lt;/div&gt;
                        &lt;ul&gt;
                            &lt;li&gt;&lt;a href=""&gt;F1 tickets&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=""&gt;F1 hospitality&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=""&gt;F1 experiences&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    &lt;div class="columns"&gt;
                        &lt;div class="column-header"&gt;Policies&lt;/div&gt;
                        &lt;ul&gt;
                            &lt;li&gt;&lt;a href=""&gt;Terms &amp; condition&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=""&gt;Privacy policy&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=""&gt;Cookies policy&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    &lt;div class="columns"&gt;
                        &lt;div class="column-header"&gt;About&lt;/div&gt;
                        &lt;ul&gt;
                            &lt;li&gt;&lt;a href=""&gt;Contact us&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=""&gt;FAQ&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/footer&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>