-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
100 lines (92 loc) · 5.4 KB
/
events.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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>CollegeCatch | Events</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="html5up-spectral/assets/css/main.css" />
<noscript><link rel="stylesheet" href="html5up-spectral/assets/css/noscript.css" /></noscript>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script type="text/javascript" src="https://stylemygcal.com/widget.js"></script> <!--Style My G Cal-->
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,800;1,300&display=swap" rel="stylesheet">
<script src="audio.js"></script>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">CollegeCatch</a></h1>
<div id="togglecontainer">
<span id="on" onclick="playMusic()"></span>
<span id="off" onclick="pauseMusic()"></span>
</div>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="bloghome.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="credits.html">Credits</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header>
<h2>Events</h2>
<p>See what's happening around Boston-area colleges and universities!</p>
</header>
<section class="wrapper style6">
<div class="inner">
<div id="blog1">
<h2>Going Out</h2>
<p>Getting out and having fun is a great way to meet other students and other people who share your interests. Take a look at the curated calendar below for fun upcoming events in the Boston area, mostly accessible by public transportation, and find your boo (and maybe some new friends, too) while exploring Boston!</p>
<h3>Events Calendar</h3>
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23f9b9b7&ctz=America%2FNew_York&src=Y29sbGVnZWNhdGNoYm9zdG9uQGdtYWlsLmNvbQ&color=%23D81B60" style="border:solid 10px #f06c9b; border-radius:15px;" width="800" height="600" frameborder="0" scrolling="no"></iframe>
<p>Have a fun event you want to add? Click the Subscribe button to add our Google Calendar to yours, and create a new event!</p>
<h3>Fun Boston Date Night Recs!</h3>
<p>If you're looking for something fun to do with a partner in the Boston area, try these student friendly options:</p>
<ul>
<li>Most <a href="https://www.bostonmagazine.com/restaurants/best-north-end-restaurants/">Italian restaurants in the North End</a> - there's a type of pasta for everyone.</li>
<li>Take a tour of the <a href="https://www.mfa.org/">MFA</a> or the <a href="https://www.gardnermuseum.org/">Isabella Stewart Gardner Museum</a> - students in the area usually get discounts or even free entry!</li>
<li>Have a picnic at one of Boston's many green spaces: you can try the <a href="https://arboretum.harvard.edu/">Arnold Arboretum</a> or the <a href="https://esplanade.org/">Esplanade</a>!</li>
<li>Try a night of bowling or arcade games at <a href="https://www.luckystrikeent.com/locations/fenway/">Lucky Strike</a>!</li>
</ul>
</div>
</div>
</section>
</article>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>Jennifer Price, Giselle Mehta, & Gigi Alcaraz © 2022</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="html5up-spectral/assets/js/jquery.min.js"></script>
<script src="html5up-spectral/assets/js/jquery.scrollex.min.js"></script>
<script src="html5up-spectral/assets/js/jquery.scrolly.min.js"></script>
<script src="html5up-spectral/assets/js/browser.min.js"></script>
<script src="html5up-spectral/assets/js/breakpoints.min.js"></script>
<script src="html5up-spectral/assets/js/util.js"></script>
<script src="html5up-spectral/assets/js/main.js"></script>
</body>
</html>