35 lines
1,018 B
HTML
35 lines
1,018 B
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<!-- Bootstrap page for displaying a list of videos retrieved using Javascript requests -->
|
||
|
<head>
|
||
|
<meta charset="UTF-8" />
|
||
|
<title>Video List</title>
|
||
|
<link
|
||
|
rel="stylesheet"
|
||
|
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
|
||
|
/>
|
||
|
</head>
|
||
|
<body>
|
||
|
<!-- Displaying the list of videos -->
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-md-12">
|
||
|
<h1>Video List</h1>
|
||
|
<table class="table table-bordered">
|
||
|
<thead>
|
||
|
<tr>
|
||
|
<th>Video Thumbnail</th>
|
||
|
<th>Video Title</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody id="video-list"></tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- Javascript code for retrieving the list of videos -->
|
||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||
|
<script src="assets/main.js"></script>
|
||
|
</body>
|
||
|
</html>
|