Simple contact form

HTML
<div id="form_section"> <form> <h2>Contact form</h2> <input type="text" placeholder="Name"> <input type="text" placeholder="Email"> <input type="text" placeholder="Topic"> <textarea cols="3" placeholder="Message"></textarea> <input type="Submit" value="Send"> </form> </div>
SCSS
body { background-color: #f8f8f8; min-height: 100vh; font-family: 'Open Sans', sans-serif; } #form_section { display: flex; align-items: center; justify-content: center; height: 100vh; form { background-color: white; width: 500px; padding: 2em; display: flex; flex-direction: column; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); h2 { text-align: center; text-transform: uppercase; letter-spacing: 2px; } input, textarea { padding: 1em; margin: 1em; font-size: 0.8em; border: 1px dotted silver; background-color: #fcfcfc; } textarea { resize: none; } input[type="submit"] { background-color: #7FDC88; color: white; } } }
JAVASCRIPT
Expand for more options Login