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=Josefin+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<div class="container-fluid">
  <div class="Row">
  <div class="col-xs-12 well" id="main-well">
    <h1 class="text-left" id="heading1">Vallabhbhai Patel<br /><h4>&nbsp The Iron Man of India</h4> </h1> <hr />
    
      <div class="col-xs-8">
        <cite="http://sardarpateltrust.org/">
          <h2 class="text-left">Introduction</h2>
 <!-- Intorductory text copied for sardarpateltrust.org-->
       <p> SARDAR PATEL was one of the founders of our constitution. It worked in India's favor that the Constituent Assembly was not elected on the basis of adult franchise. First rate minds were handpicked from all parts of India for their knowledge, vision and dedication.</p> 
<p>
The story of Sardar Patel's life is easily told. Though his real date of birth is ambiguous, the date given for his matriculation exam was October 31, 1875, which he never changed - rather typical of the constancy, which characterised his mental make-up. 
</p>
<p>Sardar Patel was born to parents who were deeply religious. While Vallabhbhai became the architect of modern India, his brother Vithalbhai was the first speaker of the Central Legislative Assembly. Vallabhbhai was an affectionate man with a fine sense of humour, a side seen by rare few. </p>
<p>Mahatma Gandhi has gone on record saying that during the sixteen months in jail, he was kept in peals of laughter by Vallabhbhai, who was a co-inmate.</p>
<p>Vallabhbhai never courted publicity. He never projected himself and quietly did his work. He was a true Karma yogi. 
</p>
<p>
  <strong>Missons :</strong> 
His foremost ambition was to consolidate India. The Times of London said that Vallabhbhai's achievement of the integration of the Indian states would rank with that of Bismarck or probably higher.</p>
<p>
His second ambition was to ensure the survival of a united country by creating a strong civil service. He conceived the Indian Administrative Service (IAS) in place of the Indian Civil Service (ICS). He also conceived the Indian Civil Service (IPS). Both these services are very much existant today and have enabled India to survive as a democratic state. 
</p>
 <p>
His third ambition was to make India economically strong, prosperous and progressive, a vision that every Indian carries forward today.
</p>
<p>
Sardar not only aimed at territorial integration but also the integration of different communities by developing a sense of national identity. He managed to liquidate 554 princely states without liquidating the princes! Had it not been for his vision, India would have achieved freedom without independence. 
        </p>
        <p>
Sardar Patel was also the chairman of the Minorities Sub-Committee of the Constituent Assembly. He sought communal integration and made different communities give up their claim for separate electorates. Like a true leader, he did not flatter people but plainly told them where they were wrong. 
        </p>
        <p>
Vallabhbhai was never anti-Muslim but he was against fanaticism. His courage in banning the RSS showed, he was secular and non-communal in his approach. In Sardar Patel's words, "the most dangerous thing in a democracy is to interfere with the Services." 
        </p>
        <p>
Sardar's memorable response to independence gained in 1947 was, "What we have is not Swaraj, but only freedom from foreign rule. The people have still to win internal Swaraj, abolish distinctions of caste or creed, banish untouchability, improve the lot of the hungry masses, and live as one joint family in short, to create a new way of life and bring about a change of heart and a change of outlook." 
        </p>
        <p>
Sardar Patel never posed as a Socialist. He had no property of his own, expect his personal belongings. Once an ardent Socialist approached him with an appeal to abolish inequality of wealth and cited as an instance that X was master of several millions. The Sardar let him expatiate on the distribution of surplus wealth. When he had finished, Sardar Patel coolly looked at him and said; 
        </p>
        <p>
" I know the extent of X's wealth. If all of it were distributed equally among the people of India, Your share would be about four annas and three paise. I am willing to give it to you from my own pocket if you understand to talk no more about this." 
        </p>
        <P>
Sardar wanted to purge capitalism of its ugly face but he also realised that wealth has to be created first, before it can be distributed. 
          </p>
        <p>
His greatest achievements were the unification and integration of India and the creation of a strong and independent civil service. 
        </p>
        <p>
It's a tragedy, the lessons taught by the outstanding Indian patriot and statesman who unquestionably ranks among the world class, are so little remembered today. 
        </p>
        <p>
Sardar Patel is regarded as one of the greatest Indians of this century simply by the impact he made on his contemporaries. Here's what they said: 
"Jawaharlal is a thinker and Sardar is a doer." These were Gandhiji's words at the Karachi session of the Congress in 1931. 
The Sardar was also a thinker but not an impractical visionary. 
Lord Wavell's diary described Sardar as "...certainly the most impressive of the Congress Leaders and has the best balance." 
        </p>
        <p>
The Sardar shared Wavell's belief that Indian can be governed firmly, or not at all. 
        </p>
        <p>
To Sardar Patel, the unity and integrity of Indian was of paramount importance. He shared the view of the Indian thinker who, when he was told that it was the British who divide and rule said, "It is we who divide and they rule" 
        </p>
        <p>
The India of today is certainly not the India of Sardar Patel's dreams. We are still far from the vision of the greatness he sought to achieve for the nation.</p>
          <h4>
<p>
  Read More about Sardar Vallabhbhai Patel at <a href="https://en.wikipedia.org/wiki/Vallabhbhai_Patel" target="blank">Wikipedia</a> and <a href="http://sardarpateltrust.org/" target="blank">Sardar Patel Trust Organisation</a>
            </p></h4>
      </div>
      <div class="col-xs-4 well " id="image-well">
        
        <img src="https://www.dropbox.com/s/ua2u6c5xahoqa6t/5689838988_3e4bb91416_o.jpg?raw=1" class="img-responsive" id="image1">Sardar Vallabhbhai Patel photograph on October 31, 1949, his 74th birthday<br /> <hr />
        <p><strong>Facts & Details </strong></p>
        <ul>
          <li><p>
            <strong> Born</strong>
            </p><p>31 Oct 1875 <br />Nadiad, Gujarat</p></li>
          <li><p><strong>Died</strong></p><p>	15 December 1950 (aged 75)<br />
Bombay</p></li>
         <li> <p>
            <strong>1st Deputy Prime Minister of India</strong></p>
          <p> (15 Aug 1947 – 15 Dec 1950)
           </p></li>
        <li>  <p><strong> Minister of Home Affairs</strong></p><p>(15 Aug 1948 – 15 Dec 1950)       
          </p></li>
          <p>
         <li>   <strong> Profession </strong>
          </p>
          <p>
            Lawyer <br /> Political Activist
          </p></li>
        <li>  <p>
            <strong> Awards </strong>
          </p>
          <p>
            Bharat Ratna
          </p></li>
        <img src="http://im.rediff.com/news/2013/oct/31ss1a.jpg" class="img-responsive" id="statue">The Statue of Unity(Under Construction). <br />Read more on <a href="https://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwiiipTXxe3MAhWDv48KHQywDOQQFggcMAA&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FStatue_of_Unity&usg=AFQjCNGNbVGdD_V2Ifp4n9wTJAKoJlcYmA" target="blank">Wikipedia</a>
        <img src="https://www.dropbox.com/s/oo5bt7qzp5qtfdt/Sardar-Vallabhbhai-Patel-portrait.jpg?raw=1" class="img-responsive" id="portrait">Painting of Sardar Vallabhbhai Patel
      </div>
    </div>
    
  </div>
    <h5 class="text-center">Written and Coded by Viral Patel</h5>
</div>
            
          
!
            
              body{
  margin:60px 20px 20px 20px;
  background-color:rgb(255,240,245);
}
h1{
  font-family:'Josefin Sans','Oswald','Roboto Slab',;
  font-size:50px;
}
#statue{
  padding-top:25px;
  padding-bottom:0;
}
#portrait{
  padding-top:25px;
  padding-bottom:0px;
}
#image1{
  padding-top:25px;
}

            
          
!
            
              $(document).ready(function(){
  $("#image-well").css("background-color","rgb(255,255,255)");
  $("#main-well").css("background-color","rgb(224,224,224)");
  $("p").addClass("text-justify");
    
});
            
          
!
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