{{partial "header.tmpl" .}}
<div class="row">
    <header><p>{{.Title}}</p></header>
</div>
<div class="container content">
	<div class="row">
		<form class="contactform" action="https://www.iamfabulous.de/submit/" method="POST">
		  <div class="row">
		    <div class="six columns">
		      <label for="from">your email</label>
		      <input class="u-full-width" placeholder="mail@domain.com" id="from" name="from" type="email">
		    </div>
		    <div class="six columns">
		      <label for="subject">subject</label>
		      <input class="u-full-width" placeholder="hello" id="subject" name="subject" type="text">
		    </div>
		  </div>
		  <input type="text" class="hp" value="" name="gotit">
		  <div class="row">
		  	<div class="twelve columns">
		    	  <label for="message">message</label>
		    	  <textarea class="u-full-width" placeholder="type your message here …" id="message" name="message"></textarea>
		  	</div>
		  </div>
		  <!--label class="example-send-yourself-copy">
		    <input type="checkbox">
		    <span class="label-body">Send a copy to yourself</span>
		  </label-->
		  <div class="row">
		  	<div class="six columns">
		    	  <label>captcha</label>
		    	  <img id="captcha-img" src="#" alt="captcha image" width=240 height=80>
		  	  <input id="captcha-id" type="hidden" name="captchaid" required>
		  	</div>
		  	<div class="six columns">
		    	  <label for="captcha-solution">verification</label>
		  	  <input class="u-full-width" id="captcha-solution" type="text" name="captchaanswer" placeholder="enter the code displayed in the image" required>
		  	</div>
		  </div>
		  <div class="row margin-top">
		  	<div class="twelve columns">
			  <input class="button-primary contactform-button" value="submit" type="submit">
			  <a class="button margin-left-extra-small" href="../" title="back to index">cancel</a>
		  	</div>
		  </div>
		</form>
	</div>
</div>
<div class="row center">
	<p class="twelve columns">
	</p>
</div>
<script src="/captcha.js" defer async></script>
{{partial "footer.tmpl" .}}