-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
80 lines (69 loc) · 4.41 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
<!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="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>
<header>
<h1>About</h1>
</header>
<article>
<p>Originally built by <a href="https://bgoewert.com" target="_blank">Brennan Goewert</a> on a small HTC smartphone during slow night shifts in 2016 in order to learn HTML, CSS, and JavaScript. Re-made as a final project for IS 139 "Web Publishing" at St. Louis Community College. Project wise, this site incorporates several different elements that fulfil requirements for the final.</p>
<p><a href="https://github.com/bgoewert/Italian-Moto-History" target="_blank">View the project repository on GitHub.</a></p>
<p>The main purpose of this site is to display, and hopefully educate visitors on, the rich history of Italian motorcycles as well as provide a directory for events and museum locations where visitors can find where to experience these Italian machines for themselves.</p>
<p>There does not seem to be one site dedicated to the love of Italian motorcycles, that I am aware of. And, outside of Wikipedia or actually physically visiting a museum or a related event, there is not one website where you can learn the entire history of these machines. This site will hopefully fill both of these areas.</p>
<p>While there have been a lot of <a href="https://en.wikipedia.org/wiki/List_of_motorcycle_manufacturers#Italy" target="_blank">Italian motorcycle manufacturers</a> throughout history, for the purpose of this project, this site is going to focus on the main players in the North American market. In the future, the site may be expanded to include more, if not all, of the other manufacturers.</p>
</article>
</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>