<meta charset="UTF-8">

<meta name="author" content="westtle">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Random Cat</title>

<link rel="icon" type="image/x-icon" href="assets/media/images/icon-cat.png">

<link rel="stylesheet" type="text/css" href="assets/style/style.css">

<header>

<a class="header__icon" href="index.html">

<img src="assets/media/images/icon-cat.png">

<h2>Random Cat</h2>

</a>

<div id="js---btn-randomize" class="header__randomizer">

<span>Randomize!!</span>

</div>

</header>

<hr>

<main>

<div id="container__facts">

<div class="facts--cat-image">

<img id="js---random-image" src="#" alt="cat-picture">

</div>

<h4>Cat Facts</h4>

<div class="facts--cat">

<p id="js---facts--inner-text"></p>

</div>

</div>

</main>

<footer>

<hr id="bottom-hr">

<p>REST API:<br><a href="https://aws.random.cat/meow" target="_blank">https://aws.random.cat/meow</a>,

<a href="https://meowfacts.herokuapp.com/" target="_blank">https://meowfacts.herokuapp.com/</a></p>

</footer>

<script type="text/javascript" src="assets/script/script.js"></script>