Mridul0001/freecodecamp-tribute-page.markdown

## freecodecamp-tribute-page.markdown

      
    Raw
  

              freecodecamp-tribute-page.markdown
            
          
    Freecodecamp-Tribute page

This is a project for freecodecamp's Responsive Web Design course.
Project Title - Tribute Page
Developer - Mridul Mahajan
A Pen by Mridul0001 on CodePen.
License.

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>FreeCodeCamp-Tribute Page</title>
    <link href="https://fonts.googleapis.com/css?family=Amita|Muli&display=swap" rel="stylesheet">
    <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
    <meta charset="UTF-8">
    <meta name="description" content="FreeCodeCamp-Tribute Page">
    <meta name="keywords" content="fcc,freecodecamp,tribute page">
    <meta name="author" content="Mridul Mahajan">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <main id="main">
      <h1 id="title">A.P.J. Abdul Kalam</h1>
      <p id="honor">Bharat Ratna</p>
      <hr>
      <div id="img-div">
        <img id="image" src="http://www.abdulkalam.com/kalam/theme/assets/images/Nation.jpg" alt="">
        <p id="img-caption">Image: A P J Abdul Kalam delivering a speech</p>
      </div>
      <hr>
      <h2 id="tribute-info">Know his life in 10 points:</h2>
      <ol>
        <li><strong>APJ Abdul Kalam’s Childhood</strong>
<p>The great scientist, former President of the country and 'Bharat Ratna' APJ Abdul Kalam was born on 15 October 1931 in Rameshwaram (Tamil Nadu) to a poor Tamilian Muslim family. APJ Abdul Kalam used to sell newspapers to support family’s income in childhood. He received his early education from 'Schwartz Higher Secondary School' in Ramanathapuram.</p></li>
        <li><strong>Wanted to be IAF Pilot</strong>
<p>APJ Abdul Kalam was an average student in his class but had deep interest in mathematics. In 1954, Kalam completed his graduation in Physics from St. Joseph's College in Tiruchirappalli (affiliated to Madras University). He wanted to join Indian Air Force (IAF) as a fighter pilot. Once he applied in IAF and got ninth rank in merit list while vacancies were only eight.</p></li>
        <li><strong>Birds became inspiration</strong>
<p>Once as a President, he went to a school in Mumbai, when asked by a child, he told that he got an inspiration of flying high from the birds. Dr. Kalam received a degree in aeronautical engineering from Madras Engineering College in 1960.</p></li>
        <li><strong>India’s Missile Man</strong>
<p>India built its first indigenous satellite launch vehicle SLV-3 under Dr. Kalam's direction. He also helped India to built missiles like ‘Agni’ and ‘Prithvi’. Dr. Kalam is famous as Missile Man of India because of his major contribution in the same field.</p></li>
        <li><strong>APJ Abdul Kalam and Vision 2020</strong>
<p>Dr. APJ Abdul Kalam prepared a vision 2020 document so that India can become a superpower in the field of science and technology.  According to his plan, medium range missiles should have developed. He also wanted to make Anti Tank Missiles, Ground to Air and Reintree Experiment Launch Vehicle (Rex).</p></li>
        <li><strong>Books by Dr. Kalam</strong>
<p>Dr. APJ Abdul Kalam received doctorate degree from more than 40 universities. He has written many books and some of them are - Wings of Fire, India 2020, Ignited Maid, My Journey among others.</p></li>
        <li><strong>Awards and Recognitions</strong>
<p>Dr. APJ Abdul Kalam was awarded the country's highest civilian honor, the Padma Bhushan in 1981 and then the Padma Vibhushan in 1990 and the Bharat Ratna in 1997. Kalam is the third President of the country who received the Bharat Ratna before his appointment to the highest post of India. Dr. Sarvapalli Radhakrishnan and Zakir Hussain received this honour before him.</p></li>
        <li><strong>Teaching after President of India</strong>
<p>Dr. APJ Abdul Kalam never left his passion of study and connection with education. He became visiting professor at the Indian Institute of Management Shillong, an honorary fellow of Indian Institute of Science, Bangalore and visiting professor at the Indian Institute of Management Indore after leaving office of President of India.</p></li>
        <li><strong>Dr. Kalam’s death</strong>
<p>Dr. APJ Abdul Kalam was delivering his last lecture at the Indian Institute of Management Shillong when he experienced some discomfort and collapsed. He was declared dead of a sudden cardiac arrest at 7.45 pm on 27 July 2015.</p></li>
        <li><strong>APJ Abdul Kalam Memorial</strong>
<p>It was built in the memory of great scientist by DRDO in Pei Karumbu, in the island town of Rameshwaram, Tamil Nadu. The replicas of rockets and missiles which Kalam had worked with are on display at this memorial.</p></li>
      </ol>
      <blockquote cite="http://www.abdulkalam.com/kalam/theme/jsp/guest/kalam-quotes.jsp">
        <p>
          There is no success without failure. Failures are just intermittent blockades, Success is the final destination.
        </p>
        <cite>Dr. APJ Abdul Kalam</cite>
      </blockquote>
      <p>
        Dr. Kalam's life can not be described in few points. His personality was bigger than mountains, deeper than oceans, brighter than the sun. Follow this link to <a id="tribute-link" href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam" id="tribute-link" target="_blank">understand Bharat Ratna A P J Abdul Kalam's life in more depth</a>.
      </p>
    </main>
  </body>
</html>

## style.css
body{
  font-family: Muli, sans-serif;
  text-align: justify;
  background-color:#E5DADA;
}
#main{
  margin: auto;
  max-width: 50%;
  color: #02040F;
}
#honor, #title, #img-caption, h2{
  text-align: center;
}
#honor{
  line-height:1px;
  font-size:2em;
  opacity:0.7;
}
a{
  text-decoration: none;
  color: #0000FF;
}
a:hover{
  color:#840032;
}
#image{
  max-width: 100%;
  display: block;
  height: auto;
  border-radius:50%;
}
blockquote{
  background-color:#D1C7C7;
  font-family: Amita, sans-serif;
  padding:1px 20px 20px 20px;
  border-radius:10px;
}
div{
  background-color:#D1C7C7;
  padding-top:20px;
  padding-right:20px;
  padding-bottom:5px;
  padding-left:20px;
  border-radius:5px;
}
blockquote:hover{
  animation-name:hov;
  animation-duration:500ms;
  animation-fill-mode: forwards;
}
@keyframes hov{
  100%{
  background-color:#02040F;
  color:#D1C7C7;
  }
}
li{
  font-weight:bold;
}
li > p {
  font-weight:normal;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>FreeCodeCamp-Tribute Page</title>
	<link href="https://fonts.googleapis.com/css?family=Amita\|Muli&display=swap" rel="stylesheet">
	<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
	<meta charset="UTF-8">
	<meta name="description" content="FreeCodeCamp-Tribute Page">
	<meta name="keywords" content="fcc,freecodecamp,tribute page">
	<meta name="author" content="Mridul Mahajan">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
	<main id="main">
	<h1 id="title">A.P.J. Abdul Kalam</h1>
	<p id="honor">Bharat Ratna</p>
	<hr>
	<div id="img-div">
	<img id="image" src="http://www.abdulkalam.com/kalam/theme/assets/images/Nation.jpg" alt="">
	<p id="img-caption">Image: A P J Abdul Kalam delivering a speech</p>
	</div>
	<hr>
	<h2 id="tribute-info">Know his life in 10 points:</h2>
	<ol>
	<li><strong>APJ Abdul Kalam’s Childhood</strong>
	<p>The great scientist, former President of the country and 'Bharat Ratna' APJ Abdul Kalam was born on 15 October 1931 in Rameshwaram (Tamil Nadu) to a poor Tamilian Muslim family. APJ Abdul Kalam used to sell newspapers to support family’s income in childhood. He received his early education from 'Schwartz Higher Secondary School' in Ramanathapuram.</p></li>
	<li><strong>Wanted to be IAF Pilot</strong>
	<p>APJ Abdul Kalam was an average student in his class but had deep interest in mathematics. In 1954, Kalam completed his graduation in Physics from St. Joseph's College in Tiruchirappalli (affiliated to Madras University). He wanted to join Indian Air Force (IAF) as a fighter pilot. Once he applied in IAF and got ninth rank in merit list while vacancies were only eight.</p></li>
	<li><strong>Birds became inspiration</strong>
	<p>Once as a President, he went to a school in Mumbai, when asked by a child, he told that he got an inspiration of flying high from the birds. Dr. Kalam received a degree in aeronautical engineering from Madras Engineering College in 1960.</p></li>
	<li><strong>India’s Missile Man</strong>
	<p>India built its first indigenous satellite launch vehicle SLV-3 under Dr. Kalam's direction. He also helped India to built missiles like ‘Agni’ and ‘Prithvi’. Dr. Kalam is famous as Missile Man of India because of his major contribution in the same field.</p></li>
	<li><strong>APJ Abdul Kalam and Vision 2020</strong>
	<p>Dr. APJ Abdul Kalam prepared a vision 2020 document so that India can become a superpower in the field of science and technology. According to his plan, medium range missiles should have developed. He also wanted to make Anti Tank Missiles, Ground to Air and Reintree Experiment Launch Vehicle (Rex).</p></li>
	<li><strong>Books by Dr. Kalam</strong>
	<p>Dr. APJ Abdul Kalam received doctorate degree from more than 40 universities. He has written many books and some of them are - Wings of Fire, India 2020, Ignited Maid, My Journey among others.</p></li>
	<li><strong>Awards and Recognitions</strong>
	<p>Dr. APJ Abdul Kalam was awarded the country's highest civilian honor, the Padma Bhushan in 1981 and then the Padma Vibhushan in 1990 and the Bharat Ratna in 1997. Kalam is the third President of the country who received the Bharat Ratna before his appointment to the highest post of India. Dr. Sarvapalli Radhakrishnan and Zakir Hussain received this honour before him.</p></li>
	<li><strong>Teaching after President of India</strong>
	<p>Dr. APJ Abdul Kalam never left his passion of study and connection with education. He became visiting professor at the Indian Institute of Management Shillong, an honorary fellow of Indian Institute of Science, Bangalore and visiting professor at the Indian Institute of Management Indore after leaving office of President of India.</p></li>
	<li><strong>Dr. Kalam’s death</strong>
	<p>Dr. APJ Abdul Kalam was delivering his last lecture at the Indian Institute of Management Shillong when he experienced some discomfort and collapsed. He was declared dead of a sudden cardiac arrest at 7.45 pm on 27 July 2015.</p></li>
	<li><strong>APJ Abdul Kalam Memorial</strong>
	<p>It was built in the memory of great scientist by DRDO in Pei Karumbu, in the island town of Rameshwaram, Tamil Nadu. The replicas of rockets and missiles which Kalam had worked with are on display at this memorial.</p></li>
	</ol>
	<blockquote cite="http://www.abdulkalam.com/kalam/theme/jsp/guest/kalam-quotes.jsp">
	<p>
	There is no success without failure. Failures are just intermittent blockades, Success is the final destination.
	</p>
	<cite>Dr. APJ Abdul Kalam</cite>
	</blockquote>
	<p>
	Dr. Kalam's life can not be described in few points. His personality was bigger than mountains, deeper than oceans, brighter than the sun. Follow this link to <a id="tribute-link" href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam" id="tribute-link" target="_blank">understand Bharat Ratna A P J Abdul Kalam's life in more depth</a>.
	</p>
	</main>
	</body>
	</html>
	body{
	font-family: Muli, sans-serif;
	text-align: justify;
	background-color:#E5DADA;
	}
	#main{
	margin: auto;
	max-width: 50%;
	color: #02040F;
	}
	#honor, #title, #img-caption, h2{
	text-align: center;
	}
	#honor{
	line-height:1px;
	font-size:2em;
	opacity:0.7;
	}
	a{
	text-decoration: none;
	color: #0000FF;
	}
	a:hover{
	color:#840032;
	}
	#image{
	max-width: 100%;
	display: block;
	height: auto;
	border-radius:50%;
	}
	blockquote{
	background-color:#D1C7C7;
	font-family: Amita, sans-serif;
	padding:1px 20px 20px 20px;
	border-radius:10px;
	}
	div{
	background-color:#D1C7C7;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	border-radius:5px;
	}
	blockquote:hover{
	animation-name:hov;
	animation-duration:500ms;
	animation-fill-mode: forwards;
	}
	@keyframes hov{
	100%{
	background-color:#02040F;
	color:#D1C7C7;
	}
	}
	li{
	font-weight:bold;
	}
	li > p {
	font-weight:normal;
	}