<!DOCTYPE html>
<
html
>
<
head
>
<
title
> Primer CSS Boxes with Flash Alerts </
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"text-center"
>
<
h1
class
=
"color-fg-success"
> GeeksforGeeks </
h1
>
<
h3
> Primer CSS Boxes with Flash Alerts </
h3
>
</
div
> <
br
> <
br
>
<
div
class
=
"Box"
>
<
div
class
=
"Box-header"
>
GFG header
</
div
>
<
div
class
=
"flash flash-full flash-warn"
>
<
button
href
=
"#"
class
=
"Box-btn-octicon btn-octicon"
>
<
svg
class
=
"octicon"
viewBox
=
"0 0 14 16"
width
=
"18"
height
=
"20"
>
<
path
d="M13.78 4.22a.75.75 0 010 1.06l-7.25
7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0
011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z">
</
path
>
</
svg
>
</
button
>
<
span
> GeeksforGeeks Warning Flash alert </
span
>
</
div
>
<
div
class
=
"flash flash-full flash-success"
>
<
svg
class
=
"octicon"
viewBox
=
"0 0 14 16"
width
=
"18"
height
=
"20"
>
<
path
d="M13.78 4.22a.75.75 0 010 1.06l-7.25
7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0
011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z">
</
path
>
</
svg
>
<
span
> GeeksforGeeks Success Flash alert </
span
>
</
div
>
<
div
class
=
"flash flash-full flash-error"
>
<
svg
class
=
"octicon"
viewBox
=
"0 0 14 16"
width
=
"18"
height
=
"20"
>
<
path
d="M13.78 4.22a.75.75 0 010 1.06l-7.25
7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0
011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z">
</
path
>
</
svg
>
<
span
> GeeksforGeeks Error Flash alert </
span
>
</
div
>
<
div
class
=
"Box-body"
>
GFG Body
</
div
>
</
div
>
</
body
>
</
html
>