<!DOCTYPE html>
<html>

<head>
  <title>The Stan Lee Tribute Page</title>
  <link href="tributepage.css" rel="stylesheet" type="text/css">
</head>

<body>
  <main id="main">
    <h1 id="title">Stan Lee</h1>
    <p id="sub-title">Tribute to an icon</p>

    <figure id="img-div">
      <img src="https://images.unsplash.com/photo-1542434684-41a0bf4e6cd3?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ" id="img" alt="graffiti art of Stan lee">

      <figcaption id="img-caption"><em>Stan Lee tribute graffiti art work. Artist: Lushlux</em></figcaption>
    </figure>

    <section id="tribute-info">
      <h3 id="facts">Marvelous facts about Stan lee:</h3>
      <ul>
        <li><strong>1922</strong> - Born, Stanley Martin Lieber.</li>
        <li><strong>1937</strong> - Recognized by the <em>New York Herald Tribune</em> for his essay entry in a contest sponsored by the paper which he claimed "probably changed my life".</li>
        <li><strong>1939</strong> - Joined the WPA Federal Theatre Project. Became an assistant at the <em>Timely Comics</em> division of <em>Pulp Magazine</em> and comic-book publisher, Martin Goodman's company.</li>
        <li><strong>1941</strong> - Stan Lee's first superhero co-creation, the <em>Destroyer</em>, in <em>Mystic Comics.</em></li>
        <li><strong>1942</strong> - Joined the United States Army and served as a member of the signal corps.</li>
        <li><strong>1947</strong> - Marries Joan Clayton Babcock.</li>
        <li><strong>1950</strong> - Birth of the 'Marvel Revolution' which brought about titles such as the <em>Fantastic Four, Xmen, Thor, Iron man</em> amongst others.</li>
        <li><strong>1971</strong> - Indirectly helped to reform the <em>Comics code</em>.</li>
        <li><strong>1972</strong> - Stopped writing comics to assume a publishing role.</li>
        <li><strong>1981</strong> - Moved to West Hollywood, California, to a house previously owned by comedian Jack Benny's radio announcer, Don Wilson</li>
        <li><strong>2001</strong> - Formed <em>POW! (Purveyors of Wonder) entertainment</em> with Gill Champion and Arthur Lieberman to develop film, television and video game properties.</li>
        <li><strong>2010</strong> - The Stan Lee foundation which focuses on literacy, education and the arts, was founded.</li>
        <li><strong>2018</strong> - Dies at the age of 95.</li>
      </ul>
      <blockquote>
        <p>"THAT PERSON WHO HELPS OTHERS SIMPLY BECAUSE IT SHOULD OR MUST BE DONE, AND BECAUSE IT IS THE RIGHT THING TO DO, IS INDEED WITHOUT A DOUBT, A REAL <strong>SUPERHERO</strong>"</p> <cite>--STAN LEE.</cite></blockquote>

      <footer>For more info about his amazing achievements, look up his <a href="https://en.wikipedia.org/wiki/Stan_Lee" target="_blank" id="tribute-link">Wikipedia entry</a>.</footer>
    </section>
  </main>

</body>

</html>
body {
  background-image: url("https://cdn.pixabay.com/photo/2016/09/03/12/06/marvel-1641554_960_720.jpg");
  text-align: center;
  line-height: ;
}
#main {
  background-color: rgb(250, 250, 141);
  margin: 30px;
  border-radius: 15px;
}
#title {
  font-size: 35px;
  font-family: tahoma, Helvetica, sans-serif;
  text-transform: capitalize;
  color: rgb(124, 124, 209);
  padding-top: 15px;
}
#sub-title {
  font-family: brush script std;
  font-size: 2em;
  margin: 0;
}
#img-div {
  background-color: whitesmoke;
  text-align: center;
}
#img {
  width: 800px;
  padding-top: 40px;
  max-width: 85%;
}
#img-caption {
  padding: 10px 0 10px 0;
}

ul {
  font-size: 15px;
  line-height: 30px;
  font-family: tahoma, Helvetica, sans-serif;
  text-align: justify;
  list-style: none;
  max-width: 50%;
  width: 600px;
  margin: auto;
}

#facts {
  text-align: center;
  color: rgb(51, 51, 192);
  margin-top: 50px;
}

#tribute-link {
  color: rgb(124, 124, 209);
}
blockquote {
  font-family: century gothic;
  line-height: 1.5;
  margin: auto;
  width: 600px;
  max-width: 100%;
}
footer {
  font-size: 20px;
  padding: 10px 0 10px 0;
  font-weight: bold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.