123

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.

            
              <div class="bodyfull">
<h1 class="text-center head">
  APJ Abdul Kalam
  <h5 class="text-center">The Missile Man of India</h5></h1>
  <img src="http://www.powerhumans.com/wp-content/uploads/2015/09/kalam-top-ten-rules.jpg" class="img1">
  
  
  
  
  
  
  
  
  
  
  
  
  
 

  <div class="text-center caption" style="padding-top:2%;">"Dreams have to be dreamt before they come true"
  </div>
<hr>
  <div style="padding:4%">
    <div>
      Bharat Ratna Avul Pakir Jainulabdeen Abdul Kalam, generally known as Dr. A.P.J. Abdul Kalam, was the 11th President of India (2002-2007).By profession he was a scientist and an administrator in India. He worked with Indian Space Research Organisation (ISRO) and Defense Research and Development Organisation (DRDO) as an aerospace engineer before becoming the President of India. His work on the development of launch vehicle and ballistic missile technology had earned him the name of the 'Missile Man of India'. The Pokhran-II nuclear tests conducted in India in 1998 after the original nuclear test of 1974 saw him in a pivotal political, organisational and technical role.</div>
   <br>
    <div> <strong>Timeline of the great man India saw-</strong>
      <br>
  <ul>
    <li><strong>15 Oct 1931 - A great scientist is born to a boat-owner's family</strong><br>Avul Pakir Jainulabdeen Abdul Kalam was born to a boat owner, Jainulabudeen, and housewife, Ashiamma, on October 15, 1931. He had to sell newspapers during his school days, in order to support his family.</li>
    
    <li><strong>1960 - Became a scientist with DRDO</strong><br>After narrowly missing-out on becoming a fighter-pilot, Kalam went on to become a scientist, as he joined the Defence Research and Development Organisation (DRDO), where he designed a helicopter.</li>
    
    <li><strong>1969 - Joined space research at ISRO</strong><br>Kalam, however, was not too convinced about his work at the DRDO, and transferred to the Indian Space Research Organisation (ISRO).</li>
    
    <li><strong>18 Sep 1980 - Launched India's first indegenous satellite</strong><br>He became India's first project director to launch a satellite launch vehicle (SLV-III). The ISRO successfully deployed Rohini into the orbit. Rohini lasted for around 20 days in the Earth's orbit.</li>
    
    <li><strong>1981 - Received Padma Bhushan</strong><br>Due to his incredible work at the ISRO, launching India's first home-made satellite, the Government of India gave him the Padma Bhushan award in the Civil Service category.</li>
    
    <li><strong>1970s - The Devil and the Valiant</strong><br>In the 1970s, Kalam was also involved in two projects that were sanctioned to build missiles. These projects were reportedly rejected by the Union Cabinet. Prime Minister Indira Gandhi used her discretionary powers to fund these projects secretly. However, these projects were brought to a halt in 1974 (Project Valiant) and in 1980 (Project Devil).</li>
    
    <li><strong>1980s - Builds crucial missiles for India</strong><br>Kalam was appointed as the chief executive of the Integrated Guided Missile Development Programme (IGMDP). Under his guidance, different missiles like the Agni, and the Prithvi were developed. However, the IGMDP was criticised later, for mismanagement, and overrunning budgets.</li>
    
    <li><strong>1990 - Padma Vibhushan</strong><br>Kalam received the second highest civilian award from the Indian Government, for his works at the ISRO and the DRDO. He was given the Padma Vibhushan award in the Science & Engineering category.</li>
    
    <li><strong>1992 to 1999 - Nuclear Testing</strong><br>During this period, Kalam was the Chief Scientific Adviser to Prime Ministers like PV Narasimha Rao and Atal Bihari Vajpayee. The government conducted the Pokhran-II nuclear tests, of which, Kalam served as the Chief Project Coordinator, with R Chidambaram.</li>
    
    <li><strong>1997 - Bharat Ratna</strong><br>Kalam's achievements were recognised by the Indian Government, as he received the highest civilian award, the Bharat Ratna.</li>
    
    <li><strong>25 July 2002 - Becomes the 11th President of India</strong><br>Kalam won a landslide vote in the Presidential elections, and proceeded to become the first scientist to make it to the Rashtrapati Bhavan. He was also the third Bharat Ratna awardee to become the President.</li>
    
    <li><strong>24 July 2007 - End of Presidency</strong><br>After five years in office, when he signed the Office of Profit Bill, and also heard 21 mercy petitions from prisoners who were handed out capital punishment, Kalam finally decided that he would not stand for re-election.</li>
    
    <li><strong>27 July 2015 - The People's President passes away</strong><br>After collapsing while giving a lecture at IIM Shilong, Abdul Kalam died in a local hospital, leaving behind his lifelong works on aeronautics, space research, missiles, nuclear tests, and of course, being remembered as one of the most popular Presidents of India. He was adored for his motivational speeches, and was recognised as the Youth Icon by MTV, in 2003 and 2006.</li>
   </ul>
      <hr>
</div>
 
      <h4><strong>Further reads-</strong></h4>
        <ul>
          <li><a href="www.abdulkalam.com/">Official Website</a>
          </li>
          <li><a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">Wikipedia</a>
          </li>
          <li><a href="https://www.brainyquote.com/quotes/authors/a/a_p_j_abdul_kalam.html
">Quotes</a></li>
      </ul>
     <div class="container"> 
       <div class="jumbotron"><blockquote><h3>"When I'm dead, do not declare a holiday. Instead work a day extra"</h3></blockquote>
         <footer>-APJ Abdul Kalam</footer>
       </div>
      </div>
     
      <hr>
    <div class="text-center" style="color:#555;">Designed, written, and coded by © <a href="https://codepen.io/Kshitijaa/">Kshitijaa Jaglan</a></div>
      
            
          
!
            
              body{
  margin:2% 10% 0 10%;
}

.bodyfull{
  background-color:rgb(220, 220, 220); 
  height:100%;
  border-radius:2px;
  padding:2% 1% 5% 1%;

}

.head{
  color:#333;
    padding-top:15px;
    font-size:;
}

.img1{
  width:100%;
  height:auto;
  padding-top:3%;
}

            
          
!
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.

Console