css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <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="https://cdn.vox-cdn.com/thumbor/83N548Y7XW1CGwcKwbZluNulsr8=/0x0:599x399/1200x800/filters:focal(0x0:599x399)/cdn.vox-cdn.com/uploads/chorus_image/image/32972315/GYI0060803916.0.jpg"  class="img-responsive img-rounded">
        </div>

        <div class="col-md-3">
          <img src="http://s1.dmcdn.net/D_Z6Y.jpg" class="img-responsive img-rounded">
        </div>

        <div class="col-md-3">
          <img src="http://img.bfmtv.com/c/1256/708/f62/a0580da48185690b33d2e26cfdd86.jpeg" class="img-responsive img-rounded">
        </div>

        <div class="col-md-3">
          <img src="http://www1.pictures.zimbio.com/gi/Cameroon+v+Denmark+Group+E+2010+FIFA+World+WqcxZek2gKNx.jpg" class="img-responsive img-rounded">
        </div>
      </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>
    </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>
          <ul>
            <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>
          </ul>
          <p>For more information about Eto'o, his <a href="https://en.wikipedia.org/wiki/Samuel_Eto%27o" 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"-->
  <hr>
  <footer class="text-center">Coded by Kum Paul.</footer>
</div> <!-- End of class="container"-->
            
          
!
            
              body {
  margin-top: 60px;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console