images.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>
<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%">
<!-- The box in the center of the page -->
<div>
<p align="center">Still don't believe us? Just look at these happy customers!*<br><sup>*paid actors</sup></p>
<img src="img/seabas1.jpg" type="image/jpg" alt="seabass" align="left" height="580px" width="300px" style="margin-top:0px;">
<img src="img/jaek1.jpg" type="image/jpg" alt="jake" align="right" height="580px" width="300px" style="margin-top:0px;">
</div>
</td>
<td width="20%"> <!-- The box on the right side of the page -->
<div>
<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>