Tribute

In this example below you will see how to do a Tribute with some HTML / CSS and Javascript

My solution to the freeCodeCamp "Build a Tribute Page" project.

Thumbnail
This awesome code was written by roabell, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright roabell ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Tribute</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

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

  
</head>

<body>

  <h1 class="text-primary text-center">Sharks </h1>
<h2 class="text-center">A tribute to misunderstood animals</h2>

  <figure class="text-center">
    <img class="img-responive" src="https://c2.staticflickr.com/8/7322/14056538702_0ee0030d8a_b.jpg" alt="Lemon shark at surface with teeth showing" width="600">
    <figcaption>Lemon Shark</figcaption>
  </figure>

<h2>Sharks i've had the pleasure to swim with:</h1>

  <ul>
    <li>Lemon</li>
    <li>Tiger</li>
    <li>Reef</li>
    <li>Nurse</li>
    <li>Whale</li>
  </ul>

  <p>Visit the 
    <a href="http://www.supportoursharks.com/" target="_blank">
    Support Our Sharks</a> 
    organization website to learn more about sharks, and to find out how to help the world better understand these important fish.
  </p>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/roabell/tribute-aBaXYO */
body {
  margin-top: 60px;
  background-color: #ADD8E6;
}

Comments