Tribute page

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

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>Tribute page</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>

  <div class="fluid-container">
  <div class="row">
    <div class="col-sm-6 col-sm-offset-3">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h1 class="text-center">Sir David Attenborough</h1>
          <h2 class="text-center">The living legend!</h2>
        </div>

        <div class="panel-body">
          <img src="https://static.independent.co.uk/s3fs-public/styles/story_large/public/thumbnails/image/2015/11/24/18/web-David-Attenborough-1-pa.jpg" class="img-responsive">

          <h3>Autobiography</h3>
          <p>
            Sir David Frederick Attenborough OM CH CVO CBE FRS FLS FZS FSA (/ˈætənbərə/; born 8 May 1926) is an English broadcaster and naturalist.
          </p>
          <p>
          He is best known for writing and presenting the nine Life series, in conjunction with the BBC Natural History Unit, which collectively form a comprehensive survey of animal and plant life on the planet. He is also a former senior manager at the BBC, having served as controller of BBC Two and director of programming for BBC Television in the 1960s and 1970s. He is the only person to have won BAFTAs for programmes in each of black and white, colour, HD, and 3D.
          </p>
          <p>
          Attenborough is widely considered a national treasure in Britain, although he himself does not like the term. In 2002 he was named among the 100 Greatest Britons following a UK-wide vote. He is the younger brother of director, producer and actor Richard Attenborough, and older brother of motor executive John Attenborough.
          </p>
        </div>
        <div class="panel-footer">
          To find out more about Sir David Attenborough read this <a href="https://en.wikipedia.org/wiki/David_Attenborough" target="_blank">wikipedia article</a>
        </div>
      </div>
    </div>
  </div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/djbedford/tribute-page-aBazKx */
body {
  margin-top: 50px;
}

Comments