<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
nav
class
=
"navbar"
role
=
"navigation"
aria-label
=
"main navigation"
>
<
div
class
=
"navbar-brand"
>
<
a
class="navbar-item
has-background-success"
href
=
"#"
>
<
h1
class
=
"has-text-white"
>
GeeksforGeeks
</
h1
>
</
a
>
<
a
role
=
"button"
class
=
"navbar-burger"
aria-label
=
"menu"
aria-expanded
=
"false"
data-target
=
"navbarBasicExample"
>
<
span
aria-hidden
=
"true"
></
span
>
<
span
aria-hidden
=
"true"
></
span
>
<
span
aria-hidden
=
"true"
></
span
>
</
a
>
</
div
>
<
div
id
=
"navbarBasicExample"
class
=
"navbar-menu"
>
<
div
class
=
"navbar-start"
>
<
a
class
=
"navbar-item"
>
Home
</
a
>
<
a
class
=
"navbar-item"
>
Blogs
</
a
>
<
div
class="navbar-item has-dropdown
is-hoverable">
<
a
class
=
"navbar-link"
>
More
</
a
>
<
div
class
=
"navbar-dropdown"
>
<
a
class
=
"navbar-item"
>
About us
</
a
>
<
a
class
=
"navbar-item"
>
Tutorials
</
a
>
<
a
class
=
"navbar-item"
>
Practice
</
a
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"navbar-end"
>
<
div
class
=
"navbar-item"
>
<
div
class
=
"buttons"
>
<
a
class
=
"button is-success"
>
<
strong
>Sign up</
strong
>
</
a
>
<
a
class
=
"button is-light"
>
Log in
</
a
>
</
div
>
</
div
>
</
div
>
</
div
>
</
nav
>
<
section
class="hero is-fullheight-with-navbar
is-light columns">
<
div
class
=
"hero-body column"
>
<
h1
class
=
"title column"
>
Learn Programming Languages
</
h1
>
<
div
class
=
"rows"
>
<
div
class="row has-text-white
has-background-primary p-4">
Java
</
div
>
<
div
class="row has-text-white
has-background-info p-4">
C++
</
div
>
<
div
class="row has-text-dark
has-background-warning p-4">
Python
</
div
>
<
div
class="row has-text-light
has-background-dark p-4">
C#
</
div
>
</
div
>
</
div
>
</
section
>
</
body
>
</
html
>