<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bulma Notification</
title
>
<
link
rel
=
'stylesheet'
href
=
<
style
>
div.columns {
margin-top: 70px;
}
h1 {
color: green !important
}
p {
font-size: 20px;
}
button {
float: right
}
</
style
>
</
head
>
<
body
>
<
div
class
=
'container has-text-centered'
>
<
div
class
=
'columns is-mobile is-centered'
>
<
div
class
=
'column is-5'
>
<
div
class
=
'notification is-warning'
>
<
h1
class
=
'title'
>
Geek for Geeks
<
button
class
=
"delete"
></
button
>
</
h1
>
<
p
class
=
'is-family-monospace'
>
'GeeksforGeeks' is a computer science
portal.it was created with a goal in
mind to provide well written, well
thought and well explained solutions
for selected questions. The core team
of five super geeks constituting of
technology lovers and computer science
enthusiasts have been constantly working
in this direction.
</
p
>
</
div
>
</
div
>
<
div
class
=
'column is-5'
>
<
div
class
=
'notification is-danger'
>
<
h1
class
=
'title'
>
Geek for Geeks
<
button
class
=
"delete"
></
button
>
</
h1
>
<
p
class
=
'is-family-monospace'
>
'GeeksforGeeks' is a computer science
portal.it was created with a goal in
mind to provide well written, well
thought and well explained solutions
for selected questions. The core team
of five super geeks constituting of
technology lovers and computer science
enthusiasts have been constantly working
in this direction.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>