simple-contact-form

Simple contact form with Font Awesome

by Glynne Turner

HTML

<body>
    
	<h1>Simple Contact Form</h1>

	<!-- Contact Form -->

	

</body>

CSS

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400|Pacifico);

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*
  ==============================
  Custom styles
  ==============================
*/

body {
  color: #bfbfbf;
  font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: rgba(245,245,245,1);
}

h1 {
  font-family: 'Pacifico', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  text-shadow: 2px 2px 0px rgba(255,255,255,.7), 5px 7px 0px rgba(0, 0, 0, 0.1);
}

form {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}