Use bootstrap cards
This commit is contained in:
+18
-36
@@ -11,45 +11,27 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="bd-header bg-primary py-3 d-flex align-items-stretch border-bottom border-dark">
|
||||
<div class="container-fluid d-flex align-items-center">
|
||||
<h1 class="d-flex align-items-center fs-4 text-white mb-0" id="counter">
|
||||
Next refresh in 60
|
||||
</h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container bg-primary text-white padding-3" id="counter">
|
||||
<h2 id="refresh_counter_text">Next refresh in 60</h2>
|
||||
</div>
|
||||
<div class="container" >
|
||||
<h2>Events Happening Now</h2>
|
||||
<div class="row" id="happeningNow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" id="happeningNow">
|
||||
<h2>Events Happening Now</h2>
|
||||
<table class="table table-bordered" id="now">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col">Venue</th>
|
||||
<th scope="col">Video Team Needed</th>
|
||||
<th scope="col">Privacy</th>
|
||||
<th scope="col">Comments</th>
|
||||
<th scope="col">Ends In</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<hr />
|
||||
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="container" >
|
||||
<h2>Events Happening Next</h2>
|
||||
<div class="row" id="happeningNext">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" id="happeningNext">
|
||||
<h2>Events Happening Next</h2>
|
||||
<table class="table table-bordered" id="next">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col">Venue</th>
|
||||
<th scope="col">Video Team Needed</th>
|
||||
<th scope="col">Privacy</th>
|
||||
<th scope="col">Comments</th>
|
||||
<th scope="col">Starts In</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user