-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathsocial.html
152 lines (146 loc) · 8.26 KB
/
social.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Collate, SoC style</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/page.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-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="#">Collage</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Main</a></li>
<li><a href="acad.html">Acad</a></li>
<li><a href="admin.html">Admin</a></li>
<li><a href="bidding.html">Bidding</a></li>
<li><a href="email.html">Email</a></li>
<li><a href="food.html">Food</a></li>
<li><a href="halls.html">Halls</a></li>
<li><a href="internet.html">Internet</a></li>
<li><a href="misc.html">Misc</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="printing.html">Printing</a></li>
<li class="active"><a href="social.html">Social Media</a></li>
<li><a href="travel.html">Travel</a></li>
<li><a href="work.html">Work</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar -->
<div class="container">
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-9">
<div class="jumbotron">
<h1>Social Media Channels</h1>
<p>Want updates on what's happening in School of Computing? Stay connected via these channels!</p>
</div>
<div class="row">
<div class="col-6 col-sm-6 col-lg-4">
<h2>NUS School of Computing</h2>
<p>Official NUS School of Computing Social Media channels. Plenty of giveaways, lots of information about activities happening around the computing community inside and outside NUS.</p>
<p><a class="btn btn-primary btn-block" href="https://www.facebook.com/NusSchoolOfComputing" role="button">Facebook</a></p>
<p><a class="btn btn-warning btn-block" href="https://www.instagram.com/nuscomputing/" role="button">Instagram</a></p>
<p><a class="btn btn-info btn-block" href="https://twitter.com/NUSComputing" role="button">Twitter</a></p>
</div><!--/span-->
<div class="col-6 col-sm-6 col-lg-4">
<h2>NUS Students' Computing Club</h2>
<p>Official Facebook page for the NUS Student's Computing Club! Events, happenings, and much much more updated here!</p>
<p><a class="btn btn-info btn-block" href="http://www.nuscomputing.com/" role="button">Website</a></p>
<p><a class="btn btn-warning btn-block" href="https://www.instagram.com/nuscomputingclub/" role="button">Instagram</a></p>
<p><a class="btn btn-primary btn-block" href="http://www.facebook.com/nuscomputing" role="button">Facebook</a></p>
</div><!--/span-->
<div class="col-6 col-sm-6 col-lg-4">
<h2>NUS Hackers</h2>
<p>
In the jargon of the computer programmer, a hacker is someone who strives to solve problems in elegant and ingenious ways.
</p>
<p>
NUS Hackers is a student-run organization committed to the spread of hacker culture & free/open-source software.
</p>
<p>If you love hacking out software, or just plain interested in tech, stay connected via:</p>
<p><a class="btn btn-warning btn-block" href="http://nushackers.org/" role="button">Website</a></p>
<p><a class="btn btn-info btn-block" href="https://twitter.com/nushackers" role="button">Twitter</a></p>
<p><a class="btn btn-primary btn-block" href="https://www.facebook.com/NUSHackers/" role="button">Facebook</a></p>
</div><!--/span-->
<div class="col-6 col-sm-6 col-lg-4">
<h2>NUS GreyHats</h2>
<p>From the idea that every computing student ought to know security, NUS Greyhats was borne to make the change.</p>
<p>Interested? Find out more below!</p>
<p><a class="btn btn-warning btn-block" href="http://nusgreyhats.org/" role="button">Website</a></p>
<p><a class="btn btn-primary btn-block" href="https://www.facebook.com/groups/nusgreyhats/" role="button">Facebook</a></p>
</div><!--/span-->
<div class="col-6 col-sm-6 col-lg-4">
<h2>NUS Games Development Group</h2>
<p>The SoC Student Interest Group for students who are passionate about developing games!</p>
<p><a class="btn btn-primary btn-block" href="http://www.facebook.com/NusGamesDevelopmentGroup" role="button">Facebook</a></p>
<p><a class="btn btn-info btn-block" href="http://nusgdg.org/" role="button">Website</a></p>
</div><!--/span-->
<div class="col-6 col-sm-6 col-lg-4">
<h2>NUS SoC LinkedIn</h2>
<p>Valuable connections. Important connections, connecting back to school. Stay connected TODAY!</p>
<p><a class="btn btn-info btn-block" href="http://www.linkedin.com/company/nusschoolofcomputing" role="button">NUS SoC LinkedIn</a></p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>Mr Desmond Teo</h2>
<p>
Career Guide for NUS School of Computing. The person to look for should you have any doubts in your career path.
</p>
<p>
Very experienced career coach, with the ability to improve your employability - provided you are willing to listen and change.
</p>
<p>
<a class="btn btn-info btn-block" href="http://www.linkedin.com/pub/desmond-teo/15/622/23b" role="button">
His LinkedIn Profile
</a>
<a class="btn btn-primary btn-block" href="http://goo.gl/WkBDP" role="button">
His Google Calendar
</a>
</p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>SoC Freshman Orientation Projects</h2>
<p>Freshman Orientation - the best way to get to know the freshman of the upcoming year. </p>
<p><a class="btn btn-primary btn-block" href="http://www.facebook.com/SoCFOP" role="button">NUS SoC FOP</a></p>
</div>
<div class="col-6 col-sm-6 col-lg-4">
<h2>Computing Community</h2>
<p>
No, we are not an official student body in NUS, neither in SoC. We are just a bunch of Computing Students who just got together one day and wondered if "Change the thoughts, Change the world", while having fun++.
</p>
<p>
<a class="btn btn-primary btn-block" href="http://www.facebook.com/ComputingCommunity" role="button">
Our facebook page
</a>
</p>
</div>
</div><!--/row-->
</div><!--/span-->
</div><!--/row-->
<hr>
<footer>
<p>© 2014 <a href="http://www.facebook.com/andrewkzk">Collator</a> | Anything on this site is purely my humble opinion :)</p>
</footer>
</div><!--/.container-->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/page.js"></script>
</body>
</html>