5.7_pinkfairyarm.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Jacob Howard">
<meta name="description" content="The Pink Fairy Armadillo!">
<meta name="keywords" content="html, armadillo, pink fairy armadillo, block level elements">
<link rel="shortcut icon" type="image/jpg" href="img\favicons\pinkfairyarm.jpg">
<link rel="stylesheet" type="text/css" href="css\5.7_pinkfairyarm.css">
<title>The Pink Fairy Armadillo</title>
</head>

<body>
<center>
<div>
<header>
<br><br><br>
<!-- The logo. -->
<img src="img\logos\thepinkfairyarmlogo.png" type="image/png">
</header>
<nav>
<!-- Hyperlinks to other resources used in the making of this page. -->
<a target="_blank" href="https://en.wikipedia.org/wiki/Pink_fairy_armadillo"><button>PFA On Wikipedia</button></a>
<a target="_blank" href="http://animaldiversity.org/accounts/Chlamyphorus_truncatus/"><button>PFA on Animal Diversity</button></a>
<a target="_blank" href="http://a-z-animals.com/animals/pink-fairy-armadillo/"><button>More Information</button></a>
<a target="_blank" href="https://www.youtube.com/watch?v=SLq9yF66BBk"><button>YouTube video of the PFA</button></a>
<a target="_blank" href="https://animalcorner.co.uk/animals/armadillo/"><button>Other Armadillos!</button></a>
</nav>
<article>
<p>
<br> The <em>Pink Fairy armadillo</em> is an animal that has been
<br> listed as <strong>'Threatened'</strong> since 1970.
<br> This is because of the fact that there
<br> are a lot of prey that tend to want to hunt the
<br> Pink Fairy - a <u>dangerous</u> amount.
<br> And just some weather problems
<br> in general that could possibly cause a
<br> harmful climate to the <em>Pink Fairy armadillo</em>.
</p>
<img
    style="height:140px; width:325px;"
    src="img\pinkfairyarm.png">
</article>
<aside>
<!-- This is all displayed on the left side of the page where the quiz is created. -->
<form>
<label for="grade-levels"><h3>Did this article help you learn <br>something new about the <br>Pink Fairy armadillo?</h3>
    <input id="yesno" type="radio" name="didThisHelp" value="Yes" checked> Yes!<br>
    <input id="yesno" type="radio" name="didThisHelp" value="Nope"> Nope.<br>
</label>
</form>
<form>
<label for="grade-levels"><h3>Did you already know about <br>the Pink Fairy armadillo <br>before reading this article?</h3>
    <input id="yesno" type="radio" name="didYouKnow" value="Yes" checked> Yes!<br>
    <input id="yesno" type="radio" name="didYouKnow" value="Nope"> Nope.<br>
<!-- This is the submit button. -->
    <input style="
    height:50px;
    width:499px;
    border: 1px solid black;
    backgroud:pink;
    border-radius:15px;
    "type="submit"
    value="Submit">
</label>
</form>
</aside>
<footer>
<!-- The makeshift copyright notice. -->
<h4>Page designed by <em>Jacob Howard</em>, 2016.</h4>
</footer>
</div>
</center>
</body>
</html>