<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Tribute Page</title>
    <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
  </head>
  <body>
    <div id="main">
      <div id="title">
        <h2>The best videogame company in history</h2>
      </div>
      <div id="img-div">
        <center><img id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Nintendo_Logo_2017.png/800px-Nintendo_Logo_2017.png" alt="Acá va una imagen"></center>
        <div id="img-caption">
            Nintendo's famous logo
        </div>
      </div>
      <br>
      <div id="tribute-info">
        In its humble origins a toy store, a taxi company and even a hotel, Nintendo is today one of the most famous videogame company who has changed the industry for good, saving it from the abyss when people thought it was the end of videogames.<br><br>
        It has seen a lot of brilliant minds, from tallented composers to marvelous artists who have helped to change gaming forever. Like Shigeru Miyamoto, the very first game designer who created Super Mario. Or Keiji Inafume, creator of the legendary Zelda Theme. 
        <blockquote>
          "On my business card, I am a corporate president. In my mind, I am a game developer. But in my heart, I am a gamer."<br>
          <p id="author">-Satoru Iwata, ex-CEO of Nintendo (1959-2015)</p>
        </blockquote>
      </div>
      <center><p>For more information, please visit their page on<a id="tribute-link" href="https://es.wikipedia.org/wiki/Nintendo" target="_blank">Wikipedia</a>.</p><center>
      <div id="footer">
        Lucas Olivera 2018
      </div>
    </div>
  </body>
</html>

*{
  margin: 5px;
  font-family: "Trebuchet MS", sans-serif;
}

body{
  background-color: pink;
}

#main{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: auto;
  background-color:#eee;
  border-radius: 5px;
  padding: 5px;
}

#title{
  text-align: center;
  background-color: #de0000;
  color: #fff;
  text-shadow: -1px -1px #000000;
  border-radius: 5px;
}

#img-div{
  background-color: #de0000;
  border-radius: 5px;
  align-self: center;
}

#image{
  max-width: 50%;
  display: block;
  height: auto;
}

#img-caption{
  text-align: center;
  font-style: italic;
}

#tribute-info{
  text-align: justify;
}

blockquote{
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
  font-family: Georgia;
  font-style: italic;
  border-left: 4px solid #CCC;
  padding-left: 8px;
}

#author{
  text-align: right;
}

#footer{
  text-align: center;
  background-color: #de0000;
  color: #fff;
  text-shadow: -1px -1px #000000;
  border-radius: 5px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.