<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
title
>GeeksforGeeks</
title
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
class
=
"title has-text-centered"
>
GeeksforGeeks
</
h1
>
<
h2
class
=
"subtitle has-text-centered"
>
Sign Up Form
</
h2
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label is-normal"
>
<
label
class
=
"label"
>Name</
label
>
</
div
>
<
div
class
=
"field-body"
>
<
div
class
=
"field"
>
<
p
class
=
"control is-expanded has-icons-left"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Enter your name"
>
<
span
class
=
"icon is-small is-left"
>
<
i
class
=
"fas fa-user"
></
i
>
</
span
>
</
p
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label is-normal"
>
<
label
class
=
"label"
>Email</
label
>
</
div
>
<
div
class
=
"field-body"
>
<
div
class
=
"field is-expanded"
>
<
p
class="control is-expanded
has-icons-left has-icons-right">
<
input
class
=
"input is-success"
type
=
"email"
placeholder
=
"Enter your email"
>
<
span
class
=
"icon is-small is-left"
>
<
i
class
=
"fas fa-envelope"
></
i
>
</
span
>
<
span
class
=
"icon is-small is-right"
>
<
i
class
=
"fas fa-check"
></
i
>
</
span
>
</
p
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label is-normal"
>
<
label
class
=
"label"
>Choose Course</
label
>
</
div
>
<
div
class
=
"field-body"
>
<
div
class
=
"field is-narrow"
>
<
div
class
=
"control"
>
<
div
class
=
"select is-fullwidth"
>
<
select
>
<
option
>Java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label is-normal"
>
<
label
class
=
"label"
>Anything Else?</
label
>
</
div
>
<
div
class
=
"field-body"
>
<
div
class
=
"field"
>
<
div
class
=
"control"
>
<
textarea
class
=
"textarea"
placeholder
=
"Tell us more..."
>
</
textarea
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label"
>
<
label
class
=
"label"
>Already a Geek?</
label
>
</
div
>
<
div
class
=
"field-body"
>
<
div
class
=
"field is-narrow"
>
<
div
class
=
"control"
>
<
label
class
=
"radio"
>
<
input
type
=
"radio"
name
=
"member"
>
Yes
</
label
>
<
label
class
=
"radio"
>
<
input
type
=
"radio"
name
=
"member"
>
No
</
label
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label is-normal"
>
<
label
class
=
"label"
></
label
>
</
div
>
<
div
class
=
"field-body"
>
<
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
>
</
div
>
<
div
class
=
"field is-horizontal"
>
<
div
class
=
"field-label"
>
</
div
>
<
div
class
=
"field-body"
>
<
div
class
=
"field is-grouped"
>
<
div
class
=
"control"
>
<
button
class
=
"button is-success"
>
Submit
</
button
>
</
div
>
<
div
class
=
"control"
>
<
button
class
=
"button is-link is-light"
>
Cancel
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>