<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
section
class="section is-medium
has-background-warning">
<
h1
class
=
"title"
>
Medium size section
</
h1
>
<
div
class
=
"columns p-4"
>
<
div
class="column has-text-white
has-background-primary p-4">
Java
</
div
>
<
div
class="column has-text-white
has-background-info p-4">
C++
</
div
>
<
div
class="column has-text-white
has-background-danger p-4">
Python
</
div
>
<
div
class="column has-text-dark
has-background-light p-4">
C#
</
div
>
</
div
>
</
section
>
<
section
class="section is-large
has-background-danger">
<
h1
class
=
"title"
>
Large size section
</
h1
>
<
div
class
=
"columns p-4"
>
<
div
class="column has-text-white
has-background-primary p-4">
Java
</
div
>
<
div
class="column has-text-white
has-background-info p-4">
C++
</
div
>
<
div
class="column has-text-dark
has-background-warning p-4">
Python
</
div
>
<
div
class="column has-text-dark
has-background-light p-4">
C#
</
div
>
</
div
>
</
section
>
</
body
>
</
html
>