-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·122 lines (111 loc) · 6.36 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<!-- https://speakerdeck.com/csswizardry/get-your-head-straight?slide=39 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Italian Moto History</title>
<!-- Load async scripts first. -->
<script src="assets/js/main.js" data-cfasync="false" async></script>
<!-- Load fonts -->
<link rel="preload" href="assets/fonts/Abril-Fatface/AbrilFatface-Regular.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="assets/fonts/Merriweather/Merriweather-Regular.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="assets/fonts/Merriweather/Merriweather-Italic.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="assets/fonts/Merriweather/Merriweather-Bold.ttf" as="font" type="font/ttf" crossorigin>
<link rel="stylesheet" href="assets/css/fonts.css">
<!-- Load synchronous resources. -->
<link rel="stylesheet" href="assets/css/layout.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/layout-home.css">
<link rel="icon" href="favicon.ico">
<meta name="author" content="Brennan Goewert">
<meta name="description" content="The history Italian motorcycles and scooters">
<meta name="robots" content="noindex, nofollow">
<meta name="keywords" content="Ducati, Moto Guzzi, Aprilia, Vespa, Benelli, Ducati history, history of Ducati, Italian motorcycles, motorcycles from Italy, Italian motorcycle history">
</head>
<body>
<header>
<div class="italy-flag"></div>
<nav>
<div id="menu-left">
<a href="manufacturers.html">Manufacturers</a>
<a href="events.html">Events</a>
</div>
<div>
<a href="index.html" id="site-title">Italian Moto History</a>
</div>
<div id="menu-right">
<a href="museums.html">Museums</a>
<a href="about.html">About</a>
</div>
</nav>
</header>
<main class="wide">
<article id="welcome">
<h1>Welcome Enthusiasts and History Buffs!</h1>
<h2>Learn about the rich history of the motocicletta</h2>
<p>Italians have always been a leader in art and design starting as early as the Renaissance. Companies like Alfa Romeo, Ferrari, Ducati, and Piaggio, are a few examples of this pedigree. The beautiful designs of Italian four and two-wheeled vehicles are a testament to the craftsmanship they can achieve.</p>
<p>Here, you will find the history, as well as some more recent events, surrounding the likes of Aprilia, Moto Guzzi, MV Agusta, Vespa, and other motorcycle manufacturers.</p>
</article>
<article id="upcoming-events">
<!-- Events source: https://www.eventbrite.com/d/mo--st-louis/motorcycle/?page=1 -->
<div>
<h3>Upcoming Events</h3>
<ul>
<li>
<article>
<a target="_blank" href="https://www.eventbrite.com/e/10th-annual-arnold-police-officers-association-car-bike-show-registration-668907549487">10th Annual Arnold Police Officers Association Car & Bike Show</a>
<section>
<p>Time: <time datetime="2023-09-16">Saturday, Sep 16, 8am–3pm CDT</time></p>
<p>Location:
<address>
Arnold City Park<br>
2400 Bradley Beach Road<br>
Arnold, MO 63010
</address>
</p>
</section>
</article>
</li>
<li>
<article>
<a target="_blank" href="https://www.eventbrite.com/e/motorcycles-by-moonlight-tickets-679695245777">Motorcycles at Moonlight</a>
<section>
<p>Time: <time datetime="2023-10-06">Friday, Oct 6</time></p>
<p>Location:
<address>
Barber Vintage Motorsports Museum<br>
6030 Barber Motorsports Parkway<br>
Leeds, AL 35094
</address>
</p>
</section>
</article>
</li>
</ul>
</div>
</article>
<section id="manufacturers">
<span><a href="manufacturers/aprilia.html"><img src="assets/images/Logo_Aprilia.svg" alt="Aprilia logo" title="Learn more about Aprilia"></a></span loading="lazy">
<span><a href="manufacturers/ducati.html"><img src="assets/images/Logo_Ducati_678x720.png" alt="Ducati logo" title="Learn more about Ducati"></a></span loading="lazy">
<span><a href="manufacturers/moto_guzzi.html"><img src="assets/images/Logo_Moto-Guzzi.svg" alt="Moto Guzzi logo" title="Learn more about Moto Guzzi"></a></span loading="lazy">
<span><a href="manufacturers/mv_agusta.html"><img src="assets/images/Logo_MV-Agusta.svg" alt="MV Agusta logo" title="Learn more about MV Agusta"></a></span loading="lazy">
<span><a href="manufacturers/vespa.html"><img src="assets/images/Logo_Vespa.svg" alt="Vespa logo"></a></span loading="lazy">
</section>
</main>
<footer>
<div>
<nav>
<a href="privacy.html">Privacy</a>
<a href="legal.html">Legal</a>
<a href="contact.html">Contact</a>
</nav>
<p><small><em>This is an educational project. <a href="https://github.com/bgoewert/Italian-Moto-History" target="_blank">View the project repository.</a><br>Use of manufacturer logos is solely for educational purposes and does not imply endorsement.</em></small></p>
<nav>
<span>Copyright © <span id="copyright-year">2023</span> <a href="https://bgoewert.com" target="_blank">Brennan Goewert</a></span>
</nav>
</div>
<div class="italy-flag"></div>
</footer>
</body>
</html>