5.9_effects.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Jacob Howard">
<meta name="description" content="A website with live audio and video effects!">
<meta name="keywords" content="effects, audio, video, milwee, html">
<link rel="stylesheet" type="text/css" href="css\5.9_effects.css" />
<link rel="shortcut icon" type="image/png" href="img\favicons\fxicon.png">
<title>A/V Effects</title>
</head>
<body>
<section id="page">
<header>
<hgroup>
<img src="img\logos\fxlogo.png" type="image/png">
<h3>"What does A/V stand for? Air Vacuum?"</h3>
</hgroup>
</header>
<section id="articles">
<div class="line"></div>
<article id="article1" bgcolor="red">
<!-- The first A/V box. -->
<h2>A/V 1</h2>
<div class="line"></div>
<div class="articleBody clear">
<p style="font-size:14px;" align="right"><em>Click the videos to open them in a new tab</em></p>
<figure>
<a href="av\v_bloom.mp4" target="_blank"><video height="340px" width="620px" autoplay loop>
    <source src="av\v_bloom.mp4" type="video/mp4">
</video></a>
</figure>
<audio controls autoplay loop style="margin-top:115px; width:43%;">
    <source src="av\a_doorbell.wav" type="audio/wav">
</audio>
</div>
</article>
<div class="line"></div>
<!-- The second A/V box. -->
<article id="article2">
<h2>A/V 2</h2>
<div class="line"></div>
<div class="articleBody clear">
<p style="font-size:14px;" align="right"><em>Click the videos to open them in a new tab</em></p>
<figure>
<a href="av\v_hiking.mp4" target="_blank"><video height="340px" width="620px" autoplay loop>
    <source src="av\v_hiking.mp4" type="video/mp4">
</video></a>
</figure>
<audio controls autoplay loop style="margin-top:115px; width:43%;">
    <source src="av\a_ufo.wav" type="audio/wav">
</audio>
<p></p>
</div></article>
</section>
<footer>
<p>Copyright 2016 - NotARealSite.com</p>
</footer>
</section>
<!-- Some scripts that I did not create. -->
<script src="js\5.9_effects.js"></script>
<script src="jquery.scrollTo-1.4.2/jquery.scrollTo-min.js"></script>
<script src="script.js"></script>
</body>
</html>