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. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ 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

              
                <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><!-- oswald font -->

<div class="container-fluid ">
  <h1 class="text-center" >Napoleon</h1>
 <center> <img src="http://i.telegraph.co.uk/multimedia/archive/03058/Napoleon_Bonaparte_3058757b.jpg" alt="napoleon" class="img-responsive" ></center>
  <p class="text-center">Photo: Alamy</p>
  <ul class="text-primary" style="margin-left:100px; margin-right:100px">
    <li><b>August 15, 1769:</b> ·Napoleon Bonaparte born in Ajaccio, Corsica.,</li> 
<li><b>May 17, 1779</b>:</b> ·Napoleon begins study at the royal military academy </li>
<li><b>October 17, 1784:</b> ·Enrolls in the Ecole Militaire</li> 
<li><b>October 28, 1785:</b> ·Graduates from Ecole Militaire with the rank of second lieutenant in the artillery.</li> 
<li><b>November 3, 1785:</b> ·Stationed in Valence</li> 
<li><b>July 14, 1789:</b> ·Paris mob storms the Bastille </li>
<li><b>May-October, 1792:</b> ·While in Paris with his regiment, Napoleon witnesses the storming of the Tuileries Palace and the dethroning of the French King, Louis XVI. </li>
<li><b>June 13, 1793:</b> ·Accused of being too pro-French, Napoleon and his family flee their household in Corsica </li>
<li><b>December 22, 1793:</b> ·For his courage at an internal French battle at Toulon, Napoleon receives the new rank of brigadier general </li>
<li><b>August 9-20, 1794:</b> ·Napoleon is imprisoned under suspicion of being a Jacobin and a supporter of Robespierre </li>
<li><b>June 13, 1795:</b> ·Napoleon is promoted to General of the Army of the West </li>
<li><b>October 5, 1795:</b> ·The government assigns Napoleon the task of suppressing civil strife and rebellion against the Republic </li>
<li><b>October 15, 1785:</b> ·At the home of Paul Francois Barras, a Directory member, Napoleon meets Rose de Beauharnais (Josephine) </li>
<li><b>October 16, 1785: </b>·Barras helps Napoleon win promotion to Commander of the Army of the Interior </li>
<li><b>March 2, 1786: </b>·Napoleon is given command of the French army in Italy </li>
<li><b>March 9, 1796:</b> ·Napoleon marries Josephine 
</li><li><b>March 11, 1796:</b> ·Italian campaign against Austria begins 
</li><li><b>May 10, 1796:</b> ·Napoleon wins the Battle of Lodi 
</li><li><b>November 17, 1796:</b> ·Napoleon wins the Battle of Arcole 
</li><li><b>January 14, 1797:</b> ·Napoleon wins the Battle of Rivoli 
</li><li><b>October 17, 1797:</b> ·Napoleon draws up the Treaty of Campo-Formio with Austria 
</li><li><b>December 5, 1797:</b> ·He returns to Paris a hero 
</li><li><b>May 19, 1798: </b>·Napoleon begins his Egyptian campaign 
</li><li><b>July 2, 1798:</b> ·Fall of Alexandria 
</li><li><b>July 21, 1798:</b> ·Wins Battle of the Pyramids against Mamelukes in Egypt 
</li><li><b>July 24, 1798:</b> ·Fall of Cairo 
</li><li><b>August 1, 1798:</b> ·Under the command of Admiral Nelson, the British fleet destroys the French navy in the Battle of Aboukir 
</li><li><b>August 23, 1799:</b> ·Receiving news of turmoil in France, Napoleon returns to Paris 
</li><li><b>November 9-10, 1799:</b> ·Following a coup d'etat, Napoleon becomes First Consul of the new French government 
</li><li><b>February 19, 1800:</b> ·Sets up a household in Tuileries Palace 
    <li><b>May 20, 1800:</b> ·Napoleon leads his army across the Alps in the Second Italian Campaign</li> 
</li><li><b>June 14, 1800:</b> ·Wins Battle of Marengo against Austria 
</li><li><b>February 9, 1800:</b> ·Treaty with Austria signed at Luneville 
</li><li><b>July 15, 1801:</b> ·Signing of the Concordat between France and Rome ends schism between the French government and the Catholic Church 
</li><li><b>December 24, 1801:</b> ·Napoleon escapes an assassination attempt 
</li><li><b>March 25, 1802:</b> ·Treaty of Amiens signed with Britain 
</li><li><b>May 1, 1802:</b> ·Napoleon restructures French educational system 
</li><li><b>August 4, 1802:</b> ·New constitution adopted, making Napoleon First Consul for life 
</li><li><b>May 3, 1803:</b> ·France sells Louisiana territory to U.S. 
</li><li><b>May 16, 1803:</b> ·England violates Treaty of Amiens 
</li><li><b>May 18, 1804:</b> ·Senate proclaims Napoleon Emperor 
</li><li><b>December 2, 1804:</b> ·Napoleon crowns himself Emperor in Notre-Dame Cathedral, Paris 
</li><li><b>March 17, 1805:</b> ·Napoleon is crowned king of Italy in Milan 
</li><li><b>October 21, 1805:</b> ·The Battle of Trafalgar marks yet another naval defeat to the British under the command of Admiral Nelson</li> 
<li><b>December 2, 1805:</b> ·Victory in the Battle of Austerlitz against Austria and Russia </li>
<li><b>March 30, 1806:</b> ·Napoleon names his brother, Joseph Bonaparte, king of Naples, and appoints other family members to various other posts </li>
<li><b>June 14, 1807:</b> ·Defeats the Russians at the Battle of Friedland </li>
<li><b>July 7, 1807:</b> ·Czar Alexander I makes peace with Napoleon in the Treaty of Tilsit </li>
<li><b>July 22, 1807:</b> ·Napoleon creates the Grand Duchy of Warsaw (Poland), to be overseen by France </li>
<li><b>November 30, 1807:</b> ·Beginning of French occupation of Portugal</li> 
<li><b>February 20, 1808:</b> ·Napoleon sends the French marshal Joachim Murat to lead an army in Spain </li>
<li><b>May 2, 1808:</b>·Unsuccessful Spanish revolt against French army under Murat </li>
<li><b>June 4, 1808:</b> ·Napoleon names Joseph Bonaparte King of Spain, and Murat King of Naples </li>
<li><b>December 15, 1809:</b> ·Divorces Josephine </li>
<li><b>April 2, 1810:</b> ·Marries Marie-Louise, Archduchess of Austria </li>
<li><b>March 20, 1811:</b> ·Napoleon's son born, referred to as the "King of Rome" </li>
<li><b>June 24, 1812:</b> ·Russian Campaign begins </li>
<li><b>September 14, 1812:</b> ·Grand Army enters Moscow to find the city abandoned and set aflame by the inhabitants; retreating in the midst of a frigid winter, the army suffers devastating losses</li> 
<li><b>December 18, 1812:</b> ·Napoleon returns to Paris </li>
<li><b>March 17, 1813:</b> ·Prussia declares war on France</li> 
<li><b>June 21, 1813:</b> ·The French fall to Spain in the Battle of Vitoria</li> 
<li><b>January 1814:</b> ·Anti-French coalition army enters France</li> 
<li><b>March 30-31, 1814:</b> ·Paris falls </li>
<li><b>April 2, 1814:</b> ·Senate proclaims end of the Empire; Napoleon's wife and son flee Paris. </li>
<li><b>April 4, 1814:</b> ·Napoleon abdicates his rule and Louis XVIII, a Bourbon, is restored to the French throne </li>
<li><b>May 4, 1814:</b> ·Napoleon is exiled to Elba; his wife and son take refuge in Vienna </li>
<li><b>March 1, 1815:</b> ·Escaping Elba, Napoleon returns in South France</li> 
<li><b>March 7, 1815: </b>·Napoleon rallies the French army </li>
<li><b>March 20, 1815:</b> ·Louis XVIII flees, Napoleon takes control, begins "Hundred Days" campaign </li>
<li><b>June 18, 1815:</b> ·Defeated in the Battle of Waterloo by the British and Prussians, led by Wellington and Blucher</li> 
<li><b>June 22, 1815:</b> ·Abdicates for the second time 
October 16, 1815: ·Napoleon is exiled to Saint Helena </li>
    <li class="text-danger"><b>March 5, 1821:</b> ·Napoleon dies</li> 
  </ul>
<h2 style="font-family:Oswald" class="text-center">"If you want a thing done well, do it yourself.<span style="font-size:16px">napoleon</span>"
 </h2>
<h4 style="margin-left:200px">also read at  <a href="https://en.wikipedia.org/wiki/Napoleon" target="_blank" >wikipedia</a></h4>

  

</div>
              
            
!

CSS

              
                b{
  
  color:black;
  
}
body{
  margin-top:40px;
}
              
            
!

JS

              
                
              
            
!
999px

Console