<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script type="module" src="script.js"></script>
<!--Add custom font-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<a href="#home">HOME</a>
<a href="#about">ABOUT</a>
<a href="#portfolio">PORTFOLIO</a>
<a href="#contact">CONTACT</a>
</nav>
<header>
<div>
<h2>Hello, I'm</h2>
<h1>Robin Qoom</h1>
<h3>Student Programmer. Nature Lover. Aspiring Wizard</h3>
</div>
<img src="assets/profile.png">
</header>
<section id="about">
<div>
<h2>About Me</h2>
<h3>Hi, I'm Robin and I do coding to make a positive impact on the environment</h3>
<p>Thundercats are on the move, Thundercats are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats!</p>
</div>
</section>
<section id="portfolio">
<h2>Portfolio</h2>
<script src='/registration/js/projects.js'></script>
</section>
<section id="contact">
<h2>Contact</h2>
<form action='/survey/checkout' method='post' enctype="multipart/form-data">
<input type="text" name="Name" placeholder='Your name' required>
<input type="email" name="email" placeholder='Your email' required>
<textarea name="Message" placeholder='Write a message here' required></textarea>
<button>Send Message</button>
<input type='hidden' name='redirecturl' value='thankyou.html'>
<input type='hidden' name='survey' value='Contact'>
</form>
</section>
<footer>
<div class="links">
<a href="https://www.linkedin.com/company/qoom"><img src="assets/linkedin.svg"></a>
<a href="https://www.github.com"><img src="assets/github.svg"></a>
<a href="https://www.youtube.com"><img src="assets/youtube.svg"></a>
</div>
<div>Copyright © 2021 Robin Qoom</div>
</footer>
</body>
</html>