-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
223 lines (205 loc) · 11.9 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
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/external/bootstrap.min.css">
<link rel="stylesheet" href="/assets/external/bootstrap-icons.css">
<link rel="stylesheet" href="/assets/ieee.css">
<link rel="icon" href="/favicon.ico"/>
<meta name="description" content="The official website of the Purdue IEEE Student Branch">
<meta name="author" content="Purdue IEEE">
<title>Purdue IEEE</title>
<script src="/assets/external/bootstrap.bundle.min.js"></script>
<script src="/assets/external/vue2.min.js"></script>
<script src="/assets/include.js"></script>
</head>
<body>
<div id="app">
<ieee-header head="Purdue IEEE" page=""></ieee-header>
<main>
<!-- index_hero -->
<div class="container-fluid py-5 my-5 text-center text-white hero-image" id="index_hero" style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/images/exec-2022-23.jpg');">
<div class="container-lg">
<img class="d-block mx-auto mb-4 rounded" src="/images/pieee_logo_v3.png" alt="Purdue IEEE Logo" width="100" height="100">
<h1 class="display-5 fw-bold">Purdue IEEE</h1>
<div class="px-5 mx-auto">
<p class="lead mb-4">Purdue IEEE is a student branch for IEEE, one of the largest professional organizations in the world, with 423,000 members in 160 countries.</p>
<p class="lead mb-4">IEEE's core purpose is to foster technological innovation and excellence for the benefit of humanity. Here at Purdue, we are dedicated to technical and professional development in line with this purpose.</p>
<p class="lead mb-4">Our multidisciplinary committees do everything from creating Artificial Intelligence to building robots to professional outreach. No matter your major, we have something for everyone!</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="/about/" type="button" class="btn btn-ieee btn-lg px-4 gap-3">Learn More about IEEE</a>
</div>
</div>
</div>
</div>
<!-- /index_hero -->
<noscript>
<br>
<div class="container-lg lead fs-2 text-center">
Hi there! Your browser does not allow JavaScript to run on this site. You may have a degraded experience
navigating around our website. You can view the contents of any script on this site at our GitHub,
<a href="https://github.com/PurdueIEEE/IEEE-Website" target="_blank">https://github.com/PurdueIEEE/IEEE-Website</a>.
</div>
<br>
</noscript>
<!-- infosessions -->
<!-- <div class="container-lg mb-5">
<div class="p-3 bg-light rounded shadow text-center">
<p class="display-6">Spring 2024 Callout</p>
<p class="fs-5">Our General Callout is on Wednesday, 01/24 from 6:30 PM to 7:30 PM in BHEE 129.</p>
<!-- <a class="fs-5" href="https://docs.google.com/presentation/d/1WmwipLd5N9c19yNV-KNuTtN98BJjoranVOlarphIDTk/edit?usp=sharing" target="_blank">Fall 2022 Callout Slides</a> -->
<table id="infosessions" class="table table-striped responsive-table">
<caption class="visually-hidden">Info Session Times</caption>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Committee</th>
<th scope="col">Time</th>
<th scope="col">Location</th>
</tr>
</thead>
<tbody id="infosessions_tbody">
</tbody>
</table>
</div>
</div> -->
<!-- infosessions -->
<div class="container-lg" id="index_info">
<div class="row">
<div class="col text-center">
<i class="bi bi-calendar-event-fill display-5"></i>
<br><br>
<p class="fs-4">Check our <a href="/calendar/" class="link-secondary">calendar</a> for upcoming events</p>
</div>
<div class="col text-center">
<i class="bi bi-chat-left-fill display-5"></i>
<br><br>
<p class="fs-4">Have questions? Chat with us on <a href="https://purdueieee.slack.com/signup" target="_blank" class="link-secondary">Slack</a></p>
</div>
<div class="col text-center">
<i class="bi bi-envelope-open-fill display-5"></i>
<br><br>
<p class="fs-4">Send us an email at <a href="mailto:[email protected]" target="_blank" class="link-secondary">[email protected]</a> or visit us in BHEE 014</p>
</div>
</div>
</div>
<!-- index about header -->
<div class="container-fluid bg-pieee my-3">
<div class="row align-items-center py-3">
<div class="col-md-5 px-5">
<img src="/images/ieee-2021.png" class="img-fluid rounded-3" alt="Human IEEE" loading="lazy">
</div>
<div class="col-md-7 px-5">
<h1 class="display-1 fw-bold responsive-text"> “Fostering technological innovation and excellence for the benefit of humanity.”</h1>
<p class="fs-3 responsive-text">— IEEE Mission Statement</p>
</div>
</div>
<div class="row mt-3 pb-3 justify-content-center fade-in">
<div class="col-md-2 text-center my-1">
<div class="mx-auto">
<p class="display-4 fw-bold my-1">1903</p>
<p class="fs-3 my-1">Founded</p>
</div>
</div>
<div class="col-md-2 text-center my-1">
<div class="mx-auto">
<p class="display-4 fw-bold my-1">10</p>
<p class="fs-3 my-1">Committees</p>
</div>
</div>
<div class="col-md-2 text-center my-1">
<div class="mx-auto">
<p class="display-4 fw-bold my-1">230+</p>
<p class="fs-3 my-1">Members</p>
</div>
</div>
<div class="col-md-2 text-center my-1">
<div class="mx-auto">
<p class="display-4 fw-bold my-1">$50,000</p>
<p class="fs-3 my-1">Raised Annually</p>
</div>
</div>
</div>
</div>
<!-- /index about header -->
<div class="container-lg mb-5" id="about_container">
<!-- about_para1 -->
<div class="row align-items-center fade-in">
<div class="col-md-8 mb-3">
<h2 class="display-6 fw-bold">At Purdue, we strive to be the best.</h2>
<p class="fs-4">Whether creating drones, designing radio transmitters, or pioneering next-gen biotech, Purdue engineers excel.</p>
<p class="fs-4">Purdue IEEE (Eye-Triple-E) is no different. Founded in 1903, we are the largest technical organization with students of every academic background. Our members work on real-world problems and advance their engineering skills.</p>
</div>
<div class="col-md-4 mb-3">
<picture>
<source srcset="/images/home/about_1.webp" type="image/webp">
<img src="/images/home/about_1.png" class="img-fluid rounded-3" alt="" loading="lazy">
</picture>
</div>
</div>
<!-- /about_para1 -->
<br><hr class="mx-auto" style="height: 3px;"><br>
<!-- about_para2 -->
<div class="row align-items-center fade-in">
<div class="col-md-5 mb-3">
<picture>
<source srcset="/images/home/about_2.webp" type="image/webp">
<img src="/images/home/about_2.png" class="img-fluid rounded-3" alt="" loading="lazy">
</picture>
</div>
<div class="col-md-7 mb-3">
<h2 class="display-6 fw-bold">Applying academics to extracurriculars.</h2>
<p class="fs-4">Purdue IEEE continually strives to further our goals of technical and professional growth.</p>
<p class="fs-4">We help our members enter their professional careers, learn engineering software and skills, and socialize with others to form lasting connections inside and outside of this organization.</p>
<p class="fs-4">Our teams apply the knowledge and create real-world, practical solutions to complex engineering projects.</p>
</div>
</div>
<!-- /about_para2 -->
<br><hr class="mx-auto" style="height: 3px;"><br>
<!-- about_para3 -->
<div class="row align-items-center fade-in">
<div class="col-md-8 mb-3">
<h2 class="display-6 fw-bold">Connecting industry partners to talented engineers.</h2>
<p class="fs-4">Our alumni go on to utilize the skills they learn at some of the world's largest companies. We have alumni working in every sector of every industry, helping shape the future of technology.</p>
<p class="fs-4">We host regular professional networking events and company recruiting sessions - just for our members. We also host resume reviews, alumni panels, and professor talks.</p>
<p class="fs-4">With Purdue IEEE, you can learn what it takes to be successful after college, whether it be in industry or academia.</p>
</div>
<div class="col-md-4 mb-3">
<img src="/images/home/about_3.jpg" class="img-fluid rounded-3" alt="" loading="lazy">
</div>
</div>
<!-- /about_para3 -->
<br><hr class="mx-auto" style="height: 3px;"><br>
<!-- about_para4 -->
<div class="text-center mb-3">
<h2 class="display-6 fw-bold">Distinguished history, brighter future.</h2>
<p class="fs-4">Become a member today. Reach out to us at <a href="mailto:[email protected]">[email protected]</a> or stop by BHEE014 with any questions.</p>
<a href="/join" type="button" class="btn btn-ieee btn-lg px-4 gap-3">Join IEEE</a>
</div>
<!-- /about_para4 -->
</div>
</main>
<ieee-footer></ieee-footer>
</div>
<script src="/assets/base.js"></script>
<script src="/assets/callout.js"></script>
<script>
let observer = new IntersectionObserver((entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
observer.unobserve(entry.target);
}
});
}, {
root: null,
rootMargin: '0px',
threshold: 0.5,
});
let targets = document.querySelectorAll(".fade-in");
targets.forEach(target => { observer.observe(target)});
</script>
</body>
</html>