<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale = 1"
>
<
title
>Bulma Tiles Example</
title
>
<
link
rel
=
"stylesheet"
href
=
</
script
>
<
style
>
body {
margin-left: 20px;
margin-right: 10px;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"content"
style
=
"text-align:center;"
>
<
h2
class
=
"has-text-success"
>GeeksforGeeks</
h2
>
<
strong
>Tile Modifiers</
strong
>
</
div
>
<
div
class
=
"container"
>
<
div
class
=
"tile is-ancestor"
>
<
div
class
=
"tile is-4 is-vertical is-parent"
>
<
div
class="tile is-child box notification
has-background-dark has-text-success">
<
p
class
=
"title"
>Tile 1</
p
>
<
p
>
CSS (Cascading Style Sheets) is a
stylesheet language used to design
the webpage to make it attractive.
</
p
>
</
div
>
<
div
class="tile is-child box notification
has-background-dark has-text-success">
<
p
class
=
"title"
>Tile 2</
p
>
<
p
>
The reason for using this is to simplify the
process of making web pages presentable.
</
p
>
</
div
>
</
div
>
<
div
class
=
"tile is-parent"
>
<
div
class="tile is-child box notification
has-background-dark has-text-success">
<
p
class
=
"title"
>Tile 3</
p
>
<
p
>
More importantly, it enables you to do
this independent of the HTML that
makes up each web page.
</
p
>
<
p
>
It is the basic structure of HTML webpage
and we use CSS style inside webpage. In
a web page, we use internal CSS (i.e.
adding CSS code inside head tag of HTML
code).
</
p
>
<
p
>
It is the combination of Hypertext and
Markup language. Hypertext defines the
link between the web pages
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>