<form accept-charset="utf-8" action="https://formspree.io/f/your-from-id" id="fs-frm" method="post"
name="simple-contact-form">
<fieldset id="fs-frm-inputs"> <label>Full Name</label> <input id="full-name" name="name" placeholder="" required=""
type="text" /> <label>Email Address</label> <input id="email-address" name="_replyto" placeholder=""
required="" type="email" /> <label>Message</label><textarea id="message" name="message" placeholder=""
required="" rows="5"></textarea><input id="email-subject" name="_subject" type="hidden"
value="new contact from submited" /></fieldset> <input type="submit" value="Submit" />
</form>
<style>
.fa-send-o:before {
content: "\f1d9"
}
#fs-frm fieldset,
#fs-frm input,
#fs-frm label,
#fs-frm textarea {
font-family: inherit;
font-size: 100%;
color: inherit;
border: none;
border-radius: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none
}
#fs-frm ::placeholder,
#fs-frm label {
font-size: .825rem;
margin-bottom: .5rem;
padding-top: .2rem;
display: flex;
align-items: baseline
}
#fs-frm input,
#fs-frm textarea {
border: 1px solid #000;
background-color: #6ff;
padding: .75em 1rem;
margin-bottom: 1.5rem
}
#fs-frm input:focus,
#fs-frm textarea:focus {
background-color: #fff
}
#fs-frm [type=submit] {
width: auto;
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
#fs-frm [type=submit]:focus {
outline: 0
}
#fs-frm [type=submit] {
margin-bottom: 0
}
#fs-frm input,
#fs-frm textarea {
border: 1px solid #000;
border-radius: 4px;
box-sizing: border-box
}
</style>
