-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
291 lines (291 loc) · 10.1 KB
/
about.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="a website about ferrari racing events" />
<meta name="author" content="Arthur Emanuel Guerra Iturres" />
<link rel="icon" href="src/assets/media/icons-logos/ferrari-logo-png.png" />
<link
rel="apple-touch-icon"
href="src/assets/media/icons-logos/ferrari-logo-png.png"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="src/assets/styles/about.css" />
<title>Ferrari | About</title>
</head>
<body>
<header class="my-header">
<nav class="desktop-navbar navbar navbar-dark justify-content-end p-2">
<ul class="d-flex list-unstyled container">
<li>
<a
href="https://www.facebook.com/ScuderiaFerrari"
target="_blank"
rel="noopener noreferrer"
class="desktop-navbar__link text-decoration-none"
><i class="fa-brands fa-facebook-f"></i
></a>
</li>
<li class="ms-3">
<a
href="https://twitter.com/Scuderiaferrari"
target="_blank"
rel="noopener noreferrer"
class="desktop-navbar__link text-decoration-none"
><i class="fa-brands fa-twitter"></i
></a>
</li>
<li class="ms-3">
<a href="#" class="desktop-navbar__link text-decoration-none"
>English</a
>
</li>
<li class="ms-3">
<a href="#" class="desktop-navbar__link text-decoration-none"
>My Page</a
>
</li>
<li class="ms-3 mr-3 my-btn desktop-navbar__link">
<span>Logout</span>
</li>
</ul>
</nav>
<nav
class="my-navbar navbar navbar-light bg-light container d-flex p-2 bg-transparent"
>
<button
type="button"
class="hamburger-button"
data-toggle-mobile-menu-btn
>
<i class="fa-sharp fa-solid fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<img
src="src/assets/media/icons-logos/ferrari-logo-png.png"
width="50"
height="50"
class="d-inline-block align-top"
alt="ferrari logo"
/>
</a>
<ul class="d-flex list-unstyled" data-mobile-menu>
<li>
<a href="index.html" class="my-navbar__link text-decoration-none"
>Home</a
>
</li>
<li>
<a href="#" class="my-navbar__link text-decoration-none">Program</a>
</li>
<li>
<a href="#" class="my-navbar__link text-decoration-none">Join</a>
</li>
<li>
<a href="#" class="my-navbar__link text-decoration-none">Sponsor</a>
</li>
<li>
<a href="#" class="my-navbar__link text-decoration-none">News</a>
</li>
<li class="mr-3">
<a
href="https://www.ferrari.com/"
class="my-navbar__link bordered-link text-decoration-none"
target="_blank"
rel="noopener noreferrer"
>Ferrari Cars</a
>
</li>
<li>
<button type="button" class="x-button" data-toggle-mobile-menu-btn>
<i class="fa-sharp fa-solid fa-xmark"></i>
</button>
</li>
</ul>
</nav>
</header>
<section
id="top-page"
class="hero-section about d-flex flex-column justify-content-center align-items-center"
>
<nav class="floating-desktop-navbar navbar justify-content-end p-2">
<ul class="d-flex list-unstyled container">
<li>
<a
href="index.html"
class="floating desktop-navbar__link text-decoration-none"
><i class="fa-sharp fa-solid fa-house"></i
></a>
</li>
<li class="fa-arrow ms-3">
<i class="fa-sharp fa-solid fa-chevron-right"></i>
</li>
<li class="ms-3">
<a
href="#"
class="floating desktop-navbar__link text-decoration-none"
>My page</a
>
</li>
<li class="fa-arrow no-hover ms-3">
<i class="fa-sharp fa-solid fa-chevron-right"></i>
</li>
<li class="ms-3 mr-3">
<a
href="#"
class="floating desktop-navbar__link text-decoration-none"
>Contact</a
>
</li>
</ul>
</nav>
<div class="hero-section__content container mt-5">
<h1 class="hero-section__title display-1">
f1 world championship races 2023
</h1>
<p class="hero-section__intro lead">
The winner of the Formula One World Constructors' Championship (WCC)
is the most successful Formula One constructor over a particular
season, as determined by a points system. The Constructors'
Championship was first awarded, as the International Cup for F1
Manufacturers, in 1958 to Vanwall.[4] Ferrari hold the record for most
Constructors' Championships with 15.
</p>
<p class="hero-section__contact">
Please contact us per Email for any further questions about Our
Exclusive F1 2023 tickets!
<strong
<i class="fa-sharp fa-solid fa-chevron-right"></i
></strong>
</p>
</div>
</section>
<section id="about-logo">
<div
class="about-logo--wrapper d-flex flex-column justify-content-center align-items-center container"
>
<h2 class="section__title text-center display-6 mt-5 p-3 pb-1">
F1 World Championship Races 2023 Ferrari Logo
</h2>
<hr />
<p class="about-logo__about text-center mb-5">
Francesco Baracca was a famously successful Italian pilot in World War
I, and he painted a red horse on every plane he ever flew! After his
death in battle, his companions-in-arms began to paint these horses in
black, as a sign of mourning.
</p>
<a
class="navbar-brand"
target="_blank"
rel="noopener noreferrer"
href="https://www.continentalautosports.com/ferrari-information/ferrari-logo-meaning/#:~:text=The%20Ferrari%20Logo's%20Meaning%20%26%20History,as%20a%20sign%20of%20mourning."
>
<img
src="src/assets/media/icons-logos/ferrari-logo-png.png"
width="200"
height="200"
class="d-inline-block align-top"
alt="ferrari logo"
/>
</a>
</div>
</section>
<section id="past-races">
<h2 class="section__title text-center display-6">
See the past F1 Championships Races
</h2>
<hr />
<p class="past-races__about text-center mb-0 p-5 pb-1 pt-1">
Take a look at the two last World Champions that took place worldwide.
</p>
<div class="past-races-images--wrapper">
<figure>
<a
class="past-races-link"
target="_blank"
rel="noopener noreferrer"
href=""
>
<img
src="src/assets/media/past-races/past-races-2021.jpg"
alt="f1 championships 2021 race"
class="past-races-image"
width="325"
height="auto"
/>
<figcaption>
<span class="figcaption-year">2021</span>
<span>Max Verstappen World Champion</span>
</figcaption>
</a>
</figure>
<figure>
<a
class="past-races-link"
target="_blank"
rel="noopener noreferrer"
href=""
>
<img
src="src/assets/media/past-races/past-races-2022.jpg"
alt="f1 championships 2021 race"
class="past-races-image"
width="325"
height="auto"
/>
<figcaption>
<span class="figcaption-year">2022</span>
<span>Max Verstappen World Champion</span>
</figcaption>
</a>
</figure>
</div>
</section>
<section id="partners" class="about-page">
<h2 class="section__title text-center display-6 mt-5">Partners</h2>
<hr />
<div class="partner-logos-container container" data-partner-logos-holder>
<!-- partner-logos will be auto injected -->
</div>
</section>
<footer class="about page-footer">
<div class="footer-content--wrapper container">
<a class="footer-brand" href="index.html">
<img
src="src/assets/media/icons-logos/ferrari-logo-png.png"
width="90"
height="90"
class="footer-logo d-inline-block align-top"
alt="ferrari logo"
/>
</a>
<div class="footer-content">
<span class="footer__title">Ferrari N.V. - Holding company - </span>
<p class="footer__about">
A company under Dutch law, having its official seat in Amsterdam,
the Netherlands and its corporate address at Via Abetone Inferiore
No. 4, I-41053 Maranello (MO), Italy, registered with the Dutch
trade register under number 64060977.
</p>
</div>
</div>
</footer>
<script
src="https://kit.fontawesome.com/5d25a44371.js"
crossorigin="anonymous"
></script>
<script src="src/assets/js/UX/toggle-mobile-menu.js"></script>
<script
src="src/assets/js/markup-injectors/inject-partner-img-template.js"
type="module"
></script>
</body>
</html>