<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"ui green huge header"
>
GeeksforGeeks
</
div
>
<
div
class
=
"ui large header"
>Cards</
div
>
<
br
>
<
div
class
=
"ui cards"
>
<
div
class
=
"blue card"
>
<
div
class
=
"content"
>
<
div
class
=
"header"
>
Sachin Tendulkar
</
div
>
<
div
class
=
"meta"
>
Sport: Cricket
</
div
>
<
div
class
=
"description"
>
Sachin Tendulkar is known as
the God of Cricket.
</
div
>
<
div
class
=
"extra content"
>
<
a
>
<
i
class
=
"user icon"
></
i
>
225M Followers
</
a
>
</
div
>
<
div
class
=
"ui bottom attached button"
>
<
i
class
=
"add icon"
></
i
>
Follow
</
div
>
</
div
>
</
div
>
<
div
class
=
"green card"
>
<
div
class
=
"content"
>
<
div
class
=
"header"
>
Roger Federer
</
div
>
<
div
class
=
"meta"
>
Sport: Tennis
</
div
>
<
div
class
=
"description"
>
Roger Federer is the best Tennis
player of the decade.
</
div
>
<
div
class
=
"extra content"
>
<
a
>
<
i
class
=
"user icon"
></
i
>
205M Followers
</
a
>
</
div
>
<
div
class
=
"ui bottom attached button"
>
<
i
class
=
"add icon"
></
i
>
Follow
</
div
>
</
div
>
</
div
>
<
div
class
=
"red card"
>
<
div
class
=
"content"
>
<
div
class
=
"header"
>
Mo Salah
</
div
>
<
div
class
=
"meta"
>
Sport: Football
</
div
>
<
div
class
=
"description"
>
Mo Salah has scored the most
goals in Premier League.
</
div
>
<
div
class
=
"extra content"
>
<
a
>
<
i
class
=
"user icon"
></
i
>
150M Followers
</
a
>
</
div
>
<
div
class
=
"ui bottom attached button"
>
<
i
class
=
"add icon"
></
i
>
Follow
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>