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="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
        
  <h1 class="text-center">A.P.J Abdul Kalam</h1>
  <h2 class="text-center"><em>The Missile Man of India</em></h2>
  <div class="thumbnail"><img src="http://media2.intoday.in/indiatoday/images/stories/abdul_kalam_rashtrapati_india_wallpapers_647_073115015525.jpg"></img>
        
      </div>
       <p class="lead">Former President of India, Avul Pakir Jainulabdeen Abdul Kalam was hailed as an Indian scientist who served the President’s term from 2002 to 2007. He studied aerospace engineering and physics and his last four decades were spent as an administrator of science.</p>
      <div class="col-xs-12">
        <h2>Here's a time line of Dr. Kalam's life and career:</h2>
      
        <h3>Early Life</h3>
        <p style="font-size:12px;">A.P.J Abdul Kalam (15th October 1931- 27 July 2015) born in Rameswaram into a Tamil Muslim family in Tamil Nadu itself. He came from a humble background where his father, a boat owner and mother, a housewife brought him up. He used to distribute newspaper after the completion of his school so that he could support his father. What he had was a yearning to learn more. He was in Ramanathapuram Schwartz Matriculation School and later he went to Saint Joseph’s College from where he became a physics graduate. In 1955 he went to Madras to pursue his studies further in Madras.</p>
        <h3>Career As a Scientist</h3>
        <p style="font-size:12px;">For the Indian army, A.P.J Abdul Kalam designed a mini helicopter. Major breakthrough came when he was transferred to ISRO catering to the project of SLV-III. Being the representative of TBRL, he acted as the representative of Smiling Buddha which was the first nuclear test to be conducted. In 1980s, his extensive research work and development brought many accolades and laurel to his name. From July 1992 onwards he served as the Chief Scientific Adviser to the then Prime Minister. His role in the field of technological and political field is remarkable during the nuclear tests of Pokhran-II.</p>
     
      <h3>Career as the President of India</h3>
      <p style="font-size:12px;">A.P.J Abdul Kalam won the election of President in 2002 by surpassing mammoth votes. His term as President was from 25 July 2002 to 25 July 2007. He was backed by the parties of National Congress and Samajwadi Party. It was an easy victory for him and he became the 11th President of India. He received the highest civilian honour Bharat Ratna and the third person to do so. Occupying the seat of Rashtrapati Bhavan he was indeed the first bachelor and the first scientist as well. However, in 2012 he declined for the role of President for the second term.</p>
        <h3>Fondness for Education and Students</h3>
        <p style="font-size:12px;">After retiring from the post of scientific adviser in 1999, his main mission was to interact with as many as 100,000 students. He felt the joy in meeting with the youth of the country particularly the high school students. He found a way to ignite their mind for the development of India.</p>
        <h3>Death</h3>
        <p style="font-size:12px;">He was delivering a lecture on 27th July 2015 at IIM Shillong where at 6:30 pm he suffered a heart attack massively and critical his condition was, he was shifted to Bethany Hospital where thereafter, he died of cardiac arrest.</p>
        </div>
    <div>  <blockquote>
            <p>"Don’t take rest after your first victory because if you fail in second, more lips are waiting to say that your first victory was just luck."</p></blockquote></div>
        <div  class="col-xs-12">
          <h2>Awards and Honours:</h2>
          <ul>
            <li><strong>2014</strong> - Doctor of Science Edinburgh University</li>
            <li><strong>2013</strong> - Von Braun from the National Space Society</li>
            <li><strong>2012</strong> - Doctor of Laws Simon Fraser University</li>
            <li><strong>2011</strong> - IEEE Honorary Membership IEEE</li>
            <li><strong>2009</strong> - Hoover Medal ASME Foundation, USA</li>
            <li><strong>2008</strong> - Doctor of Engineering Nanyang Technological University, Singapore</li>
            <li><strong>2007</strong> - Doctorate of Science from University of Wolverhampton, UK and King Charles II Medal from Royal Society, UK</li>
            <li><strong>2000</strong> - Ramanujan Award from Alwars Research Centre, Chennai</li>
            <li><strong>1998</strong> - Veer Savarkar Award from Government of India</li>
            <li><strong>1997</strong> - Indira Gandhi Award for National Integration from Indian National Congress and Bharat Ratna from Government of India</li>
            <li><strong>1990</strong> - Padma Vibhushan from Government of India</li>
            <li><strong>1981</strong> - Padma Bhushan from Government of India</li>
            
          </ul>
          
        </div>
       <div>  <blockquote>
            <p>"All of us do not have equal talent. But , all of us have an equal opportunity to develop our talents.” - A.P.J Abdul Kalam </p></blockquote></div>
      <h4 class="text-center">Learn more about Dr. A.P.J. Abdul Kalam on his <a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam" target="_blank"> Wikipedia</a> Page.</h4>
         
   </div>
  </div>
</div>
<footer class="text-center">
    <hr>
    <p>Written and coded by <a href="https://codepen.io/Khushboo_15/">Khushboo Yadav</a>.</p>
  </footer> 
</div>
            
          
!
            
              body
{
  margin-top:60px;
}
            
          
!
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