index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles/style.css">
    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<!-- If you desire to upload any of our resources to your social networks please remember you must insert the attribution
 *Designed by Freepik from www.flaticon.com* on the uploaded image and on the description of the image. -->
<!-- Minions gift from: https://giphy.com/gifs/aVGQQO1rfq5c4 -->
    <title> Banana! </title>
  </head>
  <body>
    <header class="header--container">
      <ul class="header--nav">
        <li> <a class="header--nav-link"href="https://es.wikipedia.org/wiki/Pl%C3%A1tano_de_Canarias"> Banana </a>
        </li>
        <li> <a class="header--nav-link"href="https://memezinga.osweekends.com/"> Super Memes</a> </li>
        <li> <a class="header--nav-link"href="https://giphy.com/explore/minions"> Minions</a> </li>
      </ul>
    </header>
    <main class="container">
      <h1> Wanna Banana!!! </h1>
      <figure class="gif-container">
        <img src="images/minions.gif" alt="Minions. Designed by Freepik from www.flaticon.com">
      </figure>
      <h2>Made with ❤️ by a Guilder</h2>
    </main>
    <footer class="footer--container">
      <ul class="footer--list">
        <li><a class="footer--link" href="https://github.com/UlisesGascon"> 😊 Ulises</a></li>
        <li><a class="footer--link" href="https://github.com/KoolTheba"> 😊 Theba</a></li>
      </ul>
    </footer>
  </body>
</html>