contact.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Jacob Howard, Sebastian Landazuri">
<meta name="description" content="Anime is real! Figure out how to get your waifu in real life at your own home!">
<meta name="keywords" content="html, project, q3, hoax, anime is real, anime, anime, html, milwee, not real, fake">
<link rel="stylesheet" type="text/css" href="css/anime.css">
<link rel="shortcut icon" type="image/icon" href="img/favicon.ico"> <!-- Picture in the tab -->
<title>Anime is Real!</title> <!-- Words in the tab to replace the url -->
</head>

<body>
<header align="center"> <!-- Logo goes here -->
<a href="index.html"><img src="img/logo.png" type="image/png" href="index.html" alt="Anime is Real! (Logo)" id="logo"></a>
</header>
<br>
<nav align="center"> <!-- Holding the links below the header -->
<a href="index.html"><button>Home</button></a>
<a href="more.html"><button>About</button></a>
<a href="images.html"><button>Images</button></a>
<a href="contact.html"><button>Contact</button></a>
</nav>
<br>
<table width="100%"> <!-- The container for the three boxes under the seperator line -->
<tr>
<td width="20%"> <!-- The box on the left side of the page -->
<div id="block">
<p>Local fish lady thinks that anime is real...</p>
<a href="av/pranked.mp4" target="blank">
<button class="read">Read More</button></a>
<!-- 'Read More' buttons lead to the "pranked" video -->
<p>Local lizard watches anime, shocked to find out his dreams can come true...</p>
<a href="av/pranked.mp4" target="blank">
<button class="read">Read More</button></a>
<p>Japan weeaboos invade Russia...</p>
<a href="av/pranked.mp4" target="blank">
<button class="read">Read More</button></a>
<p>Local lady wants "senpai" to notice her...</p>
<a href="av/pranked.mp4" target="blank">
<button class="read">Read More</button></a>
</div>
</td>
<td width="60%" style="margin-left:7px; margin-right:7px;"> <!-- The box in the center of the page -->
<div>
<center>
<p>Phone Number - Call or text - (866)-740-4531<br>Contact Email: <a target="_blank" href="mailto:[email protected]" style="color:#585B84;text-decoration:none;">One of the Owners.</a></p>
<svg height="140" width="500" align="right"> <!-- The oval holding the address -->
    <ellipse cx="50%" cy="50%" rx="40%" ry="50%" style="fill:#585B84;stroke:#585B84;stroke-width:2px" />
    <text x="17%" y="53%" fill="#FFFFFF">Located in Flavor Town, Guy Fieri's Kitchen.</text><br>
    <sup>*Government seal of approval*</sup>
</svg>
</center>
<img src="img/groot1.png" type="image/png" width="100%" alt="Groot">
<center>
<h2>Quick Survey</h2>
<br><sup>(If you made it this far)</sup>
<table height="200px">
<tr>
<td style="border-radius:15px; width:48%; height:100%;">
<!-- The form below the Undertale dialogue image on the left -->
<form align="left">
<label for="seriousness_taken"><h4 align="left">Is anime real?</h4>
    <input id="seriousness_taken" type="radio" name="seriousness_taken" value="yes">Yes!<br>
    <input id="seriousness_taken" type="radio" name="seriousness_taken" value="no">No...
</label>
</form>
</td>
<td style="border-radius:15px; width:48%; height:100%;">
<!-- The form below the Undertale dialogue image on the right -->
<form align="right">
<label for="believability"><h4 align="right">Do you believe the information<br> on this website?</h4>
    <input id="believeability" type="radio" name="believeability" value="yes">Of course!<br>
    <input id="believeability" type="radio" name="believeability" value="no">No way, Jose.<br>
</label>
</form>
</td>
</tr>
</table>
<a href="submit.html" target="_blank"><input style="height:50px; width:400px; border-radius:15px; margin-top:7px; margin-bottom:7px;text-decoration:none;" type="submit" value="Submit"></a>
</center>
</div>
</td>
<td width="20%"> <!-- The box on the right side of the page -->
<div id="block">
<img src="img/anime1.jpg" alt="it's time to stop" type="image/jpg" id="anime">
<img src="img/smile1.jpg" alt="edgy smile" type="image/jpg" id="anime">
</div>
</td>
</tr>
</table>
</body>
</html>