1st Project: Tribute Page

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

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>1st Project: 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>

  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<div class="container-fluid" > 
  <div class="col-lg-12">
    <div class="well" >
  
      <h1 style="color:white">Francis Mungai Kiarie</h1>

      <h2><em>A distinguished Family Man</em></h2>
  
<img src="https://image.ibb.co/mNPQJQ/IMG_Guka.jpg" class="img-responsive img-rounded" alt="Photographed with some of his children and grandchildren" border="0" >
<p style="text-align:center;"><em>Photographed with some of his children and grandchildren</em></p>

<div class="container-fluid ">
  <div class="col-md-8 col-md-offset-2" >
    <div class="well " >
  <p>The above named Man was a family oriented man, who believed in keeping his Family together regardless of the circumstances.</p>

<p>I feel honored to have had such a great role model in my life, who also doubles as my Grandpa! What a blessing!</p>

<p>Below is his brief history from sunrise to sunset.</p>

<ul>
  <li><b>DoB:1910</b> in Kiambu county Kenya</li>
  <li><b>1914-1923:</b> Attended Nursery/Primary School</li>
  <li><b>1925-1927:</b> Vocational Training</li>
  <li><b>1932:</b> Met and later married his first wife, went ahead to have kids</li>
  <li><b>1938:</b> Met and later married his second wife and later had kids with her as well</li>
  <li><b>1955:</b> Met and later married his third wife whom he had kids with as well</li>
  <li><b>1996:</b> Sunset</li>
</ul>
    </div>
</div>

<div class="container-fluid">
  <div class="col-md-12">
   <div class="well"> 
  <br>
      
      
      <p>My Grandfather was a very hardworking man, who provided for his wives and kids. He placed great value on education and as proof, all his kids attended not only primary school, but some went as far as 6th form and beyond. He also could write which was not the case to most of his peers and this gave hime an edge in life. He could run his businesses, keep records of the cash inflow/outflow, all by himself; this wouldn't be possible if he didn't have any form of education. He was also a cattle farmer which meant lots of milk in the homestead and nyama choma during his kids social gatherings. He is a man who had his life together in general, and that can be witnessed with the things he left behind e.g, land, cattle, a homestead which holds endless memories for all of us, not forgetting the many local self help projects/groups he initiated to help assist the people in his village and beyond. <a href="http://kikuyuconstituency.com/category/projects/" target="-blank" >An example of projects that he actively participated in.</a> <br>
We all MISS him dearly and may he continue resting in peace.<br> 
Love and respect Ndinainaga,<br>
Your gacucu</p>
    </div>
  </div>
</div>

  
  <center>Written and coded by <a href="http://www.catwalkvilla.com/" target="_blank"><u>Pauline</u> </a><center>
    </div>
  </div>
  </div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/-Pey/1st-project-tribute-page-PjJWVm */

     h1 {
      text-align: center;
      font-weight: bold;
       font-color: white;
       background-color: Black;
      }
  
    h2 {
      text-align: center;
      color: black;
      text-decoration:underline;
      }

    img{
     margin: auto; 
 }
p{
  white-space: pre-line;
}


  

Comments