<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"text-center"
>
<
h1
class
=
"color-fg-success"
> GeeksforGeeks </
h1
>
<
h3
> Primer CSS TimelineItem-Break </
h3
>
</
div
> <
br
>
<
div
class
=
"d-flex flex-justify-center"
>
<
div
class
=
"d-flex flex-column"
>
<
div
class
=
"TimelineItem"
>
<
div
class="TimelineItem-badge color-bg-success-emphasis
color-fg-on-emphasis" >
<
svg
class
=
"octicon"
width
=
"18"
height
=
"18"
viewBox
=
"0 0 16 16"
>
<
path
fill-rule
=
"evenodd"
clip-rule
=
"evenodd"
d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499
4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04
3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z" >
</
path
>
</
svg
>
</
div
>
<
div
class
=
"TimelineItem-body"
>
GFG TimelineItem-Break
</
div
>
</
div
>
<
div
class
=
"TimelineItem-break ml-0"
></
div
>
<
div
class
=
"TimelineItem"
>
<
div
class="TimelineItem-badge color-bg-done-emphasis
color-fg-on-emphasis" >
<
svg
class
=
"octicon"
width
=
"18"
height
=
"18"
viewBox
=
"0 0 16 16"
>
<
path
fill-rule
=
"evenodd"
clip-rule
=
"evenodd"
d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499
4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04
3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z" >
</
path
>
</
svg
>
</
div
>
<
div
class
=
"TimelineItem-body"
>
GFG TimelineItem-Break
</
div
>
</
div
>
<
div
class
=
"TimelineItem-break ml-0"
></
div
>
<
div
class
=
"TimelineItem"
>
<
div
class="TimelineItem-badge color-bg-danger-emphasis
color-fg-on-emphasis">
<
svg
class
=
"octicon"
width
=
"18"
height
=
"18"
viewBox
=
"0 0 16 16"
>
<
path
fill-rule
=
"evenodd"
clip-rule
=
"evenodd"
d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499
4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04
3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z" >
</
path
>
</
svg
>
</
div
>
<
div
class
=
"TimelineItem-body"
>
GFG TimelineItem-Break
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>