|
|
@ -3,35 +3,33 @@ |
|
|
|
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]--> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta lang="en-US"> |
|
|
|
<meta name="viewport" content="width=device-width"> |
|
|
|
<title>Marcel Haazen - Contact</title> |
|
|
|
<meta name="author" content="Marcel Haazen"> |
|
|
|
<meta name="description" content="On here you can contact me about questions, sugestions or even hire me."> |
|
|
|
<meta name="viewport" content="width=device-width"> |
|
|
|
<title>Marcel Haazen - Contact</title> |
|
|
|
<meta name="author" content="Marcel Haazen"> |
|
|
|
<meta name="description" content="########"> |
|
|
|
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, Contact Me" /> |
|
|
|
<link rel="stylesheet" href="css/foundation.css"> |
|
|
|
<link rel="stylesheet" href="css/style.css"> |
|
|
|
<link rel="stylesheet" href="css/foundation.css"> |
|
|
|
<link rel="stylesheet" href="css/style.css"> |
|
|
|
<script src="js/email.js"></script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
|
|
|
|
<bordercolor></bordercolor> |
|
|
|
<bordercolor></bordercolor> |
|
|
|
<div class="row"> |
|
|
|
<div class="animated fadeInLeft"> |
|
|
|
<div class="large-3 columns"> |
|
|
|
<logo> |
|
|
|
<img src="img/logo.png" alt="" /> |
|
|
|
</logo> |
|
|
|
</div> |
|
|
|
<div class="large-3 columns"> |
|
|
|
<logo> |
|
|
|
<img src="img/logo.png" alt="" /> |
|
|
|
</logo> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- Responsive Drop Down Menu --> |
|
|
|
<script src="js/vendor/jquery.js" type="text/javascript"></script> |
|
|
|
<script src="js/make_dropdown.min.js" type="text/javascript"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
$(document).ready(function(){ $('#menubar > li').make_dropdown(); }); |
|
|
|
</script> |
|
|
|
<script type="text/javascript">$(document).ready(function(){ $('#menubar > li').make_dropdown(); });</script> |
|
|
|
<!-- Responsive Drop Down Menu --> |
|
|
|
|
|
|
|
<div class="large-9 columns"> |
|
|
@ -41,60 +39,54 @@ |
|
|
|
<li><a href="contact" id="active">Contact</a></li> |
|
|
|
</ul> |
|
|
|
</div><!-- 9 columns --> |
|
|
|
</div><!-- row --> |
|
|
|
</div><!-- row --> |
|
|
|
|
|
|
|
<contact> |
|
|
|
<div class="animated fadeInUp"> |
|
|
|
<div class="row"> |
|
|
|
<div class="large-3 columns"> |
|
|
|
<h5>I love discussing new ideas.</h5> |
|
|
|
<p>coming Soon</p> |
|
|
|
</div> |
|
|
|
<div class="large-6 columns"> |
|
|
|
<h5>Contact Form</h5> |
|
|
|
<div id="contact-area"> |
|
|
|
|
|
|
|
<form method="post" action="https://formspree.io/marcel@haazen.xyz"> |
|
|
|
<clabel for="Name">Name:</clabel> |
|
|
|
<input type="text" name="name" id="Name" /> |
|
|
|
<contact> |
|
|
|
<div class="row"> |
|
|
|
<div class="large-3 columns"> |
|
|
|
<h5>I love discussing new ideas.</h5> |
|
|
|
<p>coming Soon</p> |
|
|
|
</div> |
|
|
|
<div class="large-6 columns"> |
|
|
|
<h5>Contact Form</h5> |
|
|
|
<div id="contact-area"> |
|
|
|
<form method="post" action="https://formspree.io/marcel@haazen.xyz"> |
|
|
|
<clabel for="Name">Name:</clabel> |
|
|
|
<input type="text" name="name" id="Name" /> |
|
|
|
|
|
|
|
<clabel for="Email">Email:</clabel> |
|
|
|
<input type="text" name="_replyto" id="Email" /> |
|
|
|
<clabel for="Email">Email:</clabel> |
|
|
|
<input type="text" name="_replyto" id="Email" /> |
|
|
|
|
|
|
|
<clabel for="Subject">Subject:</clabel> |
|
|
|
<input type="text" name="_subject" id="Subject" /> |
|
|
|
<clabel for="Subject">Subject:</clabel> |
|
|
|
<input type="text" name="_subject" id="Subject" /> |
|
|
|
|
|
|
|
<clabel for="Message">Message:</clabel><br /> |
|
|
|
<textarea name="message" rows="10" cols="50" id="Message"></textarea> |
|
|
|
<clabel for="Message">Message:</clabel><br /> |
|
|
|
<textarea name="message" rows="10" cols="50" id="Message"></textarea> |
|
|
|
|
|
|
|
<input type="submit" name="submit" class="submit-button" /> |
|
|
|
</form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="large-3 columns"> |
|
|
|
<h5>Contact Info</h5> |
|
|
|
<p>Marcel Haazen<br> |
|
|
|
Email: <script>gen_mail_to_link('marcel','haazen.xyz');</script><br><br> |
|
|
|
Twitter: <a href="https://twitter.com/NekoCentral">@nekocentral</a><br> |
|
|
|
Facebook: <a href="https://www.facebook.com/mhaazen">mhaazen</a><br> |
|
|
|
Google+: <a href="https://plus.google.com/u/0/106949509688420714306/">Marcel Haazen</a><br> |
|
|
|
LinkedIn: <a href="https://www.linkedin.com/in/mhaazen">Marcel Haazen</a><br> |
|
|
|
YouTube: <a href="https://youtube.com/c/nekocentral">Neko Central</a><br> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div><!-- anaimation --> |
|
|
|
<input type="submit" name="submit" class="submit-button" /> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="large-3 columns"> |
|
|
|
<h5>Contact Info</h5> |
|
|
|
<p>Marcel Haazen<br> |
|
|
|
Email: <script>gen_mail_to_link('marcel','haazen.xyz');</script><br><br> |
|
|
|
Twitter: <a href="https://twitter.com/NekoCentral">@nekocentral</a><br> |
|
|
|
Facebook: <a href="https://www.facebook.com/mhaazen">mhaazen</a><br> |
|
|
|
LinkedIn: <a href="https://www.linkedin.com/in/mhaazen">Marcel Haazen</a><br> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</contact> |
|
|
|
|
|
|
|
<footer> |
|
|
|
<div class="row"> |
|
|
|
<div class="large-12 columns"> |
|
|
|
<foot> |
|
|
|
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen |
|
|
|
</foot> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="large-12 columns"> |
|
|
|
<foot> |
|
|
|
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen |
|
|
|
</foot> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</footer> |
|
|
|
|
|
|
|
<script> |
|
|
@ -104,14 +96,6 @@ |
|
|
|
</script> |
|
|
|
<script src="js/foundation.min.js"></script> |
|
|
|
|
|
|
|
<!-- |
|
|
|
<script src="js/foundation/foundation.js"></script> |
|
|
|
<script src="js/foundation/foundation.dropdown.js"></script> |
|
|
|
<script src="js/foundation/foundation.alerts.js"></script> |
|
|
|
<script src="js/foundation/foundation.clearing.js"></script> |
|
|
|
<script src="js/foundation/foundation.orbit.js"></script> |
|
|
|
--> |
|
|
|
|
|
|
|
<script> |
|
|
|
$(document).foundation(); |
|
|
|
</script> |
|
|
|