-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (95 loc) · 3.83 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Unofficial F1 Landing Page</title>
</head>
<body>
<header>
<div class="inner-column navbar">
<div class="logo"><img src="./images/F1-logo.png" alt="f1 logo"></div>
<ul class="left-links">
<li>
<a href="https://udbhav227.github.io/f1-landing-page" rel="noopener" target="_blank">Home</a>
</li>
<li>
<a href="https://github.com/Udbhav227" rel="noopener" target="_blank">About</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=xvFZjo5PgG0" rel="noopener" target="_blank">Contact</a>
</li>
</ul>
</div>
</div>
</header>
<main>
<section class="hero">
<header>
<div class="inner-column">
<div class="graphic-diptych">
<div class="picture">
<img src="./images/f1-2021.avif" alt="">
</div>
<div class="text-content">
<h1 class="hero-header">The Unofficial Home of Formula 1 Racing</h1>
<p class="hero-subtext">Formula One is the most exciting sport on the planet! The pinnacle of speed skill and glamor contested by the most skilled drivers and the world's top manufacturers creating the most technologically advanced cars in history</p>
<a class="button" href="https://youtu.be/Q-jjZMMxbZs?si=QOtazQ3s2_INHYCi" rel="noopener" target="_blank">Watch now</a>
</div>
</div>
</div>
</header>
</section>
<section class="cards">
<div class="inner-column">
<h2 class="cards-header">Legends of the Circuit: F1's Most Dominant Teams</h2>
<div class="content-info">
<div>
<img src="./images/Scuderia Ferrari Logo.jpg">
<p class="disc"> Scuderia Ferrari</p>
</div>
<div>
<img src="./images/Williams Racing Logo.jpg">
<p class="disc">Williams Racing</p>
</div>
<div>
<img src="./images/McLaren Racing Logo.jpg">
<p class="disc">McLaren Racing</p>
</div>
<div>
<img src="./images/AMG Logo.jpg">
<p class="disc">Mercedes-AMG <br>Petronas F1 Team</p>
</div>
</div>
</div>
</section>
<section class="quote-section" >
<div class="inner-column">
<div class="quote">
In racing there are always things you can learn, every single day. There is always space for improvement, and I think that applies to everything in life.
</div>
<div class="quote-by calm-voice">
- Lewis Hamilton the GOAT
</div>
</div>
</section>
<section class="call-to-action">
<div class="inner-column">
<div class="cta">
<div class="text-section">
<h3 class="cta-header">Call to action! It's time!</h3>
<p class="cta-subtext">Get all the latest formula 1 news by clicking that button right over there!</p>
</div>
<div class="cta-button-section">
<a class="button" href="https://youtu.be/DrE9umGiPZQ?si=o5Pm1SqFBqp_E2v8" rel="noopener" target="_blank">Sign up</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<h1>Copyright © Udbhav227 2024</h1>
</footer>
</body>
</html>