A tribute to Kumar Sangakkara - FreeCodeCamp

A tribute to Kumar Sangakkara - FreeCodeCamp.markdown

A tribute to Kumar Sangakkara - FreeCodeCamp

I built this tribute page as a part of FreeCodeCamp Challenge.

A Pen by Nikhil P Naik on CodePen.

License.

index.html

  <header class="container-fluid jumbotron" id="sangaheader">
    <div class="row">
      <div class="col-xs-12 text-center">
        <img src="http://s.ndtvimg.com/images/entities/300/kumar-sangakkara-369.png" class="img-responsive center-block" alt="" />
        <h1>Kumar Sangakkara</h1>
        <h3><em>Former Sri Lankan Cricketer </em></h3>
        
       </div>
      <div class="row">
      </div>
    </div>
  </header>
  
  <div class="container-fluid" id="aboutsanga">
    <div class="row">
      <div class="col-xs-12 text-center">
        <h2>Facts about Sangakkara</h2>
        <ul>
          <li>Kumar Sangakkara won three ICC awards in 2012 – Cricketer of the Year, Test Cricketer of the Year and People’s Choice award.
          </li>
          <li>In 2012, he became the second Sri Lankan after Mahela Jayawardene to get to the 10,000-run mark in Tests. He became the joint-fastest batsman to get to the landmark.
          </li>
          <li>Along with teammate Mahela Jayawardene he has recorded the highest partnership for any wicket in Test cricket scoring 624 runs for the 3rd wicket against South Africa in 2006.
</li>
          <li>Kumar Sangakkara was named the ICC ODI player of the year in 2013.
</li>
          <li>Sangakkara is the first batsman to score four centuries on the trot in ODIs.
</li>
          <li>As a specialist batsman only Don Bradman has a higher average than him.
</li>
          <li>Among his many credentials Sangakkara is the quickest batsman of all time to grasp 8,000, 9,000, & 11,000 runs in Test cricket.
</li>
          <li>Home (averaging 61) or abroad (averaging 54), Sangakkara’s runs have been evenly distributed, and in no foreign destination has the ex-captain averaged less than 44.11.
</li>
          <li>Starting in 2002 with 230 against Pakistan in Lahore, he has amassed 11 double-centuries, of which one exceeds the 300 mark.
</li>
          <li>With 501 victims behind the wicket, he surpassed Adam Gilchrist’s 472 ODI dismissals by quite a margin.
</li>
          <li>Sangakkara also leads the chart with the highest number of ODI stumpings – 99.
</li>
          <li>Sanga is the second highest run scorer in ODI matches after Sachin Tendulkar.
</li>
        </ul>
      </div>
      <div class="col-md-3 col-md-offset-5">
      <button onclick="window.location.href='https://en.wikipedia.org/wiki/Kumar_Sangakkara'" class="text-center btn btn-lg btn-success">Know more about Sanga</button>
      </div></div>
        
  </div>

style.css

body {
  background-color: #383C3F;
}


#sangaheader {
  padding-top: 7em;
  padding-bottom: 7em;
  background-image: url('http://s3.postimg.org/pgomjz0dv/footer_lodyas.png');
  color: white;
}


#aboutsanga {
  color: white;
  padding: 3em;
}



.jumbotron {
  margin-bottom: 0em;
}

body {overflow-x: hidden;}

#aboutsanga ul li {
  
  padding: 1em 1.5em;
}

#aboutsanga ul li{
  display: block;
  padding: 1em 1.5em 1em 0;
}

styles

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