225 lines
7.9 KiB
HTML
225 lines
7.9 KiB
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>
|
|
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>
|
|
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>
|
|
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>
|
|
©
|
|
<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>
|