A Pen by Mohit Nandwani on CodePen.
Last active
March 15, 2022 18:11
-
-
Save mohitnandwani/81658961cf8a287824066403ca22f15d to your computer and use it in GitHub Desktop.
Tribute to Dr. Kalam
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css"> | |
<div class= "container"> | |
<div class= "jumbotron"> | |
<div class= "row"> | |
<div class= "col-xs-12"> | |
<h1 class= "text-center white-text">Dr. APJ Abdul Kalam </h1> | |
<h2 class= "text-center white-text"><em>The People's President</em></h2> | |
<div class= "thumbnail"><img class="img-responsive thick-border img-size" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/A._P._J._Abdul_Kalam.jpg/440px-A._P._J._Abdul_Kalam.jpg"> | |
<div class= "caption text-center white-text">Dr. Kalam during an interview.</div> | |
</div> | |
</div> | |
<div class= "col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> | |
<h3 class="text-center white-text"><hr>Here's a time line of Dr. Kalam's life:</h3> | |
<ul class="white-text list-style"> | |
<li><strong>1931</strong> : Avul Pakir Jainulabdeen Abdul Kalam was born to a boat owner, Jainulabudeen, and housewife, Ashiamma, on October 15, 1931 in Rameswaram, Tamil Nadu. He had to sell newspapers during his school days, in order to support his family. </li> | |
<li><strong>1954</strong> : Graduates in Physics from Saint Joseph's College, Tiruchirappalli, in 1954.</li> | |
<li><strong>1960</strong> : Gains degree in Aeronautical Engineering from Madras Institute of Technology. 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</strong> : Transferred to ISRO from the DRDO.</li> | |
<li><strong>1980</strong> : India enters the space club by putting the Rohini satellite in the near earth orbit with the first indigenous Satellite Launch Vehicle (SLV-III), developed under the stewardship of Dr. Kalam.</li> | |
<li><strong>1981</strong> : 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>1980s-1990s</strong> : As the chief of the Integrated Guided Missile Development Programme, he was responsible for the development and operationalisation of AGNI and PRITHVI Missiles.</li> | |
<li><strong>1990</strong> : Receives the second highest civilian award from the Indian Government, for his works at the ISRO and the DRDO.</li> | |
<li><strong>1992-1999</strong> : works as Chief Scientific Advisor to the PM and Secretary of the DRDO.</li> | |
<li><strong>1997</strong> : Receives the highest civilian award, the Bharat Ratna.</li> | |
<li><strong>1998</strong> : India conducts the Pokhran II nuclear tests in May with Dr. Kalam as the chief project coordinator.</li> | |
<li><strong>1999-2001</strong> : Principal Scientific Advisor to the Government of India.</li> | |
<li><strong>2002</strong> : Becomes the 11th President of India.</li> | |
<li><strong>2015</strong> : Dies at the age of 83.</li> | |
</ul> | |
<blockquote> | |
<p class= "white-text">"You have to dream before your dreams can come true."</p> | |
<footer class= "white-text"><cite>- Dr. APJ Abdul Kalam</cite> | |
</footer> | |
</blockquote> | |
<h4 class="white-text"><hr>If you have time, you should read more about this incredible human being on his <a target= "_blank" href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">Wikipedia entry</a> and watch his autobiography on <a target="_blank" href="https://www.youtube.com/watch?v=AWSTH8QSfdI">YouTube</a>.</h4> | |
</div> | |
</div> | |
</div> | |
</div> | |
<footer> | |
<hr> | |
<p class= "white-text text-center">Written and coded by <a target="_blank" href="https://www.freecodecamp.com/mohitnandwani">Mohit Nandwani</a>.</p> | |
</footer> | |
</div> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body{ | |
margin-top: 60px; | |
font-family: Ubuntu; | |
background-color: #0a0a0a; | |
} | |
.jumbotron{ | |
background-color: #181818 !important; | |
} | |
.img-size{ | |
display: block; | |
margin: auto; | |
width: 90%; | |
} | |
.img-responsive{ | |
} | |
.white-text{ | |
color: white; | |
} | |
.list-style{ | |
list-style-position: inside; | |
} | |
.thick-border{ | |
border-color: white; | |
border-style: solid; | |
border-radius: 1% | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment