forked from mifrahm/WesternACM
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
228 lines (208 loc) · 12.6 KB
/
index.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
Document Title
=============================================
-->
<title>WACM | Western Association of Computing and Mathematics</title>
<!--
Favicons
=============================================
-->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/images/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/images/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--
Stylesheets
=============================================
-->
<!-- Default stylesheets-->
<link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Template specific stylesheets-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Volkhov:400i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link href="assets/lib/animate.css/animate.css" rel="stylesheet">
<link href="assets/lib/components-font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/lib/et-line-font/et-line-font.css" rel="stylesheet">
<link href="assets/lib/flexslider/flexslider.css" rel="stylesheet">
<link href="assets/lib/owl.carousel/dist/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/lib/owl.carousel/dist/assets/owl.theme.default.min.css" rel="stylesheet">
<link href="assets/lib/magnific-popup/dist/magnific-popup.css" rel="stylesheet">
<link href="assets/lib/simple-text-rotator/simpletextrotator.css" rel="stylesheet">
<!-- Main stylesheet and color file-->
<link href="assets/css/style.css" rel="stylesheet">
<link id="color-scheme" href="assets/css/colors/default.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".onpage-navigation" data-offset="60">
<main>
<div class="page-loader">
<div class="loader">Loading...</div>
</div>
<nav class="navbar navbar-custom navbar-fixed-top navbar-transparent" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#custom-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" width=100px></a>
</div>
<div class="collapse navbar-collapse" id="custom-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#totop">Home</a></li>
<li><a class="section-scroll" href="/about.html">About</a></li>
<li><a class="section-scroll" href="#events">Events</a></li>
<li><a href="https://www.facebook.com/WesternACM/">News</a></li>
<li><a href="/getinvolved.html">Get Involved</a></li>
</ul>
</div>
</div>
</nav>
<section class="home-section home-parallax home-fade home-full-height bg-dark-60 agency-page-header" id="home" data-background="assets/images/header.jpg">
<div class="titan-caption">
<div class="caption-content">
<div class="font-alt mb-30 titan-title-size-1">Western Sydney University - School of Computing, Data and Mathematical Sciences</div>
<div class="font-alt mb-40 titan-title-size-3">Western Association of</div>
<div class="font-alt mb-40 titan-title-size-3">Computing & Mathematics</div>
</div>
</div>
</section>
<div class="main">
<section class="module pt-0 pb-0" id="about">
<div class="row position-relative m-0">
<div class="col-xs-12 col-md-6 side-image" data-background="assets/images/wacmabout.png"></div>
<div class="col-xs-12 col-md-6 col-md-offset-6 side-image-text">
<div class="row">
<div class="col-sm-12">
<h2 class="module-title font-alt align-left">About Us</h2>
<p>The Western Association of Computing and Mathematics (WACM) is a newly established university club aimed to represent the computing, mathematics and data science students at Western Sydney University.</p>
<p>Our vision is to bring together and empower the students of the to-be established School of Computing, Data and Mathematics at WSU.</p>
<p>WACM aims to organise events to enhance both the student experience and build networking opportunities for our computing and mathematics students. We also aim to bridge the gap between students and employers by promoting professional development and fostering creative thinking to build a culture of entrepreneurship within its members.</p>
</div>
</div>
<a class="btn btn-b btn-round" href="/about.html">Learn More</a>
</div>
</div>
</section>
<!-- Events images are saved under assets > events, please note that images must be exactly 940 x 567 -->
<section class="module pb-0" id="events">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<h2 class="module-title font-alt">Events</h2>
<div class="module-subtitle font-serif"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="filter font-alt" id="filters">
<li><a class="current wow fadeInUp" href="#" data-filter="*">All Events</a></li>
<li><a class="wow fadeInUp" href="#" data-filter=".upcoming" data-wow-delay="0.2s">Upcoming Events</a></li>
<li><a class="wow fadeInUp" href="#" data-filter=".past" data-wow-delay="0.4s">Past Events</a></li>
</ul>
</div>
</div>
<ul class="works-grid works-grid-gut works-grid-3 works-hover-d" id="works-grid">
<!--
This is a template fo new events
<li class="work-item upcoming"><a href="link to facebook event page" target="_blank">
<div class="work-image"><img src="image of flyer" alt="name of event"/></div>
<div class="work-caption font-alt">
<h3 class="work-title">name of event</h3>
<div class="work-descr">Day, Month, Year</div>
</div></a></li>
For old events, you can omit the day
-->
<li class="work-item past"><a href="https://www.facebook.com/pg/WesternACM/photos/?tab=album&album_id=132278691467010" target="_blank">
<div class="work-image"><img src="assets/images/events/trivia2019.jpg" alt="STEM Trivia Night"/></div>
<div class="work-caption font-alt">
<h3 class="work-title">STEM Trivia Night</h3>
<div class="work-descr">September 2019</div>
</div></a></li>
<li class="work-item past"><a href="https://www.facebook.com/events/ee-auditorium/western-pitch-day/751679878600125/" target="_blank">
<div class="work-image"><img src="assets/images/events/pitchday2019.jpg" alt="Pitch Day"/></div>
<div class="work-caption font-alt">
<h3 class="work-title">Pitch Day</h3>
<div class="work-descr">September, 2019</div>
</div></a></li>
<li class="work-item past"><a href="https://www.facebook.com/pg/WesternACM/photos/?tab=album&album_id=139967184031494" target="_blank">
<div class="work-image"><img src="assets/images/events/ibm2019.jpg" alt="IBMxWACM AI Design Thinking Workshop"/></div>
<div class="work-caption font-alt">
<h3 class="work-title">IBM x WACM AI Design Thinking Workshop</h3>
<div class="work-descr">October, 2019</div>
</div></a></li>
</ul>
</div>
</section>
<section class="module-small bg-dark">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-8 col-lg-6 col-lg-offset-2">
<div class="callout-text font-alt">
<h3 class="callout-title">Want to get notified?</h3>
<p>Subscribe to our mailing list.</p>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-2">
<div class="callout-btn-box"><a class="btn btn-w btn-round" href="https://gmail.us20.list-manage.com/subscribe/post?u=4115d736f9498dc5a85a91d09&id=a96d564958" target="_blank">Subscribe</a></div>
</div>
</div>
</div>
</section>
<hr class="divider-w">
<hr class="divider-d">
<footer class="footer bg-dark">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="copyright font-alt">© 2019 <img src="assets/images/logofooter.png" width=25px> Western ACM, theme by <a href="https://github.com/technext/Titan" target="_blank">TitaN</a></p>
</div>
<div class="col-sm-6">
<div class="footer-social-links">
<a href="https://www.facebook.com/WesternACM/" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://www.instagram.com/WesternACM/" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/westernacm" target="_blank"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="scroll-up"><a href="#totop"><i class="fa fa-angle-double-up"></i></a></div>
</main>
<!--
JavaScripts
=============================================
-->
<script src="assets/lib/jquery/dist/jquery.js"></script>
<script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/lib/wow/dist/wow.js"></script>
<script src="assets/lib/jquery.mb.ytplayer/dist/jquery.mb.YTPlayer.js"></script>
<script src="assets/lib/isotope/dist/isotope.pkgd.js"></script>
<script src="assets/lib/imagesloaded/imagesloaded.pkgd.js"></script>
<script src="assets/lib/flexslider/jquery.flexslider.js"></script>
<script src="assets/lib/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="assets/lib/smoothscroll.js"></script>
<script src="assets/lib/magnific-popup/dist/jquery.magnific-popup.js"></script>
<script src="assets/lib/simple-text-rotator/jquery.simple-text-rotator.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>