Tribute Page

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

Forked from violetlove26's Pen Tribute Page.

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>Tribute Page</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>

  
  
</head>

<body>

  <html>
 
  <style>
    
h1 {font-family: Monospace; 
    }
  
.larger-image {
    width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto 
    }
    
.container-fluid
    
 </style>
  <body>
    <div class="container fluid">
      <center><h1 class="text-primary" "text-center">Frida Kahlo</h1></center>
      <center><h2>Mexican painter known for her self portraits</h2></center>

    
<img class="larger-image" "displayed"
     src="http://www.dearvagina.com/wp-content/uploads/2014/07/Frida-Kahlo-008.jpg">
    
    <p>“I paint self-portraits because I am so often alone, because I am the person I know best”</p>
    
    <h4>Facts about Frida Kahlo</h4>
    <ul>
      <li>Her full name is Magdalena Carmen Frieda Kahlo y Calderon</li>
      <li>She didn’t always plan on being an artist, but instead had enrolled in a med program in Mexico City. After her automobile injury and her convalescence, she began to paint.</li>
      
      
    </ul>
    
    <a href="https://en.wikipedia.org/wiki/Frida_Kahlo">Wikipedia Page</a>

   

  </body>
</html>
  
  

</body>

</html>

Comments