<!DOCTYPE html>
<
html
>
<
head
>
<
title
>GeeksForGeeks</
title
>
<
link
rel
=
"stylesheet"
href
=
<
style
>
.w3-button {
width: 130px;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"w3-container w3-center"
>
<
h2
class
=
"w3-text-green w3-xxlarge"
>
GeeksForGeeks
</
h2
>
</
div
>
<
div
class
=
"w3-container"
>
<
p
class
=
"w3-bar"
>
<
button
class
=
"w3-button w3-red"
>
Red
</
button
>
<
button
class
=
"w3-button w3-light-blue"
>
Light Blue
</
button
>
<
button
class
=
"w3-button w3-lime"
>
Lime
</
button
>
<
button
class
=
"w3-button w3-deep-orange"
>
D.Orange
</
button
>
</
p
>
<
p
class
=
"w3-bar"
>
<
button
class
=
"w3-button w3-pink"
>
Pink
</
button
>
<
button
class
=
"w3-button w3-cyan"
>
Cyan
</
button
>
<
button
class
=
"w3-button w3-sand"
>
Sand
</
button
>
<
button
class
=
"w3-button w3-brown"
>
Brown
</
button
>
</
p
>
<
p
class
=
"w3-bar"
>
<
button
class
=
"w3-button w3-purple"
>
Purple
</
button
>
<
button
class
=
"w3-button w3-aqua"
>
Aqua
</
button
>
<
button
class
=
"w3-button w3-khaki"
>
Khaki
</
button
>
<
button
class
=
"w3-button w3-blue-grey"
>
Blue Grey
</
button
>
</
p
>
<
p
class
=
"w3-bar"
>
<
button
class
=
"w3-button w3-deep-purple"
>
D.Purple
</
button
>
<
button
class
=
"w3-button w3-teal"
>
Teal
</
button
>
<
button
class
=
"w3-button w3-yellow"
>
Yellow
</
button
>
<
button
class
=
"w3-button w3-light-grey"
>
Light Grey
</
button
>
</
p
>
<
p
class
=
"w3-bar"
>
<
button
class
=
"w3-button w3-indigo"
>
Indigo
</
button
>
<
button
class
=
"w3-button w3-green"
>
Green
</
button
>
<
button
class
=
"w3-button w3-amber"
>
Amber
</
button
>
<
button
class
=
"w3-button w3-grey"
>
Grey
</
button
>
</
p
>
<
p
class
=
"w3-bar"
>
<
button
class
=
"w3-button w3-blue"
>
Blue
</
button
>
<
button
class
=
"w3-button w3-light-green"
>
Light Green
</
button
>
<
button
class
=
"w3-button w3-orange"
>
Orange
</
button
>
<
button
class
=
"w3-button w3-dark-grey"
>
Dark Grey
</
button
>
</
p
>
</
div
>
</
body
>
</
html
>