<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
integrity
=
"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin
=
"anonymous"
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
class
=
"text-success text-center"
>
GeeksforGeeks
</
h1
>
<
h3
class
=
"text-center"
>
Bootstrap 5 Cards Border
</
h3
>
<
div
class
=
"card border-info"
>
<
div
class
=
"card-header"
>HTML</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
Hypertext Markup Language
</
h5
>
<
p
class
=
"card-text"
>
HTML stands for HyperText Markup
Language. It is used to design
web pages using the markup language
</
p
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"card border-success"
>
<
div
class
=
"card-header"
>HTML</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
Hypertext Markup Language
</
h5
>
<
p
class
=
"card-text"
>
HTML stands for HyperText Markup
Language. It is used to design
web pages using the markup language
</
p
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"card border-danger"
>
<
div
class
=
"card-header"
>HTML</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
Hypertext Markup Language
</
h5
>
<
p
class
=
"card-text"
>
HTML stands for HyperText Markup
Language. It is used to design
web pages using the markup language
</
p
>
</
div
>
</
div
>
<
br
>
<
div
class
=
"card border-warning"
>
<
div
class
=
"card-header"
>HTML</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
Hypertext Markup Language
</
h5
>
<
p
class
=
"card-text"
>
HTML stands for HyperText Markup
Language. It is used to design
web pages using the markup language
</
p
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>