Professional Documents
Culture Documents
DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>TITLE HERE</h2>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>
<div class="item">
<img
src="https://lh3.googleusercontent.com/pw/AL9nZEUY61eK5dWTL1PgGHo43ClHYpm9k63-
_83yjS_7aEQRWDkKOn00vpXP-
ytnwr2F0w3YGOhyOjiy1XaMam0C5HZs5hspQ0ZSOd7iycAkI8cUVeL5nItZa3PwaNGFfhB0HsPqTK6nxTeU
evmwFbVmrg_i=w500-h400-no" alt="The Desert" style="width:100%;">
<div class="carousel-caption">
<h3>The Desert</h3>
<p>James, The Detective & La'die</p>
</div>
</div>
<div class="item">
<img
src="https://lh3.googleusercontent.com/pw/AL9nZEXoa_DXQ87yDHfA9aqxnzUMQrWbiLayNZhNI
YNLnbmUMWMfKoCFcHkBrMC4v-8lD3dNwf08IT3-
fCorbVXVyQdQ8x5DDr6nH8XeYrIAU4zdnYWZ2YJa07UJiDZu4pGsuTsCTOt_xjYF1Un4y2ODN7hM=w500-
h400-no" alt="Hellfire" style="width:100%;">
<div class="carousel-caption">
<h3>Hellfire</h3>
<p>You might burn yourself!</p>
</div>
</div>
</div>
</body>
</html>