Skip to content

Instantly share code, notes, and snippets.

@mohitnandwani
Last active March 15, 2022 18:11
Show Gist options
  • Save mohitnandwani/81658961cf8a287824066403ca22f15d to your computer and use it in GitHub Desktop.
Save mohitnandwani/81658961cf8a287824066403ca22f15d to your computer and use it in GitHub Desktop.
Tribute to Dr. Kalam
<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>
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%
}
<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