Malcolm X

In this example below you will see how to do a Malcolm X with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by GrandDuchy, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright GrandDuchy ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Malcolm X</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

    <h1 class="text-center"> Malcolm X </h1>
  <h3 class="text-center" style="font-family:Impact" id = "quote"><em>"By any means necessary"</em></h3>
 <div class="container">
  <div class = "row">
    <div class = "col-md-8">
      <div class = "well well-sm">
        <img src="http://cp91279.biography.com/BRAND_BIO_Bio-Shorts_Malcolm-X-Mini-Biography_0_172236_SF_HD_768x432-16x9.jpg"  class = "img-responsive"/>
        <p style="color:black">Macolm X presenting his most famous speech, <em><strong>The Ballot or the Bullet</em></strong></p>
        </div>
  </div>
    <div class = "col-md-4 well well-sm">
      <p style="color:black; font-size:15px">One of the most important pushers of equal rights of the 20th century.<br>Worked through gaining trust and influencing others through speeches, Malcolm X is one of the many forgotten human right speakers of American History.</p>
    </div>
   </div>
</div>
<h3 class="text-center">Malcolm X's Timeline</h3>
<ul>
  <li><strong><u>1925</u></strong> Known as Malcolm Little, Malcolm was born in Omaha Nebraksa on May 19th.</li>
  <li><strong><u>1931</u></strong> Malcolm enrolled in Pleasant Grove Elementary School. The same year Malcolm's father, Earl little, was ran over by a streetcar and killed.</li>
  <li><strong><u>1938</u></strong> Enrolled in West Junior High School, in Lansing</li>
  <li><strong><u>1939</strong></u> He enrolls in Mason High School in Mason, Michigan, whilst there he tells a teacher that his goal is to one day become a lawyer, the teacher recommends becoming a carpenter instead, as being a lawyer is not a realistic goal for him. The same year Malcolm's Mother is committed to the State Mental Hospital in Kalamazoo, consequently placing Malcolm in a juvenile home.</li>
  <li><strong><u>1941</strong></u> Malcolm moved to Boston to move in with his sister, where is he being exposed to the criminal world while working various jobs.</li>
  <li><strong><u>1943</strong></u> Malcolm moves to New York, attempts to join the military but fails on purpose to make himself unsuitable and become involved in cirminal activites.</li>
  <li><strong><u>1944</strong></u> Indicted for larceny, he goes back to Boston and is given a three month suspension and one year probation.</li>
  <li><strong><u>1945</strong></u> Returned to New York</li>
  <li><strong><u>1946</strong></u> Malcolm is convinced of larcenry, breaking and entering, and carrying a weapon. Malcolm is sentenced to atleast eight years of prison, he starts his term in Charlestown Prison.<br>At this point, Malcolm begins reading as many books as possible and educating himself.</li>
  <li><strong><u>1947</strong></u> Malcolm is transferred to Concord Reformatory<br>Malcolm is influenced by some family members and impressed by letters from Elijah Muhammad, Malcolm converts to the Nation of Islam (not to be confused with actual Islam).</li>
  <li><strong><u>1952</strong></u> Malcolm is realeased from prision after six years instead of eight, and meets Elijah Muhammed in Chicago.<br>He then receives his notorious "X" from the Nation of Islam</li>
  <li><strong><u>1953</strong></u> The FBI begins to survelliance on Malcolm, and he moves to Chicago to live with 
Elijah. He also becomes the minister of the Nation of Islam's Temple Number Eleven located in Boston. </li>
  <li><strong><u>1954</strong></u> Becomes the Minister of Temple Number Seven, located in New York. </li>
  <li><strong><u>1955</strong></u>  Becomes the Minister of Temple Number Twelve, located in Philadelphia, <span style="color:red">first hears rumors of Elijah Muhammad's adultery.</span></li>
  <li><strong><u>1958</strong></u> In love with Betty Sanders, a nurse, they have their first daughter named Attallah </li>
  <li><strong><u>1959</strong></u> Takes some time off and travels to United Arab Republic, Sudan, and Nigeria, also as an ambassador for the Nation of Islam, he travels to the Middle East and Ghana. </li>
  <li><strong><u>1960</strong></u> His second daughter Qubilah is bron. </li>
  <li><strong><u>1962</strong></u> Malcolm discovers that Elijah Muhammed is an adulterer, and his third daughter Ilyassah</li>
  <div class = "container">
    <div class = "row">
      <div class = "col-md-5">
  <div class = "well well-sm">
    <img src="https://i.dailymail.co.uk/i/pix/2011/06/10/article-2001905-0C7E93FC00000578-146_468x406.jpg" class = "img-responsive; image"/>
    <p style = "color:black">Taken in 1963, Malcolm with his three daughters accompanied by Muhammed Ali.</p>
  </div>
    </div>
  </div>
  </div>
  <li><strong><u>1963</strong></u> Watches the March on Washington critically, unable to understand why black people are excited over a demonstration which he states, "run by whites in front of a statue of a president who has been dead for a hundred years and who didn't like us when he was alive."<br>Presents his speech"Chickens Come Home to Roost" about the assassination of Kennedy, he is suspended from representing the Nation of Islam.</li>
  <li><strong><u>1964</strong></u> Visits with Muhammed Ali, and meets with Martin Luther King. He then breaks away from the Nation of Islam and travels to Makkah and Africa. He later comes back to the US, and forms an organization called "Organization of Afro-American Unity".</li>
  <li><strong><u>1965</strong></u> Malcolm's house if firebombed in the 14 day of February.<br>(February 21) Right after beginning an address at the Audubon Ballroom, at 3:10 pm,  he is shot several times...he is pronounced dead on arrival at Vanderbilt Clinic, Columbia Presbyterian Hospital. </li>
  <li><strong><u>1997</strong></u> Betty Shabazz (formerly Betty X, born Betty Sanders), wife of Malcolm X, the only person he would trust with his life, dies in a fire allegedly set by grandson, Malcolm, named after Malcolm X.</li>
</ul>
<br>
<h4 class = "text-center" style="font-family:Monospace"><em>"You can't separate peace from freedom because no one can be at peace unless he has his freedom."</em></h4>
<p class="text-center"><em> - Malcolm X</em></p>
<div class = "container">
  <div class = "row">
    <div class = "col-md-8">
      <img src="https://behindthebluesky.files.wordpress.com/2010/11/the-autobiography-of-malcolm-x.jpg" />
      <p style="font-size:20px"> If you are interesed in the complete autobiography of Malcolm X, a free pdf of the whole book is located <a href="http://al-rasid.com/shared_uploads/The.Autobiography.of.MalcolmX.pdf">here</a></p>
    </div>
    <div class = "col-md-4">
      <p style="font-size:18px">Instead, a wikipedia page on Malcolm X is <a href = "https://en.wikipedia.org/wiki/Malcolm_X">available.</a><br><br><br>Or another biography on <a href="http://malcolmx.com/biography/">Malcolm X</a></p>
    </div>
  </div>
</div>
  <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/GrandDuchy/malcolm-x-OXgyEp */
body {
  background: #121111;
}
h1 {
  color:white;
}
h2 {
  color:white;
}
h3 {
  color:white;
}
h4 {
  color:white;
  
}
p {
  color:white;
}
ul {
  color:white;
}
.image {
  height : 250px
}

/*Downloaded from https://www.codeseek.co/GrandDuchy/malcolm-x-OXgyEp */
$(document).ready(function() {
  $("#quote").effect("shake");
});

Comments