<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="referrer" content="origin" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
<meta name="description" content="Navan Chauhan's personal website"/>
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/style.css">
<meta name="theme-color" content="#373B44">
<link rel="apple-touch-icon" sizes="57x57" href="assets/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#373B44">
<meta name="msapplication-TileImage" content="assets/ms-icon-144x144.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108635191-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-108635191-1');
</script>
<title>Contact Me</title>
<link rel="stylesheet" href="css/contact.css">
</head>
<body>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<div w3-include-html="https://navanchauhan.me/menu.html">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<script src="js/menu.js"></script>
</div>
<script>
w3.includeHTML();
</script>
<div class="container">
<form id="contact" action="https://formspree.io/navanchauhan@gmail.com" method="post">
<h3>Quick Contact</h3>
<h4>Contact me today, and get a reply within 24 hours!</h4>
<fieldset>
<input placeholder="Your name" type="text" tabindex="1" name="Name" required autofocus>
<input type="text" name="_gotcha" style="display:none" />
<input type="hidden" name="_subject" value="New submission!" />
<input type="hidden" name="_next" value="https://navanchauhan.github.io/Thanks.html" />
</fieldset>
<fieldset>
<input placeholder="Your Email Address" type="email" tabindex="2" name="_replyto" required>
</fieldset>
<fieldset>
<input placeholder="Your Phone Number" type="tel" tabindex="3" name="Phone Number" >
</fieldset>
<fieldset>
<textarea placeholder="Type your Message Here...." tabindex="4" name="Message" required></textarea>
</fieldset>
<fieldset>
<button name="submit" type="submit" value="Send" id="contact-submit" data-submit="...Sending">Submit</button>
</fieldset>
</form>
</div>
<script >
if('serviceWorker' in navigator) {
navigator.serviceWorker
.register('/sw.js')
.then(function() { console.log("Service Worker Registered"); });
}
</script>
</body>
</html>