-
Notifications
You must be signed in to change notification settings - Fork 72
/
Copy pathevents.html
139 lines (125 loc) · 6.85 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page
––––––––––––––––––––––––––––––––––––––––––––––––––-------------------------->
<meta charset="utf-8">
<title>UAH ACM</title>
<meta name="description" content="UAH ACM Student Chapter">
<meta name="author" content="Joshua Estes">
<!-- Mobile Specific Metas
––––––––––––––––––––––––––––––––––––––––––––––––––-------------------------->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT –––––––––––––––––––––––––––––––––––––––––––––––––----------------->
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Heebo:800" rel="stylesheet" type="text/css">
<!-- CSS ––––––––––––––––––––––––––––––––––––––––––––––––––------------------------->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/navbar-redesign.css">
<script type="text/javascript" src=".\scripts\resize-functions.js"></script>
<!-- Favicon ––––––––––––––––––––––––––––––––––––––––––––––––––--------------------->
<link rel="icon" type="image/png" href="images/acm_logo.png">
</head>
<body>
<header>
<div class="container-404">
<div class="acm-logo">
<a><img scale src="images/acm_logo_wide_resize.png" style="position: relative" alt="UAH ACM"/></a>
<!-- <a><img height="30px" src="images/logobanner-resized.png" style="position:relative"></a> -->
</div>
<div class="options">
<a href="index.html">Home</a>
<a href="aboutus.html">About</a>
<a href="contactus.html">Contact</a>
<a href="events.html">Events</a>
<a href="membership.html">Membership</a>
<a href="projects.html">Projects</a>
</div>
</div>
</header>
<!--Content------------------------------------------------------>
<!--Three Tiles-->
<div class="container main">
<h1>Events</h1>
<div class="row">
<div class="twelve columns">
<div style="font-size: large">
<h1>Charger Connect</h1>
</div>
<div style="font-size: large; display: flex; justify-content: center;">
<p>See all of our upcoming events on our Charger Connect page!</p>
</div>
<a class="button button-primary" href="https://uah.campuslabs.com/engage/organization/acm">EVENTS</a>
</div>
</div>
<div class="row">
<div class="twelve columns">
<div style="font-size: large">
<h1>Google Calendar</h1>
</div>
<div class="row">
<div style="display: flex; justify-content: center;">
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23039BE5&ctz=America%2FChicago&showTitle=1&showNav=1&showPrint=0&showCalendars=0&src=YWNtQHVhaC5lZHU&color=%23039BE5" style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<div style="font-size: large; display: flex; justify-content: center;">
<p>You can subscribe to our Google Calendar so you'll automatically see what meetings and events we've got planned! Just follow these steps to subscribe to the calendar:</p>
</div>
<div style="font-size: large;">
<ul style="list-style-type: square;">
<li>On Google Calendar, look for the "Other Calendars" section in the bottom of the left menu.</li>
<img src="images/CalendarInstructions/add-calendar.png" width="30%" alt="Calendar Instructions" />
<li>Click the plus button, then select the "Subscribe to Calendar" option.</li>
<img src="images/CalendarInstructions/subscribe-calendar.png" width="30%" alt="Calendar Instructions" />
<li>In the text box, enter "[email protected]" to search for our ACM calendar.</li>
<img src="images/CalendarInstructions/input-email.png" width="30%" alt="Calendar Instructions" />
<li>Once you've added our calendar, you can rename it or change the calendar color!</li>
</ul>
</div>
</div>
</div>
<br>
<div id="bar">
<div class="row" id="desktop">
<div class="four columns">
<div class="left">
<div class="leftimage">
<a href="https://www.acm.org"><img src="images/acm-logo-transparent.png" width="100%"
alt="Association for Computing Machinery" style="position: relative;"></a>
</div>
</div>
</div>
<div class="four columns" style="font-size: medium">
<div class="left">
<div class="rightimage">
<a href="index.html">Home</a>
<h1></h1>
<a href="aboutus.html">About</a>
<h1></h1>
<a href="membership.html">Membership</a>
</div>
</div>
</div>
<div class="four columns" style="font-size: medium">
<div class="right">
<div class="rightimage">
<a href="projects.html">Projects</a>
<h1></h1>
<a href="contactus.html">Contact</a>
<h1></h1>
<a href="membersites.html">One Month Projects</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
driverCode();
window.onresize = driverCode;
</script>
</body>
</html>