-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (118 loc) · 5.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>CSclub@jacobs</title>
<!-- Latest compiled and minified CSS -->
<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">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Custom styles for this website -->
<link href="jcsclub.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Comfortaa|Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-gradient">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">CSclub@Jacobs </a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#registration">Registration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/jacobsCSclub/website/blob/master/RESOURCES.md">Resources</a>
</li>
</ul>
<ul class="nav navbar-nav float-xs-right">
<li class="nav-item">
<a class="nav-link" href="">
<img height="24" width="24" src="https://upload.wikimedia.org/wikipedia/commons/7/76/Slack_Icon.png"/>
Slack
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/jacobsCSclub">
<img height="24" width="24" src="http://www.freeiconspng.com/uploads/github-logo-icon-2.png"/>
Github
</a>
</li>
</ul>
</div>
</nav>
<div class="content">
<div class="header" id="registration">
<h1>Club Registration (Fall 2018)</h1>
<h5 class="text-muted">Get involved with the Computer Science Club @ Jacobs University!</h5>
</div>
<div class="google-form">
<iframe
src="https://goo.gl/forms/9B73W45oFRHhPrLE2"
width="800"
height="600"
frameborder="0"
marginheight="0"
marginwidth="0"
>
Loading...
</iframe>
</div>
<div class="button-bar">
<a href="https://csclubjacobs.slack.com">
<button class="button-box">
Join our Slack
</button>
</a>
<a href="https://github.com/jacobsCSclub">
<button class="button-box pulse">
Join our GitHub
</button>
</a>
</div>
<div class="button-bar">
<img height="24" width="24" src="https://upload.wikimedia.org/wikipedia/commons/7/76/Slack_Icon.png" />
<img height="24" width="24" src="http://www.freeiconspng.com/uploads/github-logo-icon-2.png" />
</div>
<hr class="featurette-divider">
<div class="container section">
<div class="row featurette">
<div class="col-md-5">
<i class="material-icons" style="font-size: 192px">build</i>
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Site under development.</h2>
<p class="lead">Looking to help out? Want to get a start on web development? Help us build this website on <a href="https://github.com/jacobsCSclub">GitHub</a>.</p>
</div>
</div>
<br />
<br />
<footer>
<p class="float-right"><a href="#">Go to top</a></p>
<p>© 2018, CSclub@Jacobs</p>
</footer>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></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>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$(".button-box").mouseenter(function(event) {
$(this).addClass("animated infinite tada");
});
$(".button-box").mouseleave(function(event) {
$(this).removeClass("animated infinite tada");
});
});
</script>
</body>
</html>