-
Notifications
You must be signed in to change notification settings - Fork 0
/
eventsPage.html
158 lines (140 loc) · 6.36 KB
/
eventsPage.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
<!DOCTYPE html>
<html>
<head>
<title>Events</title>
<link rel="icon" href="imgs/hoeLogo.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/eventsPage.css">
</head>
<body>
<nav class="navbar">
<div class="container-fluid slideDown">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<img id="menuBtn" src="imgs/menu.svg" alt="">
</button>
<a class="navbar-brand" href="index.html"> <img class="logo" src="imgs/hoeLogo.png" alt="Logo"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a class="navButton" href="aboutPage.html">About</a></li>
<li><a class="navButton" href="eventsPage.html">Events</a></li>
<li><a class="navButton" href="supportPage.html">Support</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="header">
Events
</div>
<div>
<h1>Main Events</h1>
<h3 class="eventDesc">To adapt to Covid-19, there will be three events that make up Hunger, Over Easy this year. Please visit our Instagram
(<a href="https://www.instagram.com/hungerovereasy/" target="_blank">@hungerovereasy</a>) or click on the infographics for more information.</h3>
</div>
<br>
<br>
<div class="mainEvents">
<span class="event famWars">
<a href="https://forms.gle/fbEMPJpeGRw8L26Y6" target="_blank">
<img class="eventImg" src="imgs/eventInfographics/famwars.png" alt="">
</a>
</span>
<span class="event masterChef">
<a href="https://forms.gle/ewmT2RQKHv3j5ppd9" target="_blank">
<img class="eventImg" src="imgs/eventInfographics/masterchef.png" alt="">
</a>
</span>
<span class="event mirror">
<a href="https://forms.gle/3YbPCCCM8zvDjrwt8" target="_blank">
<img class="eventImg" src="imgs/eventInfographics/mirror.png" alt="">
</a>
</span>
</div>
<div class="break"></div>
<div class="stickers">
<div>
<h1>Sticker Fundraiser</h1>
<h3 class="eventDesc">
We are in the middle of Drop 3 for our sticker fundraiser! Please click on the current stickers for more information.
</h3>
</div>
<div class="stickerDrop">
<h2>Drop 3</h2>
<a href="https://forms.gle/6T4C7C6uWzcaHREv7" target="_blank" class="stickerDrop">
<img class="sticker currentSticker" src="imgs/stickerPhotos/drop3_1_kiwi.png" alt="">
</a>
<a href="https://forms.gle/6T4C7C6uWzcaHREv7" target="_blank" class="stickerDrop">
<img class="sticker currentSticker" src="imgs/stickerPhotos/drop3_2_lettuce.png" alt="">
</a>
<a href="https://forms.gle/6T4C7C6uWzcaHREv7" target="_blank" class="stickerDrop">
<img class="sticker currentSticker" src="imgs/stickerPhotos/drop3_3_burger.png" alt="">
</a>
</div>
<div class="stickerDrop">
<h2>Drop 2</h2>
<img class="sticker pastSticker" src="imgs/stickerPhotos/drop2_1_tea.svg" alt="">
<img class="sticker pastSticker" src="imgs/stickerPhotos/drop2_2_corn.svg" alt="">
<img class="sticker pastSticker" src="imgs/stickerPhotos/drop2_3_mochi.svg" alt="">
</div>
<div class="stickerDrop">
<h2>Drop 1</h2>
<img class="sticker pastSticker" src="imgs/stickerPhotos/drop1_1_spam.svg" alt="">
<img class="sticker pastSticker" src="imgs/stickerPhotos/drop1_2_donut.svg" alt="">
<img class="sticker pastSticker" src="imgs/stickerPhotos/drop1_3_peach.svg" alt="">
</div>
</div>
<footer>
<div class="footer">
<div class="left column">
<img class="logo footerLogo inline footerMid" src="imgs/hoeLogo.png" alt="Logo">
</div>
<div class="middle column">
<div class="smaller">
<div>
© 2020-2021 University of California, Irvine - Circle K - All Rights Reserved.
</div>
<div>
Icons made by <a class="flatIcon" href="https://www.flaticon.com">FlatIcon</a>
</div>
</div>
<div class="ckiLogos inline">
<a href="http://www.cnhcirclek.org/divisions/citrus/">
<img src="imgs/ckiLogo.svg" alt="" id="ckiLogo">
</a>
<a href="http://www.cnhcirclek.org/">
<img src="imgs/cal-nev-ha.svg" alt="" id="calnevha">
</a>
<a href="https://www.circlek.org/">
<img src="imgs/citrusDivision.svg" alt="" id="citrusDiv">
</a>
</div>
</div>
<div class="right column">
<div>
Contact Us
</div>
<div>
<a href="mailto:[email protected]">
<img class="socialMediaFooter" src="imgs/email.svg" alt="">
</a>
<a href="https://www.instagram.com/hungerovereasy/">
<img class="socialMediaFooter" src="imgs/instagram.svg" alt="">
</a>
<a href="https://www.youtube.com/channel/UCrRE0Uhqm0b_KHn_5DrkU-A/featured">
<img class="socialMediaFooter" src="imgs/youtube.svg" alt="">
</a>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="js/landingPage.js"></script>
</body>
</html>