HTML CSS Elegance: Contact Form Design

This elegant form comes from Mark Murray, who is using the Compass framework to unfold a very modern contact form experience that utilizes the left and right design aspects. Left for contact details, and right for the actual contact message. It has been crafted with a transparent background, but with a few modifications you should be able to adjust this contact form to work with any color scheme out there. Another thing about these forms is that it is so easy to add your own custom form field types, all you need to do is code the proper server-side script to be able to process those field types.

Demo: https://codepen.io/markmurray/pen/JsAhx/




Related snippets :

Responsive card exchange


html5 display video inside canvas


animated card slider showcase


login material design and jquery