-
Notifications
You must be signed in to change notification settings - Fork 0
/
vehicle.html
134 lines (105 loc) · 4.88 KB
/
vehicle.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Waterloo Hybrid</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/application.css"/>
<script src="js/jq.min.js"></script>
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="contain-to-grid fixed">
<div id="bar1"></div>
<nav class="top-bar top-bar-height hide-for-small" data-topbar>
<ul class="title-area">
<li class="name ">
<div class="sitetitle">
</div>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
</ul>
<section class="top-bar-section ">
<!-- Right Nav Section -->
<ul class="hide-for-medium">
<li class="B1 "><a href="/">HOME</a></li>
<li class="B1 "><a href="team">THE TEAM</a></li>
<li class="B2"><a href="https://waterloohybrid.wordpress.com/">NEWS</a></li>
<li class="B3"><a href="competition">THE COMPETITION</a></li>
<li class="B4 "><a href="sponsors">SPONSORS</a></li>
<li class="B4 active"><a href="vehicle">THE CAR</a></li>
<li class="B4"><a href="media">MEDIA</a></li>
<li class="B4 "><a href="contact">CONTACT US</a></li>
</ul>
<ul class="ulmed show-for-medium">
<li class="B1 "><a href="/">HOME</a></li>
<li class="B1 "><a href="team">THE TEAM</a></li>
<li class="B2"><a href="https://waterloohybrid.wordpress.com/">NEWS</a></li>
<li class="B3"><a href="competition">THE COMPETITION</a></li>
<li class="B4 "><a href="sponsors">SPONSORS</a></li>
<li class="B4 active"><a href="vehicle">THE CAR</a></li>
<li class="B4"><a href="media">MEDIA</a></li>
<li class="B4 "><a href="contact">CONTACT US</a></li>
</ul>
</section>
</nav>
<nav class="top-bar top-bar-height-small show-for-small" data-topbar>
<ul class="title-area">
<li class="name ">
<div class="sitetitle">
</div>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
</ul>
</nav>
</div>
<nav class="top-bar tb2custom show-for-small" data-topbar role="navigation">
<ul class="title-area" style="margin-bottom:-5px;">
<li class="toggle-topbar "><a style="margin-top: 8px" href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="B1 "><a href="/">HOME</a></li>
<li class="B1 "><a href="team">THE TEAM</a></li>
<li class="B2"><a href="https://waterloohybrid.wordpress.com/">NEWS</a></li>
<li class="B3"><a href="competition">THE COMPETITION</a></li>
<li class="B4 "><a href="sponsors">SPONSORS</a></li>
<li class="B4 active"><a href="vehicle">THE CAR</a></li>
<li class="B4"><a href="media">MEDIA</a></li>
<li class="B4 "><a href="contact">CONTACT US</a></li>
</ul>
<!-- Left Nav Section -->
</section>
</nav>
<div class="fullWidth">
<div class="fullWidth">
<div id="page2">
<div class="row">
<h1 class="text-center">The Car</h1>
<hr>
<img src="/img/2014car.jpg">
<hr>
<p>Our vehicle has been designed with efficiency and sustainability as the primary focus. Furthermore, our vehicle has the unique ability to operate as either an electric-only or gas-electric hybrid vehicle. This ensures that our vehicle will have an extremely small carbon footprint without sacrificing the performance characteristics required of any race vehicle. Ultimately, our vehicle strives to be a synergistic implementation of hybrid vehicle systems on the cutting edge of automotive technologies.</p>
</div>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<script>
$('.button').on('click', function() {
$.smoothScroll({
scrollElement: null,
scrollTarget: '#page2',
offset: -50
});
return false;
});
</script>
</body>
</html>