-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcontact.html
executable file
·137 lines (133 loc) · 5.86 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Looking to get in contact with us? Shoot us an email or come visit our office on the third floor of the Campus Center.">
<title>Lens and Lights | Contact Us</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/main.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-66611753-1', 'auto');
ga('send', 'pageview');
</script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function(){
$("#header").load("/assets/html/header.html");
$("#footer").load("/assets/html/footer.html");
});
</script>
</head>
<body>
<div id="header"></div>
<section class="bg-dark">
<br>
<div class="container" id="alert"></div>
<div class="container mt-4 pb-4 text-white">
<div class="jumbotron" style="color: black; background-color: #eee">
<h2>Contact Us</h2>
<p>The primary way to contact us is through our email address, <a href='mailto:[email protected]' class="text-primary">[email protected]</a></p>
<p><strong>Phone:</strong> <a href="tel:508-831-5595" class="text-primary">508-831-5595</a></p>
<!--<p>Fax: 508-831-6045</p>-->
<address>
<p><strong>Mailing address:</strong><br><span style="color: black">
WPI Lens and Lights<br>
100 Institute Road<br>
Worcester, MA 01609</span></p>
</address>
</div>
<div class="jumbotron" style="background-color: #212529">
<h3>Meetings</h3>
<br>
<p><span style="color: yellow; font-weight: bold">General Meetings:</span> 5:00 PM Wednesdays in Room 233 of Atwater Kent<br>
<span style="color: yellow; font-weight: bold">Executive Board Meetings:</span> 5:00 PM Mondays in the Campus Center Morgan Room</p>
</div>
<h3>Office</h3>
<p>You can also come visit our office on the third floor of the Campus Center (Room 339). Office hours are posted below.</p>
<div class="table-responsive bg-light">
<table class="table table-light" style="color: black">
<thead class="table-dark">
<tr>
<td>Officer</td>
<td>Position</td>
<td>Location</td>
<td>Hours</td>
<td>Contact</td>
</tr>
</thead>
<tbody id="hours">
</tbody>
</table>
</div>
<br>
<h3 id="update-header"></h3>
<br>
<div id="updates"></div>
</div>
</section>
<!--Modal Views-->
<div class="modal" tabindex="-1" role="dialog" id="critical-alert">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" id="alert-header">
<h5 class="modal-title" id="alert-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="alert-message">
<p></p>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<form id="page-id">
<input hidden name="project_id" value="LNL">
<input id="dirID" hidden name="directory" value="">
<input id="pageID" hidden name="page_id" value="">
</form>
<div id="footer"></div>
<script>
function setYear() {
document.getElementById("year").innerHTML = (new Date()).getFullYear();
getNotifications();
getOfficers(false);
}
function toggleMenu(){
if (document.getElementById("nav").style.display == "block"){
document.getElementById("nav").style.display = "none";
}else{
document.getElementById("nav").style.display = "block";
}
}
window.onload = setYear;
</script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="assets/js/api.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>