public
/
contact-form


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
    <title>Contact me</title>
    <style type="text/css">
        .page {
            width: 640px;
            padding: 8% 0 0;
            margin: auto;
        }

        .form {
            position: relative;
            z-index: 1;
            background: #FFFFFF;
            max-width: 640px;
            margin: 0 auto 100px;
            padding: 25px 45px 35px 45px;
            text-align: center;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
        }

        .form input, .form textarea {
            outline: 0;
            background: #f2f2f2;
            width: 100%;
            border: 0;
            margin: 0 0 15px;
            padding: 15px;
            box-sizing: border-box;
            font-size: 14px;
        }

        .form textarea {
            resize: vertical;
        }

        .form button {
            text-transform: uppercase;
            outline: 0;
            background: #4CAF50;
            width: 100%;
            border: 0;
            padding: 15px;
            color: #FFFFFF;
            font-size: 14px;
            transition: all 0.3 ease;
            cursor: pointer;
        }

        .form button:hover, .form button:active, .form button:focus {
            background: #43A047;
        }

        h1 {
            font-family: sans-serif;
            font-variant: all-small-caps;
            font-size: 1.4em;
            margin: 0 0 0.9em 0;
        }
    </style>
</head>
<body>
<div class="page">
    <div class="form">
        <form action="submit" method="post">
            <h1>Contact me</h1>
            {{ .csrfField }}
            <input type="text" name="name" placeholder="Your name">
            <input type="email" name="from" placeholder="Your e-mail address">
            <textarea name="message" placeholder="Your message"></textarea>
            <button>SEND</button>
        </form>
    </div>
</div>
</body>
</html>