-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
238 lines (224 loc) · 13.4 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Empowering women in finance at the University of Michigan">
<meta name="keywords" content="MWIG, finance, uofm, michigan, women, investment group">
<title>Michigan Women Investment Group</title>
<link rel="icon" type="image/png" href="/assets/images/logo.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script defer src="app.js"></script>
</head>
<body>
<header>
<nav>
<div class="logo">
<a href="https://michiganwig.com"><img src="assets/images/logo-removebg.png" alt="logo"></a>
</div>
<div class="nav-links" id="navLinks">
<i class="fa fa-close" onclick="hideMenu()"></i>
<ul>
<li><a href="#landing" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#board" class="scroll">Board</a></li>
<li><a href="#contact" class="scroll"> Contact</a></li>
<!--
<li><a href="https://forms.gle/iEsDgoSp7AQaNjPQ7" target="_blank">Apply</a></li>
-->
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
</header>
<section id="landing" class="hidden">
<div class="banner">
<h1>MICHIGAN WOMEN INVESTMENT GROUP</h1>
</div>
<div id="recruitment-links">
<div class="r-link">
<a href="https://forms.gle/H2jDA7piXeSkpqAFA" target="_blank" class="button-link">APPLY HERE</a>
<p>Our application is open!<br>Apply by Monday, 9/16.</p>
</div>
<div class="r-link">
<p>Follow <a href="https://www.instagram.com/michiganwig/" target="_blank">@michiganwig</a> on Instagram for F24 recruiting updates!</p>
</div>
<!--
<div class="r-link">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSd1UfV_u60E86j2CH2VfBML8ZCSDUdGnpiIU7GL22SNbZ01Xg/viewform?usp=sf_link" target="_blank" class="button-link">INTEREST FORM</a>
<p>Interested in joining our community?<br>Fill out our interest form to stay updated on our Winter 2024 recruitment cycle.</p>
</div>
<div class="r-link">
<a href="https://forms.gle/Nz6vekpiYQ48wDqf6" target="_blank" class="button-link">COFFEE CHAT FORM</a>
<p>Coffee chat sign ups will open on 9/8 at 10pm ET.<br>Slots are limited and will be granted on a first come, first serve basis.</p>
</div>
-->
</div>
<!--
<div id="recruitment-timeline">
<h3>Winter 2024 Recruitment Timeline</h3>
<table>
<tr>
<td class="event-name">Meet the Clubs</td>
<td class="event-info">1/18, 5:30-7:30 PM<br>Winter Garden</td>
</tr>
<tr>
<td class="event-name">Mass Meeting</td>
<td class="event-info">1/22, 5:30-6:30 PM<br>B1580</td>
</tr>
<tr>
<td class="event-name">Senior Advisor Panel</td>
<td class="event-info">1/26, 5:30-6:30 PM<br>B1560</td>
</tr>
<tr>
<td class="event-name">Social Hour</td>
<td class="event-info">1/28, 4:00-5:00 PM<br>R0320</td>
</tr>
<tr>
<td class="event-name">Application Closes</td>
<td class="event-info">1/30, Midnight</td>
</tr>
</table>
</div>
-->
</section>
<section id="about" class="hidden">
<hr>
<h2>WHO WE ARE</h2>
<p>Our mission is to empower undergraduate women by providing a supportive community where we collectively strive to become knowledgeable and proficient in the realm of finance. Through interactive discussions, professional development workshops, guest speakers, and hands-on education, we endeavor to cultivate a strong foundation of financial understanding and strategic thinking. Our ultimate goal is to empower each member to secure their economic futures and become leaders in the field of finance. Together, we aspire to shatter barriers, challenge stereotypes, and create a lasting impact in the world of finance as confident and well-versed women.</p>
<hr>
</section>
<section id="network" class="hidden">
<h2>OUR NETWORK</h2>
<div class="logos">
<div class="logos-slide-1">
<img src="./assets/images/companies/ares.webp" />
<img src="./assets/images/companies/barclays.webp" />
<img src="./assets/images/companies/blackstone.webp" />
<img src="./assets/images/companies/bofa.webp" />
<img src="./assets/images/companies/citi.webp" />
<img src="./assets/images/companies/deutsche.webp" />
<img src="./assets/images/companies/evercore.webp" class="smaller" />
<img src="./assets/images/companies/goldmansachs.webp" />
<img src="./assets/images/companies/guggenheim.webp" />
</div>
<div class="logos-slide-1">
<img src="./assets/images/companies/ares.webp" />
<img src="./assets/images/companies/barclays.webp" />
<img src="./assets/images/companies/blackstone.webp" />
<img src="./assets/images/companies/bofa.webp" />
<img src="./assets/images/companies/citi.webp" />
<img src="./assets/images/companies/deutsche.webp" />
<img src="./assets/images/companies/evercore.webp" class="smaller" />
<img src="./assets/images/companies/goldmansachs.webp" />
<img src="./assets/images/companies/guggenheim.webp" />
</div>
</div>
<div class="logos">
<div class="logos-slide-2">
<img src="./assets/images/companies/jefferies.webp" class="smaller"/>
<img src="./assets/images/companies/jpmorgan.webp" class="centered"/>
<img src="./assets/images/companies/lazard.webp" class="smaller"/>
<img src="./assets/images/companies/morganstanley.webp" />
<img src="./assets/images/companies/oaktree.webp" />
<img src="./assets/images/companies/rbc.webp" />
<img src="./assets/images/companies/rothschild.webp" />
<img src="./assets/images/companies/ubs.webp" />
</div>
<div class="logos-slide-2">
<img src="./assets/images/companies/jefferies.webp" class="smaller" />
<img src="./assets/images/companies/jpmorgan.webp" class="centered" />
<img src="./assets/images/companies/lazard.webp" class="smaller"/>
<img src="./assets/images/companies/morganstanley.webp" />
<img src="./assets/images/companies/oaktree.webp" />
<img src="./assets/images/companies/rbc.webp" />
<img src="./assets/images/companies/rothschild.webp" />
<img src="./assets/images/companies/ubs.webp" />
</div>
</div>
<hr>
</section>
<section id="board" class="hidden">
<h2>MEET THE BOARD</h2>
<div id="board-members">
<div class="member">
<img src="./assets/images/headshots/mansi-comp.webp" alt="Mansi Gupta Board Photo">
<p class="name">Mansi Gupta</p>
<p class="position">President</p>
<p class="info">Ross School of Business</p>
<p class="info">Senior</p>
</div>
<div class="member">
<img src="./assets/images/headshots/sravani.webp" alt="Sophie Park Board Photo">
<p class="name">Sravani Kotapati</p>
<p class="position">VP of Recruitment</p>
<p class="info">Ross School of Business</p>
<p class="info">Junior</p>
</div>
<div class="member">
<img src="./assets/images/headshots/dallas.webp" alt="Katelyn Hatem Board Photo">
<p class="name">Dallas Bell</p>
<p class="position">VP of Operations</p>
<p class="info">Ross School of Business</p>
<p class="info">Sophomore</p>
</div>
<div class="member">
<img src="./assets/images/headshots/nikki.webp" alt="Abby Knebelkamp Board Photo">
<p class="name">Nikki Faupel</p>
<p class="position">VP Internal</p>
<p class="info">Ross School of Business</p>
<p class="info">Sophomore</p>
</div>
</div>
<hr>
</section>
<section id="contact" class="hidden">
<h2>CONTACT US</h2>
<div class="contact-info">
<a href="https://www.instagram.com/michiganwig/" target="_blank">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
</svg>
<span>@michiganwig</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg>
</svg>
<span>[email protected]</span>
</a>
<a href="https://www.linkedin.com/company/michiganwig/" target="_blank">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>
</svg>
<span>Visit us on LinkedIn</span>
</a>
</div>
<hr>
</section>
<script>
// SMOOTH SCROLLING
document.addEventListener('DOMContentLoaded', function() {
const navLinks = document.querySelectorAll('nav a.scroll');
navLinks.forEach(link => {
link.addEventListener('click', function(e) {
hideMenu();
e.preventDefault();
const targetId = link.getAttribute('href');
const targetElement = document.querySelector(targetId);
targetElement.scrollIntoView({ behavior: 'smooth' });
});
});
});
// NAVBAR TOGGLE
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.left = "0";
}
function hideMenu() {
navLinks.style.left = "100%";
}
</script>
</body>
</html>