-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathworkshops.html
138 lines (122 loc) · 6.93 KB
/
workshops.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Workshops</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="description" content=""><meta name="keywords" content=""><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="css/skel.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-xlarge.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="icon" type="image/x-icon" href="/images/icons/new_logo_2.ico">
</head>
<header id="header" class="alt2"><h1><strong><a href="index.html"> ACS</a><br></strong> Chemistry for Life</h1>
<ul class="icon"><a href="index.html"style="position: relative; top: -15px;"><img src="./images/logos/new_logo_2.png" alt="" width=75" height="50"></a></ul>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="https://www.acs.org/">ACS Website</a></li>
<li><a href="sponsorships.html">Corporate Partnerships</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>
<!-- Main -->
<section id="main" class="wrapper"><div class="container">
<header class="major special"><h2>Workshops</h2>
<p>See previously hosted workshops and ones to look forward to!</p><br>
</header>
<body>
<div id="data-container">
<div class="card-container">
<!--TEMP STARTS HERE-->
<div class="card">
<a href="https://docs.google.com/presentation/d/1hE0LXcxQebF0CmwgfSrUbwwa_wBVKuZPaFnClb5j6-Y/edit?usp=sharing"><img src= "./images/workshop_thumbnails/reu_internships.png" alt="Image 1">
<h3>REU and Summer Internships</h3>
<p>11/19/24</p>
<br><br>
<!--<p>Learn how to apply to a lab, cold email a prof, etc</p>--> </a>
</div>
<div class="card">
<a href="https://docs.google.com/presentation/d/1ONwB6W-D39ZDfgMziCbLkDK98-GrqKjY/edit?usp=sharing&ouid=104904236312057628322&rtpof=true&sd=true"><img src= "./images/workshop_thumbnails/hydrite_internships.png" alt="Image 1">
<h3>Internship opportunities at Hydrite Chemical</h3>
<p>11/19/24</p>
<br><br>
<!--<p>Learn how to apply to a lab, cold email a prof, etc</p>--> </a>
</div>
<div class="card">
<a href="https://docs.google.com/presentation/d/1_H22hd5ZGkS7yCGZzo-aJx54X7A-X267YlmeilXmuxo/edit?usp=sharing"><img src= "./images/workshop_thumbnails/grad_school_f24.png" alt="Image 1">
<h3>Getting Into Grad School with Professor Sension!</h3>
<p>10/08/24</p>
<br><br>
<!--<p>Learn how to apply to a lab, cold email a prof, etc</p>--> </a>
</div>
<div class="card">
<a href="https://docs.google.com/presentation/d/16xadws7AEEddacE3Vm_drvr6Y_rVTHmLSzL24WUzI14/edit#slide=id.g3032e204366_3_126"><img src= "./images/workshop_thumbnails/finding_a_lab.png" alt="Image 1">
<h3>Finding A Lab</h3>
<p>09/24/24</p>
<!--<p>Find the right internship for you and how to apply!</p>--> </a>
</div>
<div class="card">
<a href="https://docs.google.com/presentation/d/1LoXHfL93MwEtNv33tuzNM_kEBRMdEAVRcBna0mUXCws/edit#slide=id.p"><img src= "./images/previous_events/mass_meeting_F24.png" alt="Image 1">
<h3>Fall '24 Mass Meeting</h3>
<p>09/10/24</p>
<!--<p>Find the right internship for you and how to apply!</p>--> </a>
</div>
<div class="card">
<a href="https://docs.google.com/presentation/d/19zfG44ehGlUv2MQ3fD3pDkG4C0DGLpWon2sCbS1_JS4/edit?usp=sharing"><img src= "./images/workshop_thumbnails/internship_workshop.png" alt="Image 1">
<h3>Summer Internship Workshop</h3>
<p>02/05/24</p>
<!--<p>Find the right internship for you and how to apply!</p>--> </a>
</div>
<!--TEMP ENDS HERE-->
<div class="card">
<a href="https://docs.google.com/presentation/d/19DSxLPQaLygbEO-VrX-6RRmYtJpnrJLXMPPpRGrXmGE/edit#slide=id.p"><img src= "./images/workshop_thumbnails/9_27_resume_workshop.png" alt="Image 1">
<h3>Resume/CV Workshop</h3>
<p>09/27/23</p>
<br><br>
<!--<p>Learn what it takes to make a great resume!</p>--> </a>
</div>
<div class="card">
<a href="https://docs.google.com/presentation/d/1CDfDfHZnjnA8565jGz2i21fb9iyrrCPUUIH-oFNI1B4/edit#slide=id.p"><img src= "./images/workshop_thumbnails/lab_workshop.png" alt="Image 1">
<h3>Research Lab Workshop!</h3>
<p>08/25/23</p>
<br><br>
<!--<p>Learn how to apply to a lab, cold email a prof, etc</p>--> </a>
</div>
<!-- Add more cards as needed -->
</div>
</div>
<br><br>
<div class="pagination" id="pagination">
<a href="#" id="prev">Previous</a>
<a href="#" class="page-link" data-page="1">1</a>
<a href="#" class="page-link" data-page="2">2</a>
<!-- <a href="#" class="page-link" data-page="3">3</a> -->
<a href="#" id="next">Next</a>
<p id="page-numbers"> </p>
</div>
</body>
</section><!-- Footer --><footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https://github.com/acsumich/acsumich.github.io" class="icon fa-github"></a></li>
<!--<li><a href="https://www.facebook.com/acs.umich/" class="icon fa-facebook"></a></li>-->
<li><a href="https://www.instagram.com/acs.umich?igsh=eHIzOXc1YnNrbTh3" class="icon fa-instagram"></a></li>
<!--<li><a href="https://x.com/michiganchem?lang=en" class="icon fa-twitter"></a></li>-->
</ul>
<p>Questions? Contact us at
<a href="mailto:acs.umich.exec@umich.edu" style="color: #160c9a">
acs.umich.exec@umich.edu
</a></p>
</div>
<script src="assets/js/page_script.js"></script>
<script src="js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/util.js"></script>
</html>