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" />
		<link rel="icon" type="image/png" href="images/robot.png">
		<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 target="_blank" rel="noopener noreferrer" style="color: #ccc;" class="icon solid alt fa-envelope" href="mailto:michele.tartari+web@live.com">
											<span class="label">Email</span>
											&nbsp;&nbsp;michele.tartari+web@live.com
										</a>
									</li>
									<li>
										<a target="_blank" rel="noopener noreferrer"  style="color: #ccc;" class="icon brands alt fa-linkedin-in" href="https://www.linkedin.com/in/m-tartari/">
											<span class="label">LinkedIn</span>
											&nbsp;&nbsp; m-tartari
										</a>
									</li>
									<li>
										<a target="_blank" rel="noopener noreferrer" style="color: #ccc;" class="icon brands alt fa-github"  href="https://github.com/m-tartari">
											<span class="label">GitHub</span>
											&nbsp;&nbsp; m-tartari
										</a>
									</li>
								</ul>
						</section>
						<!-- Text -->
							<section>
								<!-- FIXME: check https://stackoverflow.com/questions/91905/adding-urgent-priority-to-mail-set-from-mailto-link and https://www.w3.org/TR/WD-html40-970917/htmlweb.html-->
								<h3>Or prepare it here:</h3>
								<form method="post" action="mailto:michele.tartari+web@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="subject" id="category">
												<option value="">- Category -</option>
												<option value="Contact request">Contact request</option>
												<option value="Job proposal">Job proposal</option>
												<option value="Bug report">Bug report</option>
												<option value="Other">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="body" 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>
						</div>
					</div>

			<!-- Footer -->
				<footer id="footer">
					<ul class="icons">
							<li><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/m-tartari/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
							<li><a target="_blank" rel="noopener noreferrer" href="https://github.com/m-tartari" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
							<li><a target="_blank" rel="noopener noreferrer" href="mailto:michele.tartari+web@live.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
						</ul>
					<ul class="copyright">
						<li>&copy; <script>document.write( new Date().getFullYear() );</script> 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>