<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
title
>Hello Bulma!</
title
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
"style.css"
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
div
class
=
"container box p-6 "
>
<
h1
class
=
"title has-text-centered"
>
GeeksforGeeks
</
h1
>
<
h2
class
=
"subtitle has-text-centered"
>
Sign Up Form
</
h2
>
<
form
action
=
""
>
<
div
class
=
"field"
>
<
label
class
=
"label"
>Username</
label
>
<
div
class
=
"control has-icons-left has-icons-right"
>
<
input
class
=
"input is-success"
type
=
"text"
placeholder
=
"Enter your username"
/>
<
span
class
=
"icon is-small is-left"
>
<
i
class
=
"fas fa-user"
></
i
>
</
span
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
label
class
=
"label"
>Password</
label
>
<
div
class
=
"control has-icons-left has-icons-right"
>
<
input
class
=
"input is-danger"
type
=
"password"
placeholder
=
"Enter your password"
/>
<
span
class
=
"icon is-small is-left"
>
<
i
class
=
"fas fa-key"
></
i
>
</
span
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
label
class
=
"label"
>Choose your Course </
label
>
<
div
class
=
"control"
>
<
div
class
=
"select"
>
<
select
>
<
option
>Java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
label
class
=
"label"
>
Something Else
</
label
>
<
div
class
=
"control"
>
<
textarea
class
=
"textarea"
placeholder
=
"Want to tell anything?"
>
</
textarea
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
div
class
=
"control"
>
<
label
class
=
"checkbox"
>
<
input
type
=
"checkbox"
/>
I agree to the <
a
href
=
"#"
>
terms and conditions
</
a
>
</
label
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
div
class
=
"control"
>
<
label
class
=
"radio"
>
<
input
type
=
"radio"
name
=
"question"
/>
Yes
</
label
>
<
label
class
=
"radio"
>
<
input
type
=
"radio"
name
=
"question"
/>
No
</
label
>
</
div
>
</
div
>
<
div
class
=
"field is-grouped"
>
<
div
class
=
"control"
>
<
button
class
=
"button is-success"
>
Sign up
</
button
>
</
div
>
<
div
class
=
"control"
>
<
button
class
=
"button is-link is-light"
>
Cancel
</
button
>
</
div
>
</
div
>
</
form
>
</
div
>
</
center
>
</
body
>
</
html
>