Pen Settings



CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource


Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource


Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.


                <div class="container">
  <div class="well">
    <h1 class="text-center">Samuel Eto'o</h1>
    <h2 class="text-center">The Legendary Cameroon Attacker of all times</h2>

    <div class="thumbnail">
      <div class="row">
        <div class="col-md-3">
          <img src=""  class="img-responsive img-rounded">

        <div class="col-md-3">
          <img src="" class="img-responsive img-rounded">

        <div class="col-md-3">
          <img src="" class="img-responsive img-rounded">

        <div class="col-md-3">
          <img src="" class="img-responsive img-rounded">
      </div> <!--End of class="row"-->
      <div class="caption text-center">
        <p>The only Footballer to have won champion league in three consecutive seasons</p>
    </div> <!-- End of class="thumbnail" -->

      <div class="row">
        <div class="col-md-8 col-md-offset-2">
          <div class="lead">
            <p>Samuel Eto'o Fils (born 10 March 1981) is a Cameroonian professional footballer who plays as a striker for Turkish club Antalyaspor. He is the most decorated African player of all time, having won the African Player of the Year award a record four times: in 2003, 2004, 2005 and 2010. He was third in the FIFA World Player of the Year award in 2005.</p>
            <p >As a member of the Cameroon national team, Eto'o was a part of the squad that won the 2000 Olympic tournament. He has also participated in four World Cups and six Africa Cup of Nations (being champion twice) and is the all-time leading scorer in the history of the Africa Cup of Nations, with 18 goals. He is also Cameroon's all-time leading scorer and third most capped player, with 56 goals[6] from 118 caps. He announced his retirement from international football on 27 August 2014. In 2015, he received the Golden Foot Award.</p>
          </div> <!-- End class="lead" -->

          <h3>His Club career is as follows: </h3>
            <li><b>1997-1999</b> - Haven plaid with Kadji Sports Academy in Cameroon, Eto'o joined Real Madrid's youth academy in 1997 but could only train with Real Madrid B, as he was still a minor.  he was loaned to second division Leganés for the 1997–98 season. He was then load to Espanyol in 1999 and latter loaned to Mallorca.</li>
            <li><b>200-2004</b> - In Mallorca he scored six goals in 19 games and at the end of the season, he signed a permanent deal with Mallorca. He scored a total of 59 goals in Mallorca and was the club's all-time leading domestic league scorer</li>
            <li><b>2004-2009</b> - In summer 2004, he signed for Bacelona for a transfer fee of €24 million where he was one of the best football striker of all times and won two champion league finals.</li>
            <li><b>2009-2011</b> - On 27 July 2009, Eto'o passed his medical and signed a five years contract with Inter Millan where he won another champion league final and became the only player to win the treble in consecutive seasons</li>
            <li><b>2011-2013</b>On 23 August 2011, Russian club Anzhi Makhachkala reached an agreement with Inter to sign Eto'o in a three-year deal that made him the world's highest-paid player, with a salary of €20 million (after taxes) per season.</li>
            <li><b>2013-2014</b>On 29 August 2013, Eto'o signed a one-year deal with English side Chelsea</li>
            <li><b>2014-2014</b>Eto'o's contract with Chelsea expired at the end of the 2013–14 season, and on 26 August 2014, he joined fellow English Premier League side Everton, signing a two-year contract</li>
            <li><b>2015</b>- On 27 January 2015, Eto'o returned to the Italian Serie A, joining Sampdoria on a two-and-a-half-year deal</li>
            <li><b>2015 till present</b>- On 25 June 2015, Eto'o moved to Turkish side Antalyaspor on a three-year contract where he plays till present.</li>
          <p>For more information about Eto'o, his <a href="" target="_blank"> Wikipedia page will be helpful.</a></p>
        </div> <!-- End class="col-md-8 col-md-offset-2" -->
      </div>  <!-- End class="row" -->
  </div>  <!-- End of class="well"-->
  <footer class="text-center">Coded by Kum Paul.</footer>
</div> <!-- End of class="container"-->


                body {
  margin-top: 60px;