<
html
lang
=
"en"
>
<
head
>
<
title
>Bootstrap Card</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin
=
"anonymous"
>
<
script
src
=
integrity
=
"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
div
class
=
"container mt-3"
>
<
h1
style
=
"color: green; text-align: center;"
>
GeeksforGeeks
</
h1
>
</
div
>
<
div
class
=
"card border-primary text-primary mb-3"
style
=
"max-width: 18rem;"
>
<
div
class
=
"card-header"
>
This is the card header
</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
This is card title
</
h5
>
<
p
class
=
"card-text"
>
This is the body of the card
made using Bootstrap Classes.
</
p
>
</
div
>
</
div
>
<
div
class
=
"card text-success border-success mb-3"
style
=
"max-width: 18rem;"
>
<
div
class
=
"card-header"
>
This is the card header
</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
This is card title
</
h5
>
<
p
class
=
"card-text"
>
This is the body of the card
made using Bootstrap Classes.
</
p
>
</
div
>
</
div
>
<
div
class
=
"card text-secondary border-secondary mb-3"
style
=
"max-width: 18rem;"
>
<
div
class
=
"card-header"
>
This is the card header
</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
This is card title
</
h5
>
<
p
class
=
"card-text"
>
This is the body of the card
made using Bootstrap Classes.
</
p
>
</
div
>
</
div
>
<
div
class
=
"card text-danger border-danger mb-3"
style
=
"max-width: 18rem;"
>
<
div
class
=
"card-header"
>
This is the card header
</
div
>
<
div
class
=
"card-body"
>
<
h5
class
=
"card-title"
>
This is card title
</
h5
>
<
p
class
=
"card-text"
>
This is the body of the card
made using Bootstrap Classes.
</
p
>
</
div
>
</
div
>
</
body
>
</
html
>