-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (130 loc) · 7.32 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
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Jack's Classic Cars</title>
<link href="https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=The+Nautigal:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dynalight&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Judson:ital@0;1&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="top">
<a class="logo">Jack's Classic Cars</a>
<div class="nav">
<ul>
<li><a href="#mission">Mission</a></li>
<li><a href="#inventory">Inventory</a></li>
<li><a href="https://www.instagram.com/" target="_blank">Follow Us<img class="icon" src="images/instagram.png"></a></li>
</ul>
</div>
</div>
</header>
<div class="main">
<div id="mission" class="banner">
<div id="sign">
<div class="state">
<div class="goal">
<h2 class="cursive">Our Mission</h2>
<h3>We have a dream car whether it's a classic or import. Here at Jack's Classic Cars we strive to make your dream come true. Have a date coming up or special occasion, we'll hook you so you can show up with style.</h3>
</div>
</div>
</div>
</div>
<div id="inventory">
<h2>Featured Listings</h2>
<h3>Some of our most popular recognizable vehicles!!</h3>
<div id="box">
<div class="selections">
<img src="images/beetle.jpg">
<h3>1966 Volkswagen Bettle</h3>
<p>As one of the most iconic vehicles from the 20th centuary, the Volkswagen Beetle has easily endured the test of time. With it's cute and simple design, the Beetle has remained a fan favorie at car shows and around the world in countries such as Brazil and Mexico. </p>
</div>
<div class="selections">
<img src="images/chevBAir.jpg">
<h3>1957 Chevrolet Bel Air</h3>
<p>The Chevy Bel Air, an icon of the 19950s. One of the most sought after by any car lovers, this Bel Air will always grab attention no matter the place or time it's in.</p>
</div>
<div class="selections">
<img src="images/greenmustang.jpg">
<h3>1966 Ford Mustang</h3>
<p>The Ford Mustang, all horse power and beautiful design into one. It's the car that defined the muscle car genre. Fast and elegant, you'll leave anyone in the dust with grace. This mustang was used in the 1980s show Spenser For Hire.</p>
</div>
<div class="selections">
<img src="images/hippie-bus.jpg">
<h3>Volkswagen Type 2 1969</h3>
<p>Volkswagen Type 2 or more commonly known as the Hippie Bus, is an icon of the counterculture movement of the 1960s. With it's very simple design and often painted with bright colors, the Hippie Bus has remained popular throughout the years and is surely to grab attention.</p>
</div>
<div class="selections">
<img src="images/terraplane.jpg">
<h3>1933 Essex-Terraplane</h3>
<p>The 1933 Terraplane, an inexpensive and powerful vehicle for it's time. This depression era car was quite popular and was a fan favorite by depression era gangsters such as John Dillinger, Baby Face Nelson and others.</p>
</div>
<div class="selections">
<img src="images/fiat500.jpg">
<h3>1960 Fiat 500</h3>
<p>This petite Italian 2 door car was one of the first cars purposely designed for cities. A bit like the Beetle, the Fiat also shares in having a rear mounted engine.</p>
</div>
<div class="selections">
<img src="images/Ferrari gto.jpg">
<h3>1963 Ferrari GTO</h3>
<p>The Ferrari 250 GTO, a beautiful sleek Italian sports car which is highly desired by collectors. With it being so desired, it's often to see one of the beautys being sold for quite a few million dollars.</p>
</div>
</div>
</div>
<div id="quotes">
<div class="ref">
<h2>Some of our satisfied and known customers!</h2>
<div class="peeps">
<div class="list">
<img src="images/spock0.jpg">
<p>"Fascinating" - Spock</p>
</div>
<div class="list">
<img src="images/optimus-prime.jpg">
<p>"There's more than meets the eye with these cars." - Optimus Prime</p>
</div>
<div class="list">
<img src="images/macho-man.jpg">
<p>"Best there is; past, present and future! Ohhh yeahh!" - Macho Man Randy Savage</p>
</div>
<div class="list">
<img src="images/don-draper.jpg">
<p>"Happiness is the smell of any of these cars" - Don Draper</p>
</div>
</div>
</div>
</div>
<div id="workers">
<div class="jobs">
<h2>Our Employees!!</h2>
<div class="roster">
<div class="jobbers">
<img src="images/jack.jpg">
<h1>Jack</h1>
<p>Ceo, Chief Content Office, Digital Marketing Manager</p>
</div>
<div class="jobbers">
<img src="images/jimmy.jpg">
<h1>Jimmy</h1>
<p>Marketing Manager, Chief Financial Officer. Sales Representative</p>
</div>
</div>
</div>
</div>
<footer>
<div class="extra">
<div class="phone">
<h2>Jack's Classic Cars</h2>
<h3>E-mail us at [email protected]</h3>
<h4>Phone: Contact us at 777-9311</h4>
<h5>@ 2022 Jack's Classic Cars, All Rights Reserved</ph5>
</div>
</div>
</footer>
</div>
</body>
</html>