<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w"
crossorigin
=
"anonymous"
/>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
.0" />
</
head
>
<
body
>
<
form
class
=
"pure-form pure-form-aligned"
>
<
fieldset
>
<
legend
>Aligned Form</
legend
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"first-name"
>
First Name
</
label
>
<
input
id
=
"first-name"
type
=
"text"
placeholder
=
"First Name"
/>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"last-name"
>
Last Name
</
label
>
<
input
id
=
"last-name"
type
=
"text"
placeholder
=
"Last Name"
/>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"email"
>Email</
label
>
<
input
id
=
"email"
type
=
"email"
placeholder
=
"Email"
/>
<
span
class
=
"pure-form-message-inline"
>
This is a required field.</
span
>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"password"
> Password</
label
>
<
input
id
=
"password"
type
=
"password"
placeholder
=
"Password"
/>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"state"
>Gender</
label
>
<
select
id
=
"state"
>
<
option
>Male</
option
>
<
option
>Female</
option
>
<
option
>Other</
option
>
</
select
>
</
div
>
<
div
class
=
"pure-controls"
>
<
label
for
=
"remember"
class
=
"pure-checkbox"
>
<
input
id
=
"remember"
type
=
"checkbox"
/>
I accept the Terms & Conditions
</
label
>
<
button
type
=
"submit"
class
=
"pure-button pure-button-primary"
>
Submit
</
button
>
</
div
>
</
fieldset
>
</
form
>
</
body
>
</
html
>