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.

            
              <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<div class="container-fluid"> 
<style>
  .font-improver{
    font-family:Monospace;
    margin-top: 100px;
  }
  .img-improver{
    width:900px;
    height:500px;
    border-color: green;
    border-width: 2px;
    border-style: groove;
    border-radius: 5px;
  }
  #wellclass{
    background-color: white;
  }
  #outer-well{
    background-color: white;
  }
  .font-others{
    font-family:Pacifico;
  }
  </style>
  <div class="well" id="outer-well">
<h1 class="text-center font-improver">Mahatma Gandhi</h1>
<h2 class="text-center text-primary">Freedom Fighter</h2>
<img class="img-responsive img-improver center-block" src="http://cp91279.biography.com/1000509261001/1000509261001_2033463483001_Mahatma-Gandhi-A-Legacy-of-Peace.jpg" alt="Mahatma Gandhi">
    <div class="well" id="wellclass">
<div class="row font-others" style="font-size:15px">
  <div class="col-sm-offset-2 col-sm-9">
<ul>
  <li>October 2, 1869: ·Birth of Mohandas Karamchand Gandhi </li>
  <li>1883: ·Gandhi and Kasturbai are married.</li>
  <li>1885: ·Death of Karamchand Gandhi, Gandhi's father </li>
  <li>September 4, 1888: ·Gandhi leaves for England to study law. </li>
  <li>June 10, 1891: ·Gandhi passes the bar exam in England. </li>
  <li>1891-1893: ·Gandhi fails as a lawyer in India.</li>
  <li>April 1893: ·Gandhi accepts commission to spend a year in South Africa advising on a lawsuit.</li>
  <li>Spring 1894: ·Gandhi elects to stay on South Africa, and founds the Natal Indian Congress.</li>
  <li>
Spring 1896: ·Gandhi returns to India to collect his wife and children.</li>
  <li>December 1896: ·Gandhi returns to South Africa with his family. </li>
  <li>October 1899: ·Outbreak of Boer War (1899-1901) in South Africa. Gandhi organizes an ambulance corps for the British. </li>
  <li>1901: ·Gandhi returns to India to attend the Indian National Congress. G.K. Gokhale introduces him to nationalist leaders.  </li>
  <li>1901-1906: ·Gandhi struggles toward Brahmacharya, or celibacy, finally ending his sexual activity in 1906. </li>
  <li>
1904: ·Nationalists found the magazine the Indian Opinion, and soon print it on Gandhi's farm, the "Phoenix Settlement." </li>
  <li>July 31, 1907: ·The Boer Republic Transvaal, now under the control of the British, attempts to register all Indians as members; Gandhi and others refuse to register. Their resistance efforts mark the first use of nonviolent non-cooperation by the Indian minority in South Africa, soon calledsatyagraha, or "soul-force." </li>
  <li>January 11, 1908: ·Gandhi is arrested and sentenced to two months in prison. </li>
  <li>October 10, 1908: ·Gandhi is arrested again, spends a month in jail. </li>
  <li>1909: ·Gandhi travels to London, pushing for rights of South African Indians. The Transvaal registration law is repealed. </li>
  <li>November 13, 1913: ·Indians in Natal and Transvaal, under Gandhi's leadership, march peacefully in protest of a racist poll tax and marriage laws. The marches continue through the winter. .</li>
  <li>June 30, 1914: ·Gandhi and Smuts, the Prime Minister of the Transvaal, reach an agreement, ending the protests. 
</li>
  <li>July 18, 1914: ·Gandhi sails to England</li>
  <li>August 1914: ·Gandhi arrives in England, just at the outbreak of World War I(1914-1918). </li>
  <li>January 9, 1915: ·Gandhi returns home to India, and receives a hero's welcome.
   <li>May 25, 1915: ·Gandhi and his followers found Satyagraha ashram, the religiously-oriented communal farm where Gandhi, his family, and his followers will live.</li>
   <li> April 6, 1919: ·Nationalists hold a hartal, or day of fasting and prayer, in protest of the Rowlatt Act, which drastically curtails civil liberties in India. </li>
   <li>April 13, 1919: ·Amritsar Massacre; Under General Dyer, British troops slaughter Indian protesters. </li>
   <li>August 1, 1920: ·Gandhi calls for a period of non-cooperation across India. </li>
   <li>March 10, 1922: ·Gandhi is arrested for sedition. </li>
   <li>March 1922-January 1924: ·Gandhi remains in prison. </li>
  <li>1924-1928: ·Gandhi avoids politics, focusing his writings on the improvement of India.</li>
  <li>1925: Despite his long absence from politics, Gandhi becomes President of the Indian National Congress.</li>
  <li> February-August 1928: ·Residents in the district of Bardoli protest high rents using methods of non-cooperation inspired by Gandhi. </li>
   <li>January 26, 1930: ·Gandhi publishes the Declaration of Independence of India. </li>
   <li>March 2, 1931: ·Gandhi warns the Viceroy of his intention to break the Salt Laws.</li>
   <li> March 12-April 6, 1931: ·Gandhi leads his Salt March to the sea.</li>
   <li>May 5, 1931: ·Gandhi is arrested for violating the Salt Laws; non-cooperation movements break out across India. </li>
  <li>January 1931: ·British government yields to protests, releases all prisoners, invites a Congress representative to Britain for a Round Table Conference (the Congress asks Gandhi to be this representative).</li>
  <li> Autumn 1931: ·Gandhi participates in the Round Table Conference in Britain. </li>
   <li>December 28, 1931: ·Gandhi returns to India. </li>
   <li> January 4, 1932: ·Gandhi is arrested for sedition, and held without a trial. </li>
   <li>September 20-25, 1932: ·Gandhi fasts in prison to protest the treatment of untouchables. </li>
   <li>1934-38: ·Gandhi avoids politics, travels in rural India.</li>
   <li> 1935: ·Government of India Act passes British Parliament and is implemented in India; it is the first movement toward independence. </li>
  <li>September 1939: · World War II begins, lasting until 1945.  </li>
    <li>March 22, 1942: ·Sir Stafford Cripps arrives in India, presenting to the Indian National Congress a proposal for Dominion status (autonomy within the British Commonwealth) after the War. </li>
  <li>August 8, 1942: ·The Indian National Congress rejects the Cripps proposal, and declares it will grant its support for the British war effort only in return for independence.</li>
  <li>August 1942: ·Congress leaders are arrested; Gandhi is imprisoned in the Aga Khan's palace. 
February 10 to March 2, 1943: ·Gandhi fasts while imprisoned, to protest British rule. </li>
  <li>February 22, 1944: ·Death of Kasturbai </li>
  <li>
May 6, 1944: ·Gandhi is released from the Aga Khan's palace. </li>
  <li>
Summer 1944: ·Gandhi visits Muhammed Ali Jinnah in Bombay, but is unable to work out an agreement that will keep India whole.</li>
  <li>May 16, 1946: ·British Cabinet Mission publishes proposal for an Indian state, without partition; Jinnah and the Muslim League reject the proposal. </li>
   <li>March 1947: ·Lord Mountbatten arrives in India and hammers out agreement for independence and partition. </li>
   <li>August 15, 1947: ·Indian independence becomes official, as does the partition into two countries, India and Pakistan. </li>
  <li>August-December 1948: ·India dissolves into chaos and killings, as Hindus and Muslims flee for the borders of India and Pakistan. </li>
  <li>January 30, 1948: ·Gandhi is assassinated by Nathuram Vinayuk Godse, a Hindu nationalist</li>
  </ul>
    </div>
  </div> </div>
    <div class="row font-others">
<div class="col-md-offset-2 col-md-9"><p style="font-size: 35px">
  "Strength does not come from physical capacity. It comes from an indomitable will"</p>
  <div class="col-md-offset-3">
  <p style="font-size:30px" class="text-primary">-Mahatma</p></div>
      </div>
      </div>
    <div class="row text-center">
<p style="font-size: 20px">To know more about Mahatma<a href="https://en.wikipedia.org/wiki/Mahatma_Gandhi" target="_blank"> click here</a></p>
    <p class="font-others">Desinged & Coded by Chandrahas</p></div>
  </div>
  </div>
  </div>
            
          
!
            
              body {
  background-color: white;
}
            
          
!
            
              document.getElementsByTagName("h1")[0].style.fontSize = "80px";
            
          
!
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