contacts.kit

<!-- META STUFF -->
<!-- $metaTitle = Contact us for your next website or app design project -->
<!-- $metaDescription = We would be very happy to partner with you for your next awesome project, being it an app, a website, a brand redesign or whatever. -->
<!-- @import language-en -->
<!-- @import header -->
<div class="hero hero-text">
	<div class="centered centered-tight fade-it-in">
		<h1>Let's work together</h1>
		<p>We would be thrilled to work with you on your next project. Whatever your idea, just drop us a line and we can chat about it. And don't worry, your privacy is paramount: we will not spam or harass you in any way. Promised.</p>
	</div>
</div>
<main role="main" id="contact-page" class="centered">
	
	<form name="contactForm" id="contactForm" method="post" accept-charset="utf-8" action="contact.php" class="fade-it-in">
		<p><label for="name">Hello, I am</label>
		<input type="text" name="name" value="" id="name" placeholder="John Doe of Doe Inc." autocomplete="on" spellcheck="false" required tabindex="1" /><small></small></p>
		<p><label for="website">my current website is</label>
		<input type="url" name="website" value="" id="website" placeholder="website.com (optional)" autocomplete="on" tabindex="2" /><small></small></p>
		<p><label for="email">this is my email address</label>
		<input type="email" name="email" value="" id="email" placeholder="me@website.com" autocomplete="on" required tabindex="3" /><small></small><small class="reassure">Don't worry, your email is safe with us. We won't share it nor use it to spam you.</small></p>
		<p><label for="message">My idea is</label>
		<textarea name="message" spellcheck="true" placeholder="I was planning to build an amazing website to showcase my project of conquering the world. It must have a backend for my acolytes and a big red button to start the process." tabindex="4"></textarea></p>
		<p><label for="date">I want it ready for</label>
		<input type="month" name="date" value="" id="date" tabindex="5" /><small></small></p>
		<p class="budget-container">
			<label for="budget">My budget is € </label><output id="range-output">2500</output>
			<input type="range" name="budget" value="2500" id="budget" min="1000" max="7000" step="500" tabindex="6" />
		</p>
		<span class="label">I will need:</span>
		<div class="checkboxes">
			<input type="checkbox" name="services[]" value="website-serv" id="website-serv" tabindex="7" />
			<label for="website-serv">website</label>
			<input type="checkbox" name="services[]" value="ecommerce" id="ecommerce" tabindex="8" />
			<label for="ecommerce">e-commerce</label>
			<input type="checkbox" name="services[]" value="photo" id="photo" tabindex="9" />
			<label for="photo">photo</label>
			<input type="checkbox" name="services[]" value="corporate" id="corporate" tabindex="10" />
			<label for="corporate">corporate identity</label>
			<input type="checkbox" name="services[]" value="social" id="social" tabindex="11" />
			<label for="social">social</label>
			<input type="checkbox" name="services[]" value="seo" id="seo" tabindex="12" />
			<label for="seo">seo</label>
			<input type="checkbox" name="services[]" value="print" id="print" tabindex="13" />
			<label for="print">print advertising</label>
		</div>
		<input type="hidden" name="lang" value="en" />
		<label for="formSubmit" class="submit-label">Nice, is that all?</label>
		<input type="submit" name="formSubmit" id="formSubmit" value="Send" tabindex="14" />
	</form>
</main>
<div id="wait">
	<div class="spinner">
	  <div class="bounce1"></div>
	  <div class="bounce2"></div>
	  <div class="bounce3"></div>
	</div>
</div>
<script><!-- @import min/_form-scripts-min.js --></script>
<!-- @import footer -->