<!DOCTYPE html>
<
html
>
<
head
>
<
title
> Primer CSS TimelineItem--condensed </
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"text-center"
>
<
h1
class
=
"color-fg-success"
> GeeksforGeeks </
h1
>
<
h3
> Primer CSS TimelineItem--condensed </
h3
>
</
div
> <
br
>
<
div
class
=
"d-flex flex-justify-center"
>
<
div
class
=
"d-flex flex-column"
>
<
div
class
=
"TimelineItem TimelineItem--condensed"
>
<
div
class
=
"TimelineItem-badge"
>
<
svg
class
=
"octicon octicon-git-commit"
width
=
"16"
height
=
"18"
viewBox
=
"0 0 16 18"
aria-hidden
=
"true"
>
<
path
fill-rule
=
"evenodd"
d="M10.86 7c-.45-1.72-2-3-3.86-3-1.86 0-3.41
1.28-3.86 3H0v2h3.14c.45 1.72 2 3 3.86 3 1.86
0 3.41-1.28 3.86-3H14V7h-3.14zM7 10.2c-1.22
0-2.2-.98-2.2-2.2 0-1.22.98-2.2 2.2-2.2 1.22 0
2.2.98 2.2 2.2 0 1.22-.98 2.2-2.2 2.2z">
</
path
>
</
svg
>
</
div
>
<
div
class
=
"TimelineItem-body"
>
GeeksforGeeks condensed 1
</
div
>
</
div
>
<
div
class
=
"TimelineItem TimelineItem--condensed"
>
<
div
class
=
"TimelineItem-badge"
>
<
svg
class
=
"octicon octicon-git-commit"
width
=
"16"
height
=
"18"
viewBox
=
"0 0 16 18"
aria-hidden
=
"true"
>
<
path
fill-rule
=
"evenodd"
d="M10.86 7c-.45-1.72-2-3-3.86-3-1.86 0-3.41
1.28-3.86 3H0v2h3.14c.45 1.72 2 3 3.86 3 1.86
0 3.41-1.28 3.86-3H14V7h-3.14zM7 10.2c-1.22
0-2.2-.98-2.2-2.2 0-1.22.98-2.2 2.2-2.2 1.22 0
2.2.98 2.2 2.2 0 1.22-.98 2.2-2.2 2.2z">
</
path
>
</
svg
>
</
div
>
<
div
class
=
"TimelineItem-body"
>
GeeksforGeeks condensed 2
</
div
>
</
div
>
<
div
class
=
"TimelineItem TimelineItem--condensed"
>
<
div
class
=
"TimelineItem-badge"
>
<
svg
class
=
"octicon octicon-git-commit"
width
=
"16"
height
=
"18"
viewBox
=
"0 0 16 18"
aria-hidden
=
"true"
>
<
path
fill-rule
=
"evenodd"
d="M10.86 7c-.45-1.72-2-3-3.86-3-1.86 0-3.41
1.28-3.86 3H0v2h3.14c.45 1.72 2 3 3.86 3 1.86
0 3.41-1.28 3.86-3H14V7h-3.14zM7 10.2c-1.22
0-2.2-.98-2.2-2.2 0-1.22.98-2.2 2.2-2.2 1.22 0
2.2.98 2.2 2.2 0 1.22-.98 2.2-2.2 2.2z">
</
path
>
</
svg
>
</
div
>
<
div
class
=
"TimelineItem-body"
>
GeeksforGeeks condensed 3
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>