-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (158 loc) · 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<meta name="keywords" content="CSEC, CSEC-W, CSEC-A, CSEC-S, Computer Science Enrichment Club, AMACSS, UTSC, ~csec, cs, algorithms, development, club, UTSC CS, UofT CS, University of Toronto, Scarborough, Computer Science, Programming, Programming Club, UTSC Programming Club, UTSC Computer Science Clubs, UTSC Computer Science, Nick's Programming Club, AMACSS">
<title>CSEC | Computer Science Enrichment Club</title>
<meta name="theme-color" content="#1d2731">
<meta name="description" content="Welcome to CSEC. The Computer Science Enrichment Club is a student-run group that focuses on helping students with a passion for Computer Science take the next steps in their career.">
<meta name="author" content="Computer Science Enrichment Club Web Division">
<!--- Open Graph -->
<meta property="og:image" content="images/csec-banner.png"/>
<!-- Bootstrap 4 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<!-- Font-Awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.6.3/js/all.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.6.3/js/v4-shims.js"></script>
<!-- Import Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet">
<!-- ReCaptcha support -->
<script src='https://www.google.com/recaptcha/api.js'></script>
<!-- AlertifyJs support -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.11.0/css/alertify.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.11.0/alertify.min.js" async></script>
<!-- Custom Stylesheet and js -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/scripts.js"></script>
</head>
<body>
<div class="container-fluid nav-nopadding">
<nav class="navbar navbar-toggleable-md navbar-inverse" id="navbar">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target=#navbar-items> <span class="navbar-toggler-icon"></span> </button>
<a class="navbar-brand" href="index"><img src="images/square_icon.png" width="30" height="30" class="d-inline-block align-top" alt=""></a>
<div class="collapse navbar-collapse" id="navbar-items">
<ul class="navbar-nav">
<li class="nav-item"> <a class="nav-link" href="/#about">About</a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;">Divisions</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="a/">Algorithms</a>
<a class="dropdown-item" href="https://www.facebook.com/UTSC-Game-Development-Club-2122684914729074/?notif_id=1553278918733242¬if_t=page_admin">Game Dev Guild</a>
<!-- <a class="dropdown-item" href="https://security.csec.club">CSEC-S</a>
<a class="dropdown-item" href="https://web.csec.club">CSEC-W</a> -->
</div>
</li>
<li class="nav-item"> <a class="nav-link" href="team">Team</a> </li>
<li class="nav-item"> <a class="nav-link" href="events">Events</a> </li>
<li class="nav-item"> <a class="nav-link" href="/#contact">Contact</a> </li>
<li class="nav-item">
<a class="nav-link" href="resources">Resources</a>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;">More</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="seminars">Past Seminars</a>
<a class="dropdown-item" target="_blank" href="documents/CSEC_Constitution_17-18.pdf">Constitution</a>
<a class="dropdown-item" target="_blank" href="documents/CSEC-Executive-Position-Application-Form.pdf">Application Form</a>
<a class="dropdown-item" href="archive">Archive</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<!-- Header -->
<div class="jumbotron image-overlay" id="main">
<div class="container"> <img src="images/hori.png" class="img-fluid logo">
<h1 class="page-header">Computer Science Enrichment Club</h1>
</div>
<br>
<h6>
<span style="color:#909fb5; font-weight:bold">Notice: </span><span style="color:orange">Keep updated with CSEC's <a style="color: #5b9aff" href="events">Events page</a> and check our new <a style="color: #5b9aff" href="resources">Resources page</a>!<br><br>Also join us on <a style="color: #5b9aff" href="https://discord.gg/4tWwRM4" target="_blank">Discord <i class="fab fa-discord"></i> </a></span>
</h6>
</div>
<!-- About -->
<div id="about">
<div class="container">
<h3 class="subtitle">About CSEC</h3>
<hr>
<p class="lead body-par"> The Computer Science Enrichment Club is a student-run group at
the University of Toronto Scarborough which focuses on helping students with a passion
for Computer Science take the next step. We do everything from hosting monthly learning
seminars to helping you create your own website.
<br><br>
This year, we'll be starting in mid-September, so be sure to follow us on any social media
to learn more!
</p>
<div class="row">
<div class="col-md-4 thirds-item"> <img src="images/learn2.jpg" class="img-fluid">
<h3 class="thirds-header">Discover...</h3>
<p>Interests you never knew you had through our engaging and exciting monthly seminars on everything from <b>Machine Learning</b> to <b>PC Building</b></p>
</div>
<div class="col-md-4 thirds-item"> <img src="images/create.jpg" class="img-fluid">
<h3 class="thirds-header" r>Create...</h3>
<p>Amazing projects and lasting friendships through our <b>Hackathons</b>, <b>Contests</b>, and more!</p>
</div>
<div class="col-md-4 thirds-item"> <img src="images/htv.jpg" class="img-fluid">
<h3 class="thirds-header">Meet...</h3>
<p>Future <b>Leaders</b>, <b>Innovators</b>, and <b>Entrepreneurs</b> and develop key connections at our various social events and networking nights!</p>
</div>
</div>
</div>
</div>
<!-- Events -->
<!-- <div id="divisions">
<div class="container">
<h3 class="subtitle">Three divisions, Three times the fun</h3>
<hr>
<p class="lead body-par"> Interested in something specific? Join one of our three comprehensive subdivisions to delve deep into each subject. Memberships are <b>always free</b> and we meet weekly to host discussions and teach important topics. </p>
<div class="row">
<div class="col-md-4 text-center thirds-item red-bg"> <img src="images/a.png" class="img-fluid card-image">
<h3 class="thirds-header white-text">Algorithms<hr></h3>
<p class="white-text">Learn about algorithms, competitive programming, the ACM-ICPC and compete with the best and brightest!</p> <a class="btn btn-secondary dark-card-btn" href="a/">Let's Go!</a> </div>
<div class="col-md-4 text-center thirds-item green-bg"> <img src="images/s.png" class="img-fluid card-image">
<h3 class="thirds-header white-text">Computer & Network Security<hr></h3>
<p class="white-text">Learn about advanced network security standards and compete in intense Capture the Flag competitions!</p> <a class="btn btn-secondary dark-card-btn" href="https://security.csec.club">Get Hacking!</a> </div>
<div class="col-md-4 text-center thirds-item indigo-bg"> <img src="images/w.png" class="img-fluid card-image">
<h3 class="thirds-header white-text">Web Development<hr></h3>
<p class="white-text">Learn about making dynamic websites, front-end and back-end development, and create your own portfolio!</p> <a class="btn btn-secondary dark-card-btn" href="https://web.csec.club">Take me there!</a> </div>
</div>
</div>
</div> -->
<!-- Social -->
<div id="contact">
<div class="container">
<h3 class="subtitle">Contact Us</h3>
<hr>
<p class="para">Reach us at any of the social media links or drop us a line with the form below! Also, be sure to join our <a href="form">Mailing List</a>!</p>
<div id="social"> <a href="https://github.com/csecutsc" target="_blank"><i class="fa fa-github"></i></a> <a href="https://www.facebook.com/pg/CSEC.UTSC/" target="_blank"><i class="fa fa-facebook-square"></i></a> <a href="https://www.youtube.com/channel/UC9x29X1_P9vhWe01g-D73xw" target="_blank"><i class="fa fa-youtube-square"></i></a><a href="https://www.facebook.com/groups/csec2016.utsc/" target="_blank"><i class="fa fa-users"></i></a> <a href="https://discord.gg/4tWwRM4" target="_blank"><i class="fab fa-discord"></i></a></div>
<div id="contact-links">
<div class="row">
<div class="col-6"> <a href="mailto:csec@utsc.utoronto.ca"><i class="fa fa-envelope fa-lg"></i><br>csec@utsc.utoronto.ca</a> </div>
<div class="col-6"> <a href="#"><i class="fa fa-phone-square fa-lg"></i><br>+1 (647) 575 3660</a> </div>
</div>
</div>
</div>
</div>
<!-- Contact -->
<div id="location">
<div class="container">
<h6>Computer Science Enrichment Club</h6>
<p>
<br> 1265 Military Trail
<br> Toronto, ON
<br> M1C 1A4</p>
<div class="row">
<div class="col-md-12"> © CSEC 2019. All Rights Reserved </div>
</div>
<div class="row">
<div class="col-md-12"> Made with <i class="fa fa-heart"></i> by CSEC-W Team</div>
</div>
</div>
</div>
</body>
</html>