-
Notifications
You must be signed in to change notification settings - Fork 0
/
home_page.html
123 lines (82 loc) · 5.91 KB
/
home_page.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
<!DOCTYPE html>
<html>
<head>
<title>formulaslug</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="home_page.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<style>
@import url("https://use.typekit.net/vbl8jxf.css");
</style>
<style>
@import url("https://use.typekit.net/vbl8jxf.css");
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav>
<div class="hamburger" onclick="toggleNav()">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<ul class="nav" id="nav">
<li><a href="home_page.html">Home</a></li>
<li><a href="how_to_join.html">How To Join?</a></li>
<li><a href="what_is_FSAE.html">What Is FSAE?</a></li>
<li><div class="logo"><img src="FSexpandedLogoWriting.png" alt="Formula Slug Logo" width = "200"></div></li>
<li><a href="photo_gallery.html">Photo Gallery</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="Leadership.html">Leadership</a></li>
</ul>
</nav>
<div class="newsletter">
<h3><a href="https://mailchi.mp/ucsc.edu/landing-page" target="_blank">Join Our Newsletter!</a></h3>
</div>
<div class="intro-container"></div>
<div class="text-overlay">
<div class="intro">
<h3>The Official Formula SAE Electric Team of UC Santa Cruz</h3>
</div>
<h1>FORMULA SLUG</h1>
<h3 class="never_has_there">Never Has There Been a Faster Slug</h3>
</div>
</div>
<div class="main-section">
<h2>What is Formula Slug?</h2>
<p class = "p1">In Formula Slug, we pride ourselves on inclusivity, learning, and teamwork. We work together, designing and building a formula-style racing car. As a team, we maintain a high standard for engineering excellence and innovation. Our dedication to continuous learning, inclusive processes, and embracing challenges as opportunities for growth provides an environment where students can practice hands-on electrical and mechanical engineering, as well as manufacturing and business-related skills. Through collaboration and teamwork, we utilize our collective strengths to achieve our yearly design goals and drive towards a cleaner transportation future through hands-on engineering practice. Together, we strive to push the boundaries of automotive engineering and prepare the next generation of leaders in industry and research.</p>
<div class = "flex">
<div class="team_pic"><img src="team_picture.jpg" alt="Formula Slug Team Photo" width = "100%"></div>
<div class = "flex-inside">
<h2>Brief History</h2>
<p class = "p2">Formula Slug got its start in 2015 when a small group of ambitious engineering students took the leap and made our first electric vehicle: FS-0. Since then, Formula Slug has come a long way. At the most recent FSAE competition, the club passed the mechanical technical inspection and nearly passed the most complex electrical systems inspection, both significant milestones compared to our previous vehicles. As we advance our now proven structural design model and electrical subsystems into more ambitious designs, we work towards a routine of year-on-year improvement.</p>
</div>
</div>
<div class="socials">
<div class="insta"><a href="https://www.instagram.com/formula_slug?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank"><img src="instagram_logo.png" alt="Instagram Logo" width = "50"></a></div>
<div class="youtube"><a href="https://www.youtube.com/channel/UCIXrRFc7S0buc3ohnjWR_jQ" target="_blank"><img src="youtube_logo.png" alt="Youtube Logo" width = "48"></a></div>
<div class="mail"><a href="https://mail.google.com/mail/u/1/?view=cm&fs=1&[email protected]&tf=1" target="_blank"><img src="mail_logo.png" alt="Mail Logo" width = "50"></a></div>
<div class="linked"><a href="https://www.linkedin.com/company/formula-slug/mycompany/" target="_blank"><img src="linkedin_logo.png" alt="LinkedIn Logo" width = "49"></a></div>
</div>
<div class="copyright">©2024 Formula Slug</div>
</div>
<script>
function toggleNav() {
var navbar = document.getElementById("nav");
console.log("Hamburger clicked!"); // Debugging log to check if it runs
navbar.classList.toggle("show");
}
</script>
</body>
</html>