FreeCodeCamp : A Tribute Page

freecodecamp-a-tribute-page.markdown

FreeCodeCamp : A Tribute Page

A tribute page to honorable Mr.Gopichand, Indian badminton Coach.

A Pen by Ruchika Sood on CodePen.

License.

index.html

<div class="container">
  <div class="jumbotron">
    <div class="row heading">
      <div class="col-xs-20 col-sm-100">
        <h2 class="text-center" id="pullela">Pullela Gopichand</h2></div>
      <div>
        <h2 class="text-center" id="tag">Don Vito Corleone of Indian badminton</h2></div>
        <div class="thumbnail" id="photo"><image src="http://static.sportskeeda.com/wp-content/uploads/2014/10/pullela-gopichand-1412599353.jpg">
          
  <!--img src="http://www.animatedimages.org/data/media/417/animated-badminton-image-0041.gif"-->
          <div class="caption text-center">The man behind several inspirations</div>
</div>

          <div class="col-xs-12 para">
            <p>
              He is the silent guardian,taking care of our national treasures.“Jump and smash. Jump and toss”,he screams.He believes that a player’s job is only to play. It is not the player’s job to strategise. A player has to show up well rested, well trained and execute what is the coach’s homework. It’s the coach’s job</p>
          

        </div>
  <div class="row">
    <div class="col-xs-5 col-xs-offset-1 timeline">
          <h3>Here's a time line of Dr. Borlaug's life:</h3>
    
    <ul>
      <li><strong>1973 </strong>-Pullela Gopichand was born on 16 November , at Nagandla, Prakasam district, Andhra Pradesh, to Pullela Subash Chandra and Subbaravamma.</li>
      <li><strong>1985 </strong>-He was interested in sports from a young age. As a little boy he used to play cricket and took up badminton at the age of 11 on the encouragement of his elder brother. Even then, he played the sport only recreationally for some time before participating in competitions.</li>
      <li>-He completed his schooling from St. Paul's High School, Hyderabad. Then he earned his degree in public administration from A. V. College
      </li>
      <li><strong>1990</strong>-An emerging talent in badminton, he served as the captain of the Indian combined universities badminton team</li>
 
      <li><strong>1991</strong>-In 1991 he was also selected for his state’s junior badminton team.</li>
  
      <li>-Even though he received support from his mother, he was also expected to appear for engineering exams.</li>
        
  </div>
      
    
    <div class="col-xs-5 timetwo">
          <h3>His array of Achievements:</h3>
          
          
          <ul>
            <li><strong></strong> A gold medal at SAARC badminton tournament</li>
            <li><strong>1998</strong> - A silver in the team event and a bronze in men's singles at 1998 Commonwealth Games</li>
            <li><strong>2001</strong> - Winning the prestigious All England Open Badminton Championships at Birmingham</li>
            <li><strong>1999</strong>-Arjuna Award, Rajiv Gandhi Khel Ratna, Padma Shri, Dronacharya Award, Padma Bhushan have been deservingly showered on him.
           
          </ul>
          <div>"The Gopichand Badminton Academy, a badminton training facility in Hyderabad, was founded in 2008. The facility which is modeled after Prakash Padukone Badminton Academy, boasts of a world-class training facility. In addition, physiotherapy, food and diet programs are also available."       
          </div>
          <blockquote>
            "  P' stands for Pullela and 'P' stands for Padma Shri,"
            
          </blockquote>
      
    
      
         
    </div>
    
    <div class="col-xs-10 col-xs-offset-1"> <h6>If you want to know more about this man the refer this <a href="http://www.thefamouspeople.com/profiles/pullela-gopichand-7132.php" target="_blank">page</a>.</h6>
      
    </div>
      </div>
    </div> 
  </div>
  <footer class="text-center">
    <hr>
    <p>Written and coded by <a href="https://www.freecodecamp.com/quincylarson" target="_blank">Ruchika Sood</a></p>
  </footer>  
</div>  

style.css

body {
  margin-top: 60px;
}
#pullela{
  background-color: orange;
  color: white;
  font-family: "calibri";
 }
.blue{
  background-color:blue;  
}
#tag{
top-align:10px;
  font-family:"calibri";
  text-align: center;
  color: white;
background-color: green;
  
}

.timetwo,.para,.timeline{
  text-align:justify;
}

#photo{
  border-style:solid ;
  border-color:grey;
  border-width:7px;
  width: 60%;
  left: 20%;
  position:relative;
  vertical-align: center;
  
}

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />