-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (94 loc) · 4.74 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
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,500,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,800,900' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDu11kH36vmYCPJCU_dsHqiPE90W4cRWrA"></script>
<script type="text/javascript" src="js/map.js"></script>
</head>
<body>
<header class="container">
<h1>Kart<span>Tracks</span></h1>
<nav>
<ul>
<li><a href="/">HOME</a></li>
<li><a href="/">BROWSE</a></li>
<li><a href="/">CONTACT</a></li>
</ul>
</nav>
</header>
<div id="map-canvas"></div>
<section class="track-types">
<div class="container">
<h2>Track Types</h2>
<div>
<div class="col-4 track-types-info">
<img src="http://images.clipartlogo.com/files/images/38/389963/flag-french-car-motor-circuit-cours-racing-magny-track-formula-one-grand-prix-racetrack_t.jpg">
<h3>Sprint</h3>
<p>
Sprint racing takes place on dedicated kart circuits resembling small road courses, with left and right turns. Tracks range from 1/4 mile (400 metres) to over 1 mile (1,600 metres) in length.
</p>
</div>
<div class="col-4 track-types-info">
<img src="img/speedway.png">
<h3>Speedway</h3>
<p>
Speedway racing takes place on oval tracks which are normally between 1/6 mile and 1/4 mile long. Tracks primarily consist of two straights and four left-turn corners, few tracks are symmetric and often the shape parallels that of an egg or a tri-oval.
</p>
</div>
<div class="col-4 track-types-info">
<img src="img/asphalt.png">
<h3>Surface</h3>
<p>
Speedway tracks can made up of an asphalt or a red clay surface, which require different tires for each.
</p>
</div>
</div>
</div>
</section>
<section class="featured-track">
<div class="container">
<h2>Featured Track</h2>
<div class="container-960">
<img src="http://s3-media2.fl.yelpcdn.com/bphoto/gdX6MVSvo75ZbO1xeXhYdw/l.jpg" class="col-3">
<div class="col-9">
<h3>PGP Motorsports Park</h3>
<p><i class="fa fa-map-marker"></i>31003 144th Ave SE, Kent, WA 98042</p>
<p class="featured-cat"><span>Paved</span><span>Sprint</span></p>
<p>
With the majestic 14,000 foot Mount Rainier as the backdrop, PGP Motorsports Park is a 9/10th-mile asphalt track with a main straight approaching 800 feet in length and 30 feet in width. With up to 15 turns, the layout is designed so that horsepower can be an advantage at the South end; longer straights and hard braking corners allowing for maximum passing zones. But the North end is very technical rewarding the pilots with the best driving skills.
</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="about col-4">
<h3>About</h3>
<p>
Just some karter who enjoys making sites. Hopefully this encourages people to get into the sport by helping them find and support their nearest tracks.
</p>
</div>
<div class="contact col-4">
<h3>Contact</h3>
<p>[email protected]</p>
</div>
</div>
</footer>
<div id="template">
<img class="info-window-img">
<div class="info-window-category">
<p class="cat-2"></p>
<p class="cat-1"></p>
</div>
<h3 class="info-window-title"></h3>
<p class="info-window-loc"><i class="fa fa-map-marker"></i></p>
</div>
</body>
</html>