mehtakaran9/index.html

## index.html
<html>
<head>
  <meta charset="UTF-8">
  <title>Tribute to Dr. Kalam</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="container-fluid">
    <div class="hp">
    <h1 class="text-center heading center-block">Dr. A.P.J. Abdul Kalam</h1>
      <h2 class="text-center"><em>The Missile Man of India</em></h2>
  <figure class="figure">
  <div class="figure">
  <img class="image img-fluid figure-img img-responsive center-block" src="http://4.bp.blogspot.com/-vl2fdNe-gEI/T-vsFVnreyI/AAAAAAAAHv0/E2gGbFmQfdU/s1600/abdul-kalam-wallpapers-download_a-p-j-abdul-kalam-5.jpg" alt="Dr. A.P.J. Abdul Kalam">
  <figcaption class="figure-caption text-center"><strong>Dr. A.P.J. Abdul Kalam at one of his famous conferences</strong></figcaption><br>
	</figure>
  <div class="row">
  <div class="col-xs-12">
<p class="start">His holiness Dalai Lama has said that,"</p>
<p class="t1">Although he is no longer physically among us, Dr Abdul Kalam's spirit lives on in our admiration of him. We should all work to keep it alive. I offer my greetings and good wishes to all those who have just received awards. I remember, when I received the Nobel Peace Prize, I said I accepted it as recognition of the small contribution I may have made. But I realized that it meant I would have to keep up my defence of peace and dialogue. I request all of you too, ‘Don’t slacken your efforts, try harder to fulfil people’s hopes. Keep up the good work.’
<br>
“I first visited Chennai, Madras as it then was, in 1956 when I came to India for the celebrations of the 2500th anniversary of the Buddha, so this famous city is familiar to me. I came again in 1959 or 1960 when I remember Rajagopalachari welcomed me. This time I notice what a lot of heavy physical construction is going on. We see this happen all over the world, and yet it is at least as important that people also experience joy and peace of mind. You may have a big house, but if it is full of stress and tension, you won’t be happy living there. Physical comfort by itself doesn’t bring us peace.
"This country has gathered a deep awareness of the function of our emotions and how our minds work. Understanding of how to tackle our destructive emotions gave rise to the concept of ahimsa and the tolerance that has allowed India to be the only country where all the world’s major religions live together in harmony. I know this occasionally breaks down, but that’s because there are mischievous people who make trouble in any society.
<br>
<br>
"In general, India presents an example to the world that different religious traditions, despite their different views, can live together in mutual respect. I often tell my Indian friends that you have an opportunity to combine the ancient understanding of the workings of the mind and emotions with contemporary scientific knowledge and development."
<br>
<br>
His Holiness recalled that Dr Abdul Kalam was a spiritually minded man, whose background was Muslim. When he visited his residence recently a photograph reminded him of an occasion when the former President had been reading Shantideva’s ‘Guide to the Bodhisattva’s Way of Life’. He expressed a great fondness for a couple of verses and asked His Holiness to sign those pages. The verses read:
Like the earth and other great elements, And like space itself, may I remain forever,To support the lives of boundless beings,By providing all that they might need. "
</p><br><br>
<p class="ref text-center">To read more on this legend <a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">Click here</a></p>
</div>
</div>
</div>
</div>
</body>
</html>

## style.css
body {
  background-color:grey;
  font-family: "Helvetica Neue",sans-serif;
}
.heading {
  font-size:60px;
  color:black;
  padding-bottom:15px;
}

.hp {
  background-color:#c4c4be;
  margin:100px;
  border:10px solid grey;
  border-radius:15px;
  padding:20px;
}
.start {
  font-size:25px;

}
.imgdesc
{
font-size:15px;
color:black;
}
.image{
  border-radius:15px;
  width:600px;
  margin-left:0px;
}
.ref {
  font-size:20px;
}
.t1 {
  font-size:20px;
}

## styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />

## tribute-to-dr-kalam.markdown

      
    Raw
  

              tribute-to-dr-kalam.markdown
            
          
    Tribute to Dr. Kalam

A Pen by Karan Mehta on CodePen.
License.
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Tribute to Dr. Kalam</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
	<div class="container-fluid">
	<div class="hp">
	<h1 class="text-center heading center-block">Dr. A.P.J. Abdul Kalam</h1>
	<h2 class="text-center"><em>The Missile Man of India</em></h2>
	<figure class="figure">
	<div class="figure">
	<img class="image img-fluid figure-img img-responsive center-block" src="http://4.bp.blogspot.com/-vl2fdNe-gEI/T-vsFVnreyI/AAAAAAAAHv0/E2gGbFmQfdU/s1600/abdul-kalam-wallpapers-download_a-p-j-abdul-kalam-5.jpg" alt="Dr. A.P.J. Abdul Kalam">
	<figcaption class="figure-caption text-center"><strong>Dr. A.P.J. Abdul Kalam at one of his famous conferences</strong></figcaption><br>
	</figure>
	<div class="row">
	<div class="col-xs-12">
	<p class="start">His holiness Dalai Lama has said that,"</p>
	<p class="t1">Although he is no longer physically among us, Dr Abdul Kalam's spirit lives on in our admiration of him. We should all work to keep it alive. I offer my greetings and good wishes to all those who have just received awards. I remember, when I received the Nobel Peace Prize, I said I accepted it as recognition of the small contribution I may have made. But I realized that it meant I would have to keep up my defence of peace and dialogue. I request all of you too, ‘Don’t slacken your efforts, try harder to fulfil people’s hopes. Keep up the good work.’
	<br>
	“I first visited Chennai, Madras as it then was, in 1956 when I came to India for the celebrations of the 2500th anniversary of the Buddha, so this famous city is familiar to me. I came again in 1959 or 1960 when I remember Rajagopalachari welcomed me. This time I notice what a lot of heavy physical construction is going on. We see this happen all over the world, and yet it is at least as important that people also experience joy and peace of mind. You may have a big house, but if it is full of stress and tension, you won’t be happy living there. Physical comfort by itself doesn’t bring us peace.
	"This country has gathered a deep awareness of the function of our emotions and how our minds work. Understanding of how to tackle our destructive emotions gave rise to the concept of ahimsa and the tolerance that has allowed India to be the only country where all the world’s major religions live together in harmony. I know this occasionally breaks down, but that’s because there are mischievous people who make trouble in any society.
	<br>
	<br>
	"In general, India presents an example to the world that different religious traditions, despite their different views, can live together in mutual respect. I often tell my Indian friends that you have an opportunity to combine the ancient understanding of the workings of the mind and emotions with contemporary scientific knowledge and development."
	<br>
	<br>
	His Holiness recalled that Dr Abdul Kalam was a spiritually minded man, whose background was Muslim. When he visited his residence recently a photograph reminded him of an occasion when the former President had been reading Shantideva’s ‘Guide to the Bodhisattva’s Way of Life’. He expressed a great fondness for a couple of verses and asked His Holiness to sign those pages. The verses read:
	Like the earth and other great elements, And like space itself, may I remain forever,To support the lives of boundless beings,By providing all that they might need. "
	</p><br><br>
	<p class="ref text-center">To read more on this legend <a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">Click here</a></p>
	</div>
	</div>
	</div>
	</div>
	</body>
	</html>
	body {
	background-color:grey;
	font-family: "Helvetica Neue",sans-serif;
	}
	.heading {
	font-size:60px;
	color:black;
	padding-bottom:15px;
	}

	.hp {
	background-color:#c4c4be;
	margin:100px;
	border:10px solid grey;
	border-radius:15px;
	padding:20px;
	}
	.start {
	font-size:25px;

	}
	.imgdesc
	{
	font-size:15px;
	color:black;
	}
	.image{
	border-radius:15px;
	width:600px;
	margin-left:0px;
	}
	.ref {
	font-size:20px;
	}
	.t1 {
	font-size:20px;
	}