website/contacts.html

<!DOCTYPE HTML>
<html>
	<head>
		<title>Michele Tartari - Contacts</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">
		<div id="page-wrapper">

			<!-- Header -->
				<header id="header">
					<h1 id="logo"><a href="index.html">Michele Tartari</a></h1>
					<nav id="nav">
						<ul>
							<li><a href="index.html">Home</a></li>
							<li>
								<a href="projects.html">Projects</a>
								<ul>
									<li><a href="projects.html#robotics">Robotics</a></li>
									<li><a href="projects.html#engineering">Engineering</a></li>
									<li><a href="projects.html#hobbies">Hobbies</a></li>
									<li><a href="projects.html#other">Others</a></li>
								</ul>
							</li>
							<li><a href="curriculum.html">Curriculim</a></li>
							<li><a href="contacts.html" class="button primary">Contact me</a></li>
						</ul>
					</nav>
				</header>

			<!-- Main -->
				<div id="main" class="wrapper style1">
					<div class="container">
						<header class="major">
							<h2>Contacts</h2>
						</header>

						<section>
								<h3>Feel free to contact me using any of the following:</h3>
								<ul style="list-style: none;">
								<li><a href="https://www.linkedin.com/in/micheletartari/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a> &nbsp;&nbsp; micheletartari</li>
								<li><a href="https://github.com/m-tartari" class="icon brands alt fa-github"><span class="label">GitHub</span></a> &nbsp;&nbsp; m-tartari</li>
								<li><a href="mailto:michele.tartari@live.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a> &nbsp;&nbsp;michele.tartari@live.com</li>
								</ul>
								
						</section>
						<!-- Text -->
							<section>
								<h3>Or just send me a message without leaving my website.</h3>
								<form method="post" action="mailto:michele.tartari@live.com">
									<div class="row gtr-uniform gtr-50">
										<div class="col-6 col-12-xsmall">
											<input type="text" name="name" id="name" value="" placeholder="Name" />
										</div>
										<div class="col-6 col-12-xsmall">
											<input type="email" name="email" id="email" value="" placeholder="Email" />
										</div>
										<div class="col-12">
											<select name="category" id="category">
												<option value="">- Category -</option>
												<option value="1">Contact request</option>
												<option value="1">Job proposal</option>
												<option value="1">Bug report</option>
												<option value="1">Other</option>
											</select>
										</div>
										<div class="col-4 col-12-medium">
											<input type="radio" id="priority-low" name="priority" checked>
											<label for="priority-low">Low Priority</label>
										</div>
										<div class="col-4 col-12-medium">
											<input type="radio" id="priority-normal" name="priority">
											<label for="priority-normal">Normal Priority</label>
										</div>
										<div class="col-4 col-12-medium">
											<input type="radio" id="priority-high" name="priority">
											<label for="priority-high">High Priority</label>
										</div>
										<div class="col-6 col-12-medium">
											<input type="checkbox" id="copy" name="copy">
											<label for="copy">Email me a copy of this message</label>
										</div>
										<div class="col-6 col-12-medium">
											<input type="checkbox" id="human" name="human" checked>
											<label for="human">I am a human and not a robot</label>
										</div>
										<div class="col-12">
											<textarea name="message" id="message" placeholder="Enter your message" rows="6"></textarea>
										</div>
										<div class="col-12">
											<ul class="actions">
												<li><input type="submit" value="Send Message" class="primary" /></li>
												<li><input type="reset" value="Reset" /></li>
											</ul>
										</div>
									</div>
								</form>
							</section>

			<!-- Footer -->
				<footer id="footer">
					<ul class="icons">
						<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
						<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
						<li><a href="#" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
					</ul>
					<ul class="copyright">
						<li>&copy; Michele Tartari. All rights reserved.</li>
					</ul>
				</footer>

		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>