<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
/>
<
script
src
=
integrity
=
"sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
class
=
"ui header green"
>
GeeksforGeeks
</
h1
>
<
h3
>Semantic UI: Breadcrumb Size Variation</
h3
>
<
h6
>Mini</
h6
>
<
div
class
=
"ui mini breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
<
br
>
<
h5
>tiny</
h5
>
<
div
class
=
"ui tiny breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
<
br
>
<
h4
>small</
h4
>
<
div
class
=
"ui small breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
<
br
>
<
h3
>large</
h3
>
<
div
class
=
"ui large breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
<
br
>
<
h2
>big</
h2
>
<
div
class
=
"ui big breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
<
br
>
<
h1
>huge</
h1
>
<
div
class
=
"ui huge breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
<
br
>
<
h1
>massive</
h1
>
<
div
class
=
"ui massive breadcrumb"
>
<
a
class
=
"section"
>Home</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
a
class
=
"section"
>Article</
a
>
<
i
class
=
"right chevron icon divider"
></
i
>
<
div
class
=
"active section"
>Semantic UI</
div
>
</
div
>
</
center
>
</
body
>
</
html
>