<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/favicon.png" />
<title>Look like me</title>
<link rel="stylesheet" href="styles.css">
<script type="module" src="script.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<body>
Look Like Me
<nav>
<a href="#home">HOME</a>
<a href="#person">PERSON</a>
<a href="#location">LOCATION</a>
<a href="#contact">CONTACT</a>
</nav>
<section id=home>Home</section>
<header id='header'></header>
<div>
<h1>Our mission</h1>
<h3>We know the importance of representation in the everyday life, which is why we strive to introduce minority children to other children in their area who look like them.</h3>
</div>
<section id=person>
<h6>Person</h6>
<form action='/survey/checkout' method='post' enctype = "multipart/form-data">
<input type="name" placeholder='Your first and last name' required>
<input type="email" placeholder='How to contact you' required>
<textarea placeholder='Your minority and location' required></textarea>
<input type='hidden' name='redirecturl' value='index.html'>
<button>submit</button></form></section>
<section id = location> Location
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100944.69068684884!2d-122.35193606766029!3d37.754366526231884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808f80d8f2cf1595%3A0x66ff99cf60016f14!2sAlameda%2C%20CA!5e0!3m2!1sen!2sus!4v1618125672026!5m2!1sen!2sus" width="320" height="240" style="border:0;" allowfullscreen="" loading="lazy"></iframe></section>
<section id=contact>
<h4>Contact</h4>
<form action='/survey/checkout' method='post' enctype="multipart/form-data">
<input type="name" placeholder='Your first and last name' required>
<input type="email" placeholder='Your email' required>
<textarea placeholder='Your message here' required></textarea>
<button>Send Message</button>
<input type='hidden' name='redirecturl' value='thankyou.html'>
<input type='hidden' name='survey' value='Contact'>
</input></section>
</body>
</html>