-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
130 lines (115 loc) · 4.27 KB
/
Copy pathindex.html
File metadata and controls
130 lines (115 loc) · 4.27 KB
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
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>SGDC - Home</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/cover.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">SGDC</h3>
<nav>
<ul class="nav masthead-nav">
<li id="homeNav" class="nav-item active"><a href="#">Home</a></li>
<li id="catalogNav" class="nav-item"><a href="#">Catalog</a></li>
<li id="membersNav" class="nav-item"><a href="#">Members</a></li>
</ul>
</nav>
</div>
</div>
<!-- Full Page Image Background Carousel Header -->
<header id="myCarousel" class="carousel slide" data-interval="false">
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<div id="first-slide" class="item active"> <!-- home slide -->
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/club_photo.jpg');"></div>
<div class="mastfoot">
<p class="lead">Game Development Club at Stevens Institute of Technology</p>
</div>
</div>
<div id="second-slide" class="item"> <!-- catalog slide -->
<ul id="catalogSlide" class="rig">
</ul>
</div>
<div id="third-slide" class="item"> <!-- members slide -->
<section id="eboard">
<h1>Executive Board</h1>
<h2>President</h2>
<div id="president">
</div>
<h2>Vice President</h2>
<div id="vice_president">
</div>
<h2>Treasurer</h2>
<div id="treasurer">
</div>
<h2>Secretary</h2>
<div id="secretary">
</div>
</section>
<section id="minor_eboard">
<h1>Minor Board</h1>
<h2>Alumni Representative</h2>
<div id="alumni_rep">
</div>
<h2>Cabinet Manager</h2>
<div id="cabinet_man">
</div>
</section>
<h1>General Members</h1>
<section id="general_members">
</section>
</div>
</div>
</header>
<!-- modal for displaying game info -->
<div id="gameInfoDialog" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="game-txt modal-title"></h4>
</div>
<div class="modal-body row">
</div>
<div class="modal-footer">
<div style="float:left">
<a href="#" id="play-btn" class="btn btn-info" role="button" target="_blank">Play</a>
<a href="#" id="amazon-btn" class="btn btn-info" role="button" target="_blank">Amazon Store</a>
<a href="#" id="google-btn" class="btn btn-info" role="button" target="_blank">Google Play</a>
<a href="#" id="apple-btn" class="btn btn-info" role="button" target="_blank">Apple Store</a>
<a href="#" id="steam-btn" class="btn btn-info" role="button" target="_blank">Steam</a>
<a href="#" id="src-btn" class="btn btn-info" role="button" target="_blank">Source</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 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.2/jquery.min.js"></script>
<script src="js/nav.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/mustache.min.js"></script>
</body>
</html>