|
7 | 7 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> |
8 | 8 |
|
9 | 9 | <link rel="stylesheet" href="../static/styles/fonts.css" /> |
| 10 | + <link rel="stylesheet" href="../static/styles/indexPage.css"> |
10 | 11 |
|
11 | 12 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
12 | 13 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> |
|
22 | 23 | </head> |
23 | 24 | <body> |
24 | 25 | <div class="container-fluid"> |
25 | | - <nav class="nav navbar navbar-inverse navbar-fixed-top"> |
| 26 | + <nav class="nav navbar navbar-default navbar-inverse navbar-fixed-top"> |
26 | 27 | <div class="navbar-header"> |
27 | 28 | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> |
28 | 29 | <span class="icon-bar"></span> |
@@ -74,23 +75,7 @@ <h1 style="...">Events</h1> |
74 | 75 | <br> |
75 | 76 | <div id="myCarousel" class="carousel slide" data-ride="carousel"> |
76 | 77 | <!-- Indicators --> |
77 | | - <ol class="carousel-indicators"> |
78 | | - <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
79 | | - <li data-target="#myCarousel" data-slide-to="1"></li> |
80 | | - <li data-target="#myCarousel" data-slide-to="2"></li> |
81 | | - <li data-target="#myCarousel" data-slide-to="3"></li> |
82 | | - <li data-target="#myCarousel" data-slide-to="4"></li> |
83 | | - <li data-target="#myCarousel" data-slide-to="5"></li> |
84 | | - <li data-target="#myCarousel" data-slide-to="6"></li> |
85 | | - <li data-target="#myCarousel" data-slide-to="7"></li> |
86 | | - <li data-target="#myCarousel" data-slide-to="8"></li> |
87 | | - <li data-target="#myCarousel" data-slide-to="9"></li> |
88 | | - <li data-target="#myCarousel" data-slide-to="10"></li> |
89 | | - <li data-target="#myCarousel" data-slide-to="11"></li> |
90 | | - <li data-target="#myCarousel" data-slide-to="12"></li> |
91 | | - <li data-target="#myCarousel" data-slide-to="13"></li> |
92 | | - <li data-target="#myCarousel" data-slide-to="14"></li> |
93 | | - </ol> |
| 78 | + |
94 | 79 |
|
95 | 80 | <!-- Wrapper for slides --> |
96 | 81 | <div class="carousel-inner" role="listbox"> |
@@ -200,16 +185,34 @@ <h3>Live Monopoly</h3> |
200 | 185 | </div> |
201 | 186 | </div> |
202 | 187 | </div> |
203 | | - |
| 188 | + <div class="carousel-controls"> |
204 | 189 | <!-- Left and right controls --> |
205 | | - <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> |
| 190 | + <a class="left carousel-control" id="left" href="#myCarousel" role="button" data-slide="prev"> |
206 | 191 | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> |
207 | 192 | <span class="sr-only">Previous</span> |
208 | 193 | </a> |
209 | | - <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> |
| 194 | + <ol class="carousel-indicators"> |
| 195 | + <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| 196 | + <li data-target="#myCarousel" data-slide-to="1"></li> |
| 197 | + <li data-target="#myCarousel" data-slide-to="2"></li> |
| 198 | + <li data-target="#myCarousel" data-slide-to="3"></li> |
| 199 | + <li data-target="#myCarousel" data-slide-to="4"></li> |
| 200 | + <li data-target="#myCarousel" data-slide-to="5"></li> |
| 201 | + <li data-target="#myCarousel" data-slide-to="6"></li> |
| 202 | + <li data-target="#myCarousel" data-slide-to="7"></li> |
| 203 | + <li data-target="#myCarousel" data-slide-to="8"></li> |
| 204 | + <li data-target="#myCarousel" data-slide-to="9"></li> |
| 205 | + <li data-target="#myCarousel" data-slide-to="10"></li> |
| 206 | + <li data-target="#myCarousel" data-slide-to="11"></li> |
| 207 | + <li data-target="#myCarousel" data-slide-to="12"></li> |
| 208 | + <li data-target="#myCarousel" data-slide-to="13"></li> |
| 209 | + <li data-target="#myCarousel" data-slide-to="14"></li> |
| 210 | + </ol> |
| 211 | + <a class="right carousel-control" id="right" href="#myCarousel" role="button" data-slide="next"> |
210 | 212 | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> |
211 | 213 | <span class="sr-only">Next</span> |
212 | 214 | </a> |
| 215 | + </div> |
213 | 216 | </div> |
214 | 217 | </div> |
215 | 218 | </div> |
|
0 commit comments