Document

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 2

<!

DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Carrousel Bootstrap</title>

<!-- CSS Bootstrap -->

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet">

</head>

<body>

<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">

<div class="carousel-inner">

<div class="carousel-item active">

<img src="image1.jpg" class="d-block w-100" alt="Image 1">

</div>

<div class="carousel-item">

<img src="image2.jpg" class="d-block w-100" alt="Image 2">

</div>

<div class="carousel-item">

<img src="image3.jpg" class="d-block w-100" alt="Image 3">

</div>

</div>

<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"


data-bs-slide="prev">

<span class="carousel-control-prev-icon" aria-hidden="true"></span>

<span class="visually-hidden">Précédent</span>

</button>

<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"


data-bs-slide="next">

<span class="carousel-control-next-icon" aria-hidden="true"></span>


<span class="visually-hidden">Suivant</span>

</button>

</div>

<!-- JavaScript Bootstrap (facultatif si vous n'utilisez pas de composants JavaScript) -->

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></
script>

</body>

</html>

You might also like