-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage3.html
88 lines (77 loc) · 4.19 KB
/
page3.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
<!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" 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 active-tab" title="Go to tyres page"><ion-icon name="radio-button-on-outline"></ion-icon>Tyres</a>
</nav>
<!--Main Page Content-->
<div class="content">
<!--Image-->
<a href="https://futurefive.co.nz/story/kiwi-student-built-electric-vehicles-battle-it-out-auckland" target="_blank">
<img id="tyres-img" class="img section" src="/Assets/Wheels.webp" alt="Red Go-kart with slick tyres" title="Source: FutureFive Source: Click Image For Redirect">
</a>
<!--Text-->
<div class="section">
<h1>Tyres</h1>
<h3>What is a Slick Tire?</h3>
<p>
Slick tyres are tyres with smooth and threadless surfaces.
They differ from regular tyres, which have tread patterns that offer traction in different road conditions.
Slick tyres are also referred to as Track or racing tyres.
</p>
<h3>Benefits of slick tyres?</h3>
<p>
The picture above displays slick tyres that have no tread design.
Slick tyres are commonly used in go-karts because they offer superior grip and handling on dry and even surfaces, such as those seen on go-kart tracks.
</p>
<h3>Disadvantages of slick tyres?</h3>
<p>
While slick tyres offer advantages for racing on smooth, dry surfaces, there are also some downsides to consider.
These include deformation, increased rolling resistance, and heat generation.
</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>