Pen Settings

HTML

CSS

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

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

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.

HTML

              
                <body class="btn btn-block text-center">
  <link href="https://fonts.googleapis.com/css?family=Eczar" rel="stylesheet" type="text/css">
  <div class="container-fluid">
    <h1>Patrice Emery Lumumba</h1>
    <div class="row img-border">

      <img class="img-responsive center-block" src="http://www.etatdexception.net/wp-content/uploads/2013/03/Patrice-Lumumba1.jpg" alt "=Patrice Lumumba">
      <p class="text-center">Patrice Lumumba holding a press conference</p>
    </div>
    <h2>Here's a timeline of the life of Patrice Lumumba's life</h2>

    <ul class="text-justify">
      <li>1925:Born in Katakokombe, Belgian Congo</li>
      <li>1951: He married Pauline Opangu</li>
      <li>1955: He became regional Head of the cercles of Stanleyville and joined Liberty Party of Belgium, where he worked on editing and distributing party literature. He was then arrested on charges of embezzlement on a three week trip to Belgium.</li>
      <li>1956: He was released when the Belgian lawyer Jules Chrome confirmed that he returned the funds.</li>
      <li>1958: He found the broad based Mouvement National Congolais party
        <li>1959:Lumumba, was arrested for inciting an anti-colonial riot in Stanleyville where thirty people were killed.</li>
        <li>1960:Lumumba and the MNC won the right to form a government with the announcement on 23 June 1960 of 34 year old Patrice Lumumba as Congo's first prime minister and Joseph Kasavubu as its president.</li>
        <li>1960: On July 11, the state of Katanga declared independence under Moise Tshombe with support from the Belgian government mining companies such as Union Miniere.</li>
        <li>1960:On July 20, Lumumba traveled to New York to meet with the UN Secretary-General Dag Hammarskjold.</li>
        <li>1960:On August 9, he met with the Belgian embassador Jean van de Bosch who left shortly after under UN escort and the Belgian flag was removed from the embassy in Leopoldville.</li>
        <li>1960: On September 14, Colonel Joseph Mobutu, the Congolese Army chief of staff, organized a coup d'etat, politically incapacitating both Lumumba and Kasa-Vubu.</li>
        <li>1960: On December 1, Troops loyal to Mobutu capture Lumumba in Port Francqui, and then flew him to Leopoldville in ropes. He had escaped from his house arrest to Stanleyville in order to set up government and army there. </li>
        <li>1960: On December 3, Lumumba was sent to Thysvile military camp Hardy, 100 miles from Leopoldville.</li>
        <li>1960: On December 9, During a United Nations Security Council session, the Soviet demanded that the UN seek Lumumba's immediate release, the immediate restoration of Lumumba as head of the Congo government, the disarming of the forces of Mobutu,
          and the immediate evacuation of Belgians from the Congo,the immediate resignation of Hammarskjöld, the arrests of Mobutu and Tshombe, and the withdrawal of UN peacekeeping forces</li>
        <li>1961:On January 17, Lumumba was flown to Stanleyville where he was beaten and tortured by Belgian and Katangan officers while Moise Tshombe and his cabinet were deciding what to do with him.</li>
        <li>1961: On January 17, between 21:30 and 21:45 according to a Belgian commission report, in the presence of Moise Tshombe and two members of his cabinet, Belgian officers, Katangan officers, CIA officers lined up Lumumba, General Maurice Polo and
          Joseph Okito against a tree and shot them one at a time. Then they dismemembered the corpses, dissolved them in sulfuric acid, ground and scattered the bones.</li>
    </ul>
    <h4>"We must move forward, striking out tirelessly against imperialism. From all over the world we have to learn lessons which events afford. Lumumba's murder should be a lesson for all of us."</h4>
    <i>Che Gevara, 1964</i>
    <p>
      If you have time, you should read more about this incredible human being by visiting his<a href="https://en.wikipedia.org/wiki/Patrice_Lumumba">Wikipedia entry</a></p>
  </div>

</body>
              
            
!

CSS

              
                body {
  background-color: silver;
  font-family: eczar;
  width: 90%;
  word-wrap: break-word;
  margin: 5%;
  5%;
  5%;
  5%;
}

.img-border {
  background-color: white;
  border-width: 20px;
  border-style: solid;
}

img {
  border-radius: 20px;
  border-left: 30px solid white;
  border-right: 30px solid white;
  border-top: 30px solid white;
  border-bottom: 60px solid white;
}
ul {
  display: inline-block;
}
.row {
  margin: 30px 30px 30px 30px;
}
.container-fluid {
  : border-left: 2px solid #9a9996;
  border-right: 2px solid;
  border-top: 2px solid;
  border-bottom: 2px solid #9a9996;
  border: none;
  align: text-center;
}
h1 {
  font family: Eczar;
}
.larger-image {
  width: 500px;
}
h1 {
  text-align: center;
}
h2 {
  text-align: center;
}
a {
  text-align: center;
}

              
            
!

JS

              
                
              
            
!
999px

Console