-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (81 loc) · 5.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<!--Meta Data-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Link Stylesheets and Javascript-->
<link rel="stylesheet" href="style.css">
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<!--Set the Tab Name-->
<title>Evolocity</title>
<!--Display the Favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="./Assets/Favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./Assets/Favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./Assets/Favicon/favicon-16x16.png">
<link rel="manifest" href="./Assets/Favicon/site.webmanifest">
</head>
<!--Header-->
<header class="section">
<h1>Evolocity</h1>
</header>
<!--Navigation Bar-->
<nav>
<a href="./index.html" class="section active-tab" title="Go to home page"><ion-icon name="home-outline"></ion-icon>Home</a>
<a href="./page1.html" class="section" title="Go to aerodynamics page"><ion-icon name="send-outline"></ion-icon>Aerodynamics</a>
<a href="./page2.html" class="section" title="Go to roll cage page"><ion-icon name="shield-half-outline"></ion-icon>Roll Cage</a>
<a href="./page3.html" class="section" title="Go to tyres page"><ion-icon name="radio-button-on-outline"></ion-icon>Tyres</a>
</nav>
<!--Main Page Content-->
<div class="content">
<!--Image on the page-->
<a href="https://evolocity.co.nz/about-evolocity/" target="_blank">
<img id="home-page-img" class="img section" src="/Assets/Evolocity.jpg" alt="Boy working on E-bike" title="Source: Evolocity Source: Click Image For Redirect">
</a>
<!--Text on the page-->
<div class="section text">
<h1>This Website</h1>
<h3>The purpose of this site</h3>
<p>
On this website I will be explaining the purpose of some design elements that I will be using on a Evolocity go-kart that I am making in the near future.
</p>
<h2>Evolocity</h2>
<h3>What do they do?</h3>
<p>
"School age students design, build and compete with their own electric vehicles.
Year 7 to 13 age teams or individuals build a vehicle (either a bike or with 3+ wheels) powered by a standard 350W electric motor, controller and two 12V gel cells.
Innovation is encouraged as students strive to make their vehicle the fastest with the least drag, and able to cope with the demands of a tight street circuit.
The Innovation categories encourage teams to build in object detection and mitigation features along with the measurement and display of key performance metrics."
- <a href="https://evolocity.co.nz/about-evolocity/" target="_blank" title="Click for redirect to Evolocity Website">Evolocity</a>
</p>
<h3>Their mission</h3>
<p>
"Our mission is to break down barriers and inspire rangatahi into sustainable engineering while fast forwarding New Zealand’s clean tech future.<br>
At Evolocity we are building more than just electric vehicles – we’re building the next generation of innovators, along with the skills they need to make a positive impact on their future, and the world they live in.<br>
Our programme envisions a cleaner, more resilient future where every young Kiwi has the opportunity to be a leader in sustainable technologies."
- <a href="https://evolocity.co.nz/about-evolocity/" target="_blank" title="Click for redirect to Evolocity Website">Evolocity</a>
</p>
</div>
</div>
<!--Footer-->
<footer class="section">
<!--Blurb on footer-->
<div id="footer-blurb" class="section footer-sections">
<h1>What Is Evolocity</h1>
<p>
Evolocity is an EV program sponsered by Orion where school aged kids design and build their own electric go-karts to compete againts other school kids also building eletric go-karts.
</p>
</div>
<!--Contact US Section on footer-->
<div id="footer-Contact-Us" class="section footer-sections">
<h1>Contact US</h1>
<!--Links on footer-->
<div class="flex-continer">
<a class="flex-child" target="_blank" title="Email us" href="https://mail.google.com/mail/?view=cm&to=evolocity@gmail.com&su=&body=&bcc="><ion-icon name="mail-outline"></ion-icon></a>
<a class="flex-child" target="_blank" title="Go to Evolovity website" href="https://evolocity.co.nz/"><ion-icon name="exit-outline"></ion-icon></a>
</div>
</div>
</footer>
</html>