<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
.0" />
<
title
>
Sequential Counters Example
</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
<
style
>
/* Custom CSS */
body {
height: 97vh;
background-color: #e6df90;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"h1 text-success text-center mt-3"
>
GeeksForGeeks
<
p
class="h4 mt-5 text-muted
text-start text-center">
GeeksforGeeks is a leading platform
that provides computer science
resources and coding challenges
for programmers.
</
p
>
</
div
>
<
div
class
=
"container mt-5"
>
<
div
class="row
justify-content-center">
<
div
class
=
"col-md-4"
>
<
div
class="card text-center
bg-info text-dark
rounded p-3">
<
div
class
=
"card-body"
>
<
h3
class
=
"card-text counter"
data-target
=
"95"
>
0
</
h3
>
<
p
class="card-title
fs-5 text-white">
No. of Courses we provided
</
p
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"col-md-4"
>
<
div
class="card text-center bg-info
text-dark rounded p-3">
<
div
class
=
"card-body"
>
<
h3
class
=
"card-text counter"
data-target
=
"150000"
>
0
</
h3
>
<
p
class="card-title
fs-5 text-white">
Enrolled Students
</
p
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"col-md-4"
>
<
div
class="card text-center bg-info
text-dark rounded p-3">
<
div
class
=
"card-body"
>
<
h3
class
=
"card-text counter"
data-target
=
"1000000"
>
0
</
h3
>
<
p
class="card-title fs-5
text-white">
Registered Students
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
src
=
"./script.js"
></
script
>
</
body
>
</
html
>