-
Notifications
You must be signed in to change notification settings - Fork 1
/
join_us.html
156 lines (149 loc) · 6.44 KB
/
join_us.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<title>Join Us</title>
<!-- General Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="See how you can get involved with our team to gain skills in software, buisiness, and mechanical and electrical engineering"
/>
<!-- Link Google Fonts -->
<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=Outfit:[email protected]&family=Overpass+Mono:[email protected]&display=swap"
rel="stylesheet"
/>
<!-- Link CSS -->
<link rel="stylesheet" type="text/css" href="assets/scss/JoinUs.css" />
<link rel="stylesheet" type="text/css" href="assets/scss/default.css" />
<!-- jquery -->
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<!-- Loads module Html -->
<script src="./components/Header.js"></script>
<script src="./components/Footer.js"></script>
</head>
<body>
<!-- Header will be loaded here -->
<main>
<section id="studentsSection" class="reversed">
<article>
<div class="articleHeader" role="presentation">
<h2>Want to Join Us?</h2>
<p>
TrickFire’s mission is to give us students hands-on, relevant
experiences crucial to entering the working world. Here, you can
gain skills in software, mechanical, and electrical engineering,
business, and marketing. For example, you can work on a robotic
arm, a sponsorship packet, and a drone all in the same club if
you’re willing to put in the time. All of these learning
opportunities and experiences will improve your resume, give you
great talking points, and create fond memories! <br /><br />No
previous experience is needed!
</p>
</div>
<a
class="leaveSiteLink"
href="https://forms.office.com/Pages/ResponsePage.aspx?id=W9229i_wGkSZoBYqxQYL0i7wGfH_Ef9MlM3y37_kRLpUMEVVSDJTTFFOU0RNOEhNVVYyWUI2TjdOTyQlQCN0PWcu"
target="_blank"
>
<img
class="leftPointArrow"
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
<div role="presentation">Apply Now</div>
<img
class="rightPointArrow"
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
</a>
</article>
<picture class="imageContainer">
<source
type="image/webp"
srcset="
assets/images/photos/MarketingTeam/MarketingTeam-320w.webp?width=320 320w,
assets/images/photos/MarketingTeam/MarketingTeam-520w.webp?width=520 520w,
assets/images/photos/MarketingTeam/MarketingTeam-768w.webp?width=768 768w,
assets/images/photos/MarketingTeam/MarketingTeam-1200w.webp?width=1200 1200w,
assets/images/photos/MarketingTeam/MarketingTeam-1920w.webp?width=1920 1920w
"
sizes="(max-width: 768px) 88vw, 45vw"
/>
<img
src="assets/images/photos/MarketingTeam/MarketingTeam-320w.jpg"
srcset="
assets/images/photos/MarketingTeam/MarketingTeam-320w.jpg?width=320 320w,
assets/images/photos/MarketingTeam/MarketingTeam-520w.jpg?width=520 520w,
assets/images/photos/MarketingTeam/MarketingTeam-768w.jpg?width=768 768w,
assets/images/photos/MarketingTeam/MarketingTeam-1200w.jpg?width=1200 1200w,
assets/images/photos/MarketingTeam/MarketingTeam-1920w.jpg?width=1920 1920w
"
sizes="(max-width: 768px) 88vw, 45vw"
alt="Photo of electrical engineering team member working with screws"
/>
</picture>
</section>
<section id="mentorsSection">
<article>
<div class="articleHeader" role="presentation">
<h2>Mentoring Opportunities</h2>
<p>
Are you interested in being a mentor? Are you not a student but
want to help the club? Email us at
<a href="mailto:[email protected]" target="_blank">[email protected]</a>
to let us know!
</p>
</div>
<a class="leaveSiteLink" href="mailto:[email protected]" target="_blank">
<img
class="leftPointArrow"
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
<div role="presentation">Email Us</div>
<img
class="rightPointArrow"
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
</a>
</article>
<picture class="imageContainer">
<source
type="image/webp"
srcset="
assets/images/photos/MentoringImage/MentoringImage-320w.webp?width=320 320w,
assets/images/photos/MentoringImage/MentoringImage-520w.webp?width=520 520w,
assets/images/photos/MentoringImage/MentoringImage-1200w.webp?width=1200 1200w,
assets/images/photos/MentoringImage/MentoringImage-1920w.webp?width=1920 1920w
"
sizes="(max-width: 768px) 88vw, 45vw"
/>
<img
src="assets/images/photos/MentoringImage/MentoringImage-320w.jpg"
srcset="
assets/images/photos/MentoringImage/MentoringImage-320w.jpg?width=320 320w,
assets/images/photos/MentoringImage/MentoringImage-520w.jpg?width=520 520w,
assets/images/photos/MentoringImage/MentoringImage-768w.jpg?width=768 768w,
assets/images/photos/MentoringImage/MentoringImage-1200w.jpg?width=1200 1200w,
assets/images/photos/MentoringImage/MentoringImage-1920w.jpg?width=1920 1920w
"
sizes="(max-width: 768px) 88vw, 45vw"
alt="Photo of a student mentor working with the engineering team"
loading="lazy"
encoding="async"
/>
</picture>
</section>
</main>
<!-- Footer will be loaded here -->
</body>
</html>