Tribute Page

index.html

<main id="main">
  <header>
    <h1 id="title">Nelson Mandela</h1>
    <h3>A man guided with hope, not fear.</h3>
  </header>
  <div id="img-div">
    <img src="https://miro.medium.com/max/990/1*4q3MqQCFB_gy_ckqz6gomQ.jpeg" alt="nelson mandela" id="image">
    <span id="img-caption">
      Photo Credit: Boston Big Picture
    </span>
  </div>
  <div id="tribute-info">
    <p id="first-para">
      A hundred years ago, on July 18th 1918 was born a hero, a revolutionary and a leader like no other. His name is Nelson Rolihlahla Mandela, affectionately known as Madiba. Mandela has surely been venerated by more millions in his lifetime than any political figure in history. In working to free his country from racial division, he led an essentially peaceful revolution, culminating in his release from prison in 1990 and the post-apartheid election of 1994, which saw him elected as the first president of a democratic South Africa. The world responded to the qualities it perceived in the man, as well as to the scale of his achievement.
    </p>
    <p>
      Mr. Mandela’s quest for freedom took him from the court of tribal royalty to the liberation underground to a prison rock quarry to the presidential suite of Africa’s richest country. And then, when his first term of office was up, unlike so many of the successful revolutionaries he regarded as kindred spirits, he declined a second term and cheerfully handed over power to an elected successor, the country still gnawed by crime, poverty, corruption and disease but a democracy, respected in the world and remarkably at peace.
    </p>
    
    <p>
      On August 12 2017, former US President Barack Obama tweeted the following quote by Nelson Mandela:
    </p>
    <div id="tweet-section">
      No one is born hating another person because of the color of his skin or his background or his religion…
    </div>
    
    <p>
      Obama’s Tweet After Charlottesville became the Most-Liked Ever. While Obama himself explicitly mentioned Mandela in his 3-part tweet, most of the mainstream media failed to recognize these words of wisdom to their true author. So let’s Give credit where credit is due.
    </p>
    
     
    <p>
      Long Walk to Freedom is an autobiographical work written by South African President Nelson Mandela, and first published in 1994. Throughout his remarkable and dramatic life, Mandela has witnessed the same hatred and bigotry that swept through Charlottesville, yet he never lost hope and this is what he said about it:
    </p>
    
    <div id="tweet-section" >
     “I never lost hope that this great transformation would occur. Not only because of the great heroes I have already cited, but because of the courage of the ordinary men and women of my country. I always knew that deep down in every human heart, there is mercy and generosity. No one is born hating another person because of the color of his skin, or his background, or his religion. People must learn to hate, and if they can learn to hate, they can be taught to love, for love comes more naturally to the human heart than its opposite. Even in the grimmest times in prison, when my comrades and I were pushed to our limits, I would see a glimmer of humanity in one of the guards, perhaps for just a second, but it was enough to reassure me and keep me going. Man’s goodness is a flame that can be hidden but never extinguished.”
    </div>
    
    
    <p>
      Today marks Madiba’s 102nd birthday, a remarkable man and leader who is a true inspiration for freedom and justice in the world. On this expectional anniversary, I could not find a better tribute than Barack Obama’s lecture at this occasion. Throughout the speech, Mr. Obama returned to the ideals promoted by Mandela, the anti-apartheid South African leader, saying that his release from prison in 1990 inspired a wave of racial and gender equality and economic progress nearly everywhere. Countries were lifted out of poverty. Entrepreneurs surfaced from all parts of the world.
    </p>
    
    
    <p>
      “On Madiba’s 100th birthday, we now stand at a crossroads,” Mr. Obama said, using Mr. Mandela’s clan name, a term of affection in South Africa for him. “A moment in time in which two very different visions of humanity’s future compete for the hearts and minds of citizens around the world. Two different stories, two different narratives, about who we are and who we should be.”
    </p>
    
    <div id="tweet-section">
      
      It was in service of this long walk towards freedom and justice and equal opportunity that Nelson Mandela devoted his life. At the outset, his struggle was particular to this place, to his homeland — a fight to end apartheid, a fight to ensure lasting political and social and economic equality for its disenfranchised non-white citizens. But through his sacrifice and unwavering leadership and, perhaps most of all, through his moral example, Mandela and the movement he led would come to signify something larger. He came to embody the universal aspirations of dispossessed people all around the world, their hopes for a better life, the possibility of a m
    </div>
    
    <p>
      Today is a great reminder to all of us that freedom does not come for free. In his Letter From Birmingham Jail, Martin Luther King Jr wrote:
    </p>
    <div id="tweet-section">
      We know through painful experience that freedom is never voluntarily given by the oppressor; it must be demanded by the oppressed.
    </div>
    <p>
      Today is also a great reminder to all of us that there is always hope. The life of Nelson Mandela, A prisoner turned President, a man who was on the The U.S. Government Terrorist Watch Lists Until 2008, is a hope inspiration by itself. As stated by Apple CEO Tim Cook: Nelson Mandela’s sacrifice and triumph teach us what a powerful impact one person can have. “We can change the world and make it a better place. It is in your hands to make a difference.”
    </p>
    <div id="link-container">
      <a href="https://riadkaced.medium.com/a-tribute-to-nelson-mandela-a-man-guided-with-hope-not-fear-adb9c40645e4" id="tribute-link" target="_blank">Read more on Medium</a>
    </div>
  </div>
</main>

style.css

* {
  margin: 0;
  padding: 0;
}
#main {
  width: 100%;
  max-width: 1024px;
  margin: auto;
}
header {
  text-align: center;
  padding: 70px 0 30px 0
}
#title {
  margin-bottom: 30px;
  font-size: 4rem;
}
h3 {
  font-family: sans-serif;
  font-weight: 300;
  color: #999;
}
.subtitle {
  padding: 10px;
  
}

#img-caption {
text-align: center;
  display: block;
  color: #777;
}

#tribute-info {
  margin-top: 20px;   
}

p {
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 20px;
}
#img-div {
  width: 100%;
  border 10px solid red;
}
#image {
  width:100%;
  height: auto;
  border 10px solid red;
}
#first-para::first-letter {
  font-size: 3rem;
}

#tweet-section {
 width: 70%;
  font-size: 2rem;
  color: #777;  
  margin: 10px auto 10px auto;
  background-color: #e9e9e9;
  padding: 30px;
  border-radius: 20px;
}

#link-container {
  margin-top: 50px;
  margin-bottom: 100px;
  width: 100%;
  text-align: center;
}

#tribute-link {
  font-size: 1.5rem;
}

tribute-page.markdown

Tribute Page

A Pen by Chomba on CodePen.

License.