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.


                </-- my first html page, this is about the greatest boxer of all time, Muhhamad Ali.-->

<div class="container">
<div class="jumbotron">
 <div class="row">
  <div class="col-xs-12">
       <h1 class="text-center">Muhhamad Ali</h1>
      <h2 class="text-center"><em>The Greatest Boxer of All Time</em></h2>
      <div class="thumbnail"><img src=></div>
        <div class="caption text-center">Muhhamad Ali(right) vs George Foreman(left) in the famous event called "The Rumble in the Jungle" in  Kinshasa, Zaire (now Democratic Republic of the Congo) on October 30, 1974 (at 4:00 am). Held at the 20th of May Stadium (now the Stade Tata Raphaël),</div>

      <div class="col-xs-12 cols-sm-10 col-sm-offset-1 col-md-8 col-offset-2"></div>

<h3> Here's a timeline of Muhhamad Ali's life: </h3>
          <li><strong>Jan 17, 1942 :</strong> Cassius Clay is born in Louisville, Kentucky.</li>
          <li><strong>Sept 5, 1960 :</strong>  After winning three bouts in the qualifying round at the Rome 1960 Olympic Games, Cassius Clay defeats Zbigniew Pietrzykowski, of Poland, for the gold medal. Clay was just 18 when he won the gold medal by a decision.</li>
          <li><strong>Feb 25, 1964 : </strong>At 22, Ali defeats champion Sonny Liston in a technical knockout to win the world heavyweight boxing crown in Miami. </li>
          <li><strong>March 6, 1964 : </strong>Cassius Clay officially changes his name to Muhammad Ali. Elijah Muhammad, a leader in the Nation of Islam, made a radio broadcast about the name change. Muhammad means “one worthy of praise.” Ali is the name of a cousin of a prophet.  </li>
           <li><strong>Aug 14, 1964 : </strong> Ali married Sonji Roi. The marriage later ends in divorce.   </li>
          <li><strong>April 1967 : </strong> Ali refuses to join the U.S. Army citing his opposition to the Vietnam War. He is subsequently barred from boxing and his title was stripped.    </li>
          <li><strong>Aug 17, 1967 : </strong> Ali married Belinda Boyd. After the wedding, she converted to Islam. The marriage later ends in divorce.    </li>
          <li><strong>Oct 26, 1970 : </strong> Ali is reinstated into boxing.</li>
          <li><strong>March 8, 1971 : </strong> “The Fight of the Century” takes place between Ali and Joe Frazier in New York’s Madison Square Garden. Frazier won by a unanimous decision in 15 rounds. The bout marked Ali’s first defeat of his pro career. </li>
          <li><strong>April 19, 1971 : </strong> The legal fight under the case name, Cassius Marsellus Clay, Jr. v. United States was argued before the U.S. Supreme Court. </li>
          <li><strong>June 28, 1971 : </strong>  The U.S. Supreme Court reversed Ali’s 1967 conviction. </li>
          <li><strong>Jan 28, 1974 : </strong>  Ali and Frazier have a rematch in Madison Square Garden. This time, Ali won in 12 rounds. </li>
          <li><strong>Oct 30, 1974 : </strong>  The famed “Rumble in the Jungle” fight takes place in Zaire and Ali knocks out George Foreman in the eighth round. Ali famously tires out Foreman using the “rope-a-dope” strategy. </li>
          <li><strong>Oct 1, 1975 :
</strong>  Ali took on Frazier for a third (and final) time, this time in the Philippines. Ali beat Frazier in a TKO in the 14th round in what is forever known as “The Thrilla in Manila”.</li>
          <li><strong>Oct 1, 1975 : </strong>
            Ali’s biography, “The Greatest: My Own Story,” by Richard Durham, is published. Among the topics is in the book is the mention that Ali threw his Olympic gold medal into the Ohio River. There have been varying reports about Ali losing his medal since. </li>
          <li><strong>Dec 30, 1977 : </strong> Ali’s daughter, Laila, was born. She is the daughter of Ali and his third wife, Veronica Porsche. Laila went on to become a professional boxer. </li>
          <li><strong>Feb 15, 1976 : </strong> Ali loses to 1976 Olympic champion Leon Spinks in 15 rounds by a split decision. </li>
          <li><strong>June 27, 1979 : </strong>Ali announces his retirement. </li>
          <li><strong>Oct 3, 1980 : </strong>Ali comes out of retirement to face Larry Holmes in Caesars Palace in Las Vegas. Holmes overmatched Ali, and Ali’s corner stopped the fight after 10 rounds. </li>
          <li><strong>1984 : </strong>Although Ali had shown some signs he might have Parkinson’s disease, a degenerative disease of the brain, leading up to the Holmes fight in 1980, he officially is diagnosed with the ailment. </li>
          <li><strong>Nov 19, 1986 : </strong>  Ali marries his fourth wife, Yolanda “Lonnie” Williams. </li>
          <li><strong>July 19, 1996 : </strong> Ali lights the Olympic cauldron during the Opening Ceremony for the Atlanta 1996 Olympic Games. He also received a replacement gold medal for the one he won in 1960. </li>
          <li><strong>June 3, 2016 : </strong> Ali dies at age 74 in Phoenix, after being hospitalized with respiratory issues. </li>
<p> "I am the Greatest , I said that even before I knew I was."</p>
  <footer> <cite> Muhhamad Ali </cite></footer>
  <h3> Ali without a doubt is an extraordinary human being, he inspires a lot of people, if you interested more about him you can check this  <a href= target="_blank"> link </a> for more information.
        <footer class="text-right">
          <p> Written and coded by <a href= target="_blank"> Indra Permana </a> Thanks to 
    <a href= target="_blank"> freecodecamp </a>