Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!doctype html>
<html>
  
  <header id="main">
    <h1 id="title">Afeni Shakur</h1>
    <p>Revolutionary woman and mother of the late Tupac Amaru Shakur</p>
  </header>  
  <div id="img-div">
    <img id="image" src="https://cdn.cnn.com/cnnnext/dam/assets/160503105914-tupac-and-afeni-shakur-restricted-large-169.jpg" alt="Afeni Shakur laughing with her son Tupac" />
    <figcaption id="img-caption"><strong>Afeni Shakur laughing with her son Tupac</strong></figcaption>
  </div>
  
  <div id="tribute-info">
    <h3>Here is a time line of Afeni Shakur's life</h3>
    <li><strong>January 10, 1947</strong> - Afeni Shakur was born as Alice Faye Williams in Lumberton, North Carolina</li>
    <li><strong>In 1958</strong> - She moved to the Bronx with her mother and her sister where she attended Bronx High School of Science. She became interested in street life and called herself a street fighter and a member of the Disciple Debs in Harlem</li>
    <li><strong>In 1968</strong> - She changed her name to Afeni Shakur; Afeni is a Yoruba word for "lover of people" and Shakur is Arabic for "thankful". She lived in Harlem, New York, and she joined the Black Panther Party and she wrote the Black Panther Party newsletter Panther Post. She led a successful campaign that led the FBI to believe the party was fading. She became a section leader of the Harlem chapter and a mentor to new members, including Jamal Joseph, Cleo Silvers and Dhoruba Bin-Wahad. She also worked with Billy Garland (Tupac's biological father) and Geronimo Pratt (who became Tupac's baptismal sponsor).</li>
    <li><strong>April 1968</strong> - Afeni Shakur was arrested with her then husband Lumumba Shakur at their apartment in Harlem on charges of conspiring with other Black Panther members to carry out bombings in New York. With bail set at $100,000 each for the 21 suspects, the Black Panthers decided to raise bail money first for Joseph and Shakur so that those two could work on raising bail for the others. Shakur had been effective in raising bail funds for jailed Panthers. The pre-trial started in February 1970 and the actual trial on September 8, 1970. Charges brought against her and the other members of the Black Panther Party were attempted murder, conspiracy to commit murder, conspiracy to bomb buildings and conspiracy. During the course of the trial, the judge dismissed twelve out of the thirty charges. Shakur chose to represent herself in court, pregnant while on trial and facing a 300-year prison sentence and had no law degree. Shakur interviewed witnesses and argued in court. She and the others in the "Panther 21" were acquitted in May 1971 after an eight-month trial. Altogether, Afeni Shakur spent two years in jail before being acquitted. Her son, Lesane Parish Crooks, was born on June 16, 1971. The following year, in 1972, Lesane Parish was renamed Tupac Amaru Shakur, which means "shining serpent" in Inca. After Afeni Shakur was acquitted of her charges, she did not return to the Black Panther Party</li>
    <li><strong>In 1975</strong> - She married Mutulu Shakur and had their daughter, Sekyiwa. They got divorced in 1982. She and her children moved to Baltimore, Maryland in 1984. She raised her children as a single mother and later became addicted to crack cocaine and raised her children through welfare because she could not keep a job. She relocated to Marin County in California to manage her drug use</li>
    <li><strong>In 1989</strong> - Her son left home because of her addiction. The two later reconciled. She overcome her addiction after she moved back to New York in 1991 and started Narcotics Anonymous meetings</li>
    <li><strong>In 2004</strong> Afeni Shakur married Gust Davis Jr. In that same year, her autobiography, Afeni Shakur: Evolution of a revolutionary was released. In her autobiography, Afeni Shakur reflected in her childhood experiences and her upbringing as well as her involvement in the Black Panther Party. In her book she stated that the party educated and directed her to channel her anger. This gave her hope which she mentioned she had never experienced. She wrote about how she met men who did not abuse black women in the party. It was through the party that she met Lumumba Shakur, agreed to be his second wife and converted to Islam. She described her experiences in jail and how together with other inmates, they organized a bail fund to get some of the women out of jail</li>
    <li><strong>May 2, 2016 at 9:34pm</strong> - Police and paramedics responded to Shakur's home in Sausalito, California. She was transported to a nearby hospital, where she was pronounced dead of a suspected heart attack. She died at age 69. Her body was cremated</li>
    
  <blockquote>
    <p>"You always was committed, A poor single mother on welfare, tell me how you did it. There's no way I can pay you back, But the plan is to show you that I understand: you are appreciated."</p>
  <cite>Tupac, paying tribute to his mother in his song "Dear Mama"</cite> 
  </blockquote> 
  </div> 
  <h4> 
    Click <a  id="tribute-link" href="https://en.wikipedia.org/wiki/Afeni_Shakur" target="_blank"> here</a> to read more about this revolutionary woman who went not only beyond her circunstances, but also beyond herself. 
  </h4>  
</html>  
              
            
!

CSS

              
                html {
  background-color: white;
}

  header {
  font-size: 25px;
  text-align: center;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}

#img-div {
  background: white;
  padding: 10px;
  margin: 0;
}

#img-caption {
  margin: 15px 0 5px 0;
  text-align: center;
  font-size: 20px
}

h1 {
  font-family: Cursive;
}

h3 {
  font-size: 25px;
  text-align: center;
}

li {
  max-width: 550px;
  margin: 0 auto 50px auto;
  text-align: left;
  lign-height: 1;
  font-size: 20px
}

blockquote {
  text-align: left;
  font-style: italic;
  max-width: 545px;
  margin: 0 auto 50px auto;
  font-size: 20px;
}
h4 {
  text-align: center;
  font-size: 20px;
}
              
            
!

JS

              
                
              
            
!
999px

Console