css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <div class="container-fluid">
<div id="header">
  <h1>FANNIE LOU HAMER.</h1>
<h3>Civil Rights Activist | Philanthropist | Champion</h3>
  <img src="http://kalamu.com/neogriot/wp-content/uploads/2013/10/fannie-lou-hamer-04.jpg" class="img img-responsive" alt="fannie-lou-hamer">
  <!-- quote source
http://www.brainyquote.com/quotes/authors/f/fannie_lou_hamer.html-->
  <blockquote>"There is one thing you have got to learn about our movement. Three people are better than no people"</blockquote>
  </div>
<div id="bio">
  <div class="row">
      <p class="paragraph-header" style="text-align: right; padding: 0px 20px 0px 0px">ORIGINS</p>
    <div class="col-xs-4">
      <img src="http://cdn.thedailybeast.com/content/dailybeast/articles/2014/09/02/remembering-civil-rights-heroine-fannie-lou-hamer-i-m-sick-and-tired-of-being-sick-and-tired/jcr:content/image.img.2000.jpg/1409651239506.cached.jpg" class="img img-responsive" alt="fannie-lou-hamer">
  </div>
    <div class="col-xs-8">
      <!--source: http://www.biography.com/people/fannie-lou-hamer-205625 -->
      <p>Fannie Lou Hamer was a civil rights activist who helped African Americans register to vote and who co-founded the Mississippi Freedom Democratic Party.</p>
      <p>Civil rights activist Fannie Lou Hamer was born Fannie Lou Townsend on October 6, 1917, in Montgomery County, Mississippi. She was the youngest of 20 children. Her parents were sharecroppers in the Mississippi Delta area. Hamer began working the fields when she was only 6 years old.
      </p>
<p>Around the age of 12, Hamer dropped out of school in order to work full-time and help out her family. She continued to be a share cropper after her 1944 marriage to Perry "Pap" Hamer. The couple worked on a cotton plantation near Ruleville, Mississippi. They were unable to have children after Hamer had a surgery to remove a tumor. During the operation, her surgeon gave Hamer a hysterectomy without her consent.</p>
    </div>
  </div> 
  
  <blockquote>"Nobody's free until everybody's free"</blockquote>
  <p class="paragraph-header">CIVIL RIGHTS</p>
  <div class="row">
    <div class="col-xs-8">
      <p>In the summer of 1962, Hamer made a life-changing decision to attend a protest meeting. She met civil rights activists there who were there to encourage African Americans to register to vote. Hamer was one of a small group of African Americans in her area who decided to register themselves. On August 31, 1962, she traveled with 17 others to the county courthouse in Indianola to accomplish this goal. They encountered opposition from local and state law enforcement along the way.</p>
      <p>

Such bravery came at a high price for Hamer. She was fired from her job and driven from the plantation she had called home for nearly two decades—just for registering to vote. But these actions only solidified Hamer's resolve to help other African Americans get the right to vote. According to The New York Times, she said "They kicked me off the plantation, they set me free. It's the best thing that could happen. Now I can work for my people."</p>
      <p>

    </div>
      
<div class="col-xs-4"> 
  <img src="https://test-nodep.s3-us-west-2.amazonaws.com/images/main_image/interview/fannielou2.jpg" class="img img-responsive" alt="fannie-lou-hamer">
    </div>
</div>

  <div style="padding: 40px 0px 0px 0px"><p>Hamer dedicated her life to the fight for civil rights, working for the Student Nonviolent Coordinating Committee. This organization was comprised mostly of African-American students who engaged in acts of civil disobedience to fight racial segregation and injustice in the South. These acts often were met with violent responses by angry whites. During the course of her activist career, Hamer was threatened, arrested, beaten, and shot at. She was severely injured in 1963 in a Winona, Mississippi jail. She and two other activists were taken in by police after attending a training workshop. Hamer was beaten so badly that she suffered permanent kidney damage.
      </p>
      <p>
In 1964, Hamer helped found the Mississippi Freedom Democratic Party, which was established in opposition to her state's all-white delegation to that year's Democratic convention. She brought the civil rights struggle in Mississippi to the attention of the entire nation during a televised session at the convention. The following year, Hamer ran for Congress in Mississippi, but was unsuccessful in her bid. Along with her political activism, Hamer worked to help the poor and families in need in her Mississippi community. She also set up organizations to increase business opportunities for minorities and to provide childcare and other family services. She helped establish the National Women's Political Caucus in 1971.</p>
    </div>     
  
  <div class="row">
      <p class="paragraph-header" style="text-align: right; padding: 0px 20px 0px 0px">LEGACY</p>

  <div class="col-xs-4">
    <img src="http://media.npr.org/assets/img/2014/06/23/m03640-kt-1-fe6d457db6daadadcfabab458b7b9ab3dc288561.jpg" class="img img-responsive" alt="fannie-lou-hamer"></div>
    <div class="col-xs-8">
  <p>In 1976, Hamer was diagnosed with breast cancer. She continued to fight for civil rights, despite her illness. Hamer died on March 14, 1977, in a hospital in Mound Bayou, Mississippi. Hundreds crowded into a Ruleville church to say good-bye to this tireless champion for racial equality. Andrew Young Jr., then a U.S. delegate to the United Nations, gave the eulogy at Hamer's funeral. He explained, "None of us would be where we are today had she not been here then," according to The New York Times. Young said that the progress of the Civil Rights Movement had been made through "the sweat and blood" of activists like Hamer. On her tombstone is written one of her most famous quotes: "I am sick and tired of being sick and tired."</p></div></div></div>
<div id="footer">
  <p class="footer-text">For more information about Fannie and her dedication to social activism, please visit <a href="https://en.wikipedia.org/wiki/Fannie_Lou_Hamer" target="_blank">Wikipedia.org</a></p>  
   <h4>SOURCES</h4>
  <h5 class="footer-source">Text taken from <a href="http://www.biography.com/people/fannie-lou-hamer-205625" target="_blank">Biography.com</a>
<br>Quotes: <a href="http://www.brainyquote.com/quotes/authors/f/fannie_lou_hamer.html" target="_blank">http://www.brainyquote.com/quotes/authors/f/fannie_lou_hamer.html</a>   </h5>
  </div>
</div>
            
          
!
            
              h1 {
  font-family: 'Cutive', serif;
  font-size: 72px;
  text-align: center;
  padding: 0px 0px 0px 0px;
}
h3 {
  font-family: 'Scope One', serif;
  text-align: center;
}
h4 {
  text-align: center;
  font-family: 'Scope One', serif;
  font-size: 18px;
}
p {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2em;
  
}
.paragraph-header {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 38px;
}

blockquote {
  text-align: center;
  font-size: 30px;
  font-family: 'Cutive', serif;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
.footer-text {
  text-align: center;
  padding: 70px 0px 10px 0px;
}

.footer-source {
  text-align: center;
  font size: 6px;
  font-family: 'Open Sans Condensed', sans-serif;
}

#bio {
  padding: 20px 0px 10px 0px;
}
            
          
!
            
              $( document ).ready(function() {
    $("body").css("padding","50px 50px 50px 50px");
  $("img").addClass("animated fadeInDown");
});
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console