<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
/>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
title
>geeksforgeeks</
title
>
</
head
>
<
body
style
=
"width:70%;"
>
<
div
id
=
"carouselExampleIndicators"
class
=
"carousel slide"
data-ride
=
"carousel"
>
<
ol
class
=
"carousel-indicators"
>
<
li
data-target
=
"#carouselExampleIndicators"
data-slide-to
=
"0"
class
=
"active"
></
li
>
<
li
data-target
=
"#carouselExampleIndicators"
data-slide-to
=
"1"
></
li
>
<
li
data-target
=
"#carouselExampleIndicators"
data-slide-to
=
"2"
></
li
>
</
ol
>
<
div
class
=
"carousel-inner"
>
<
div
class
=
"carousel-item active"
>
<
img
class
=
"d-block w-100"
src
=
alt
=
"Second slide"
>
</
div
>
<
div
class
=
"carousel-item"
>
<
img
class
=
"d-block w-100"
src
=
alt
=
"First slide"
>
</
div
>
<
div
class
=
"carousel-item"
id
=
"image2"
>
<
img
class
=
"d-block w-100"
src
=
alt
=
"Third slide"
>
</
div
>
</
div
>
<
a
class
=
"carousel-control-prev"
href
=
"#carouselExampleIndicators"
role
=
"button"
data-slide
=
"prev"
>
<
span
class
=
"carousel-control-prev-icon"
aria-hidden
=
"true"
></
span
>
<
span
class
=
"sr-only"
>Previous</
span
>
</
a
>
<
a
class
=
"carousel-control-next"
href
=
"#carouselExampleIndicators"
role
=
"button"
data-slide
=
"next"
>
<
span
class
=
"carousel-control-next-icon"
aria-hidden
=
"true"
></
span
>
<
span
class
=
"sr-only"
>Next</
span
>
</
a
>
</
div
>
<
script
>
// Handle Bootstrap carousel slide event
$('.carousel').carousel({
interval: 100
});
</
script
>
</
body
>
</
html
>