<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
/>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
/>
<
link
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
div
class
=
"content container has-text-centered"
>
<
h1
class
=
"title has-text-success"
>GeekforGeeks</
h1
>
<
h1
class
=
"subtitle"
>Bulma Tiles</
h1
>
<
div
class
=
"tile is-ancestor"
>
<
div
class
=
"tile is-vertical is-8"
>
<
div
class
=
"tile"
>
<
div
class
=
"tile is-parent is-vertical"
>
<
article
class
=
"tile is-child notification is-info"
>
<
p
class
=
"title"
>Welcome to</
p
>
</
article
>
<
article
class
=
"tile is-child notification is-danger"
>
<
p
class
=
"title"
>Learn, Tutorials, Contest</
p
>
<
p
class
=
"subtitle"
>Only for Geeks!</
p
>
</
article
>
</
div
>
<
div
class
=
"tile is-parent"
>
<
article
class
=
"tile is-child notification is-white"
>
<
p
class
=
"title"
>GeeksforGeeks</
p
>
<
img
src
=
</
article
>
</
div
>
</
div
>
<
div
class
=
"tile is-parent"
>
<
article
class
=
"tile is-child notification is-light"
>
<
p
class
=
"title"
>Technical Articles and GBlog</
p
>
<
p
class
=
"subtitle"
>Read about Latest Technologies....</
p
>
<
div
class
=
"content"
>
</
div
>
</
article
>
</
div
>
</
div
>
<
div
class
=
"tile is-parent"
>
<
article
class
=
"tile is-child notification is-success"
>
<
div
class
=
"content"
>
<
p
class
=
"title"
>Explore</
p
>
<
div
class
=
"container has-text-justify"
>
<
p
class
=
"subtitle"
>Find Jobs</
p
>
<
p
class
=
"subtitle"
>Learn from Tutorials</
p
>
<
p
class
=
"subtitle"
>Practice coding</
p
>
<
p
class
=
"subtitle"
>Courses</
p
>
<
p
class
=
"subtitle"
>Learn Programming</
p
>
<
p
class
=
"subtitle"
>Participate in Coding contest</
p
>
</
div
>
</
div
>
</
article
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>