Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

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

              
                <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<head>
  <link href="https://fonts.googleapis.com/css?family=Merriweather|Open+Sans" rel="stylesheet">
</head>
<body id="main">
  <div id="title">
    <h1>Susan B. Anthony</h1>
  </div>
  <div id="img-div">
    <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/c/c4/Susan_B_Anthony_c1855.png" alt=""/>
    <p id="img-caption">Engraving of Susan B. Anthony c. 1855</p>
  </div>
  <div id="tribute-info">
    <h2>Life and Achievements Timeline</h2>
    <ul>
      <li>1820 – Susan Brownell Anthony is born on February 15 in Adams, Massachusetts, the second of 7 children.</li>
      <li>1826 – The Anthony family moves to Battenville, N.Y.</li>
      <li>1838 – Daniel Anthony takes daughters Susan and Guelma out of school. The 1837 depression causes him to declare bankruptcy and the family loses the Battenville house.</li>
      <li>1845 – The Anthony family moves to Rochester, N.Y., on the Erie Canal. Their farm on what is now Brooks Avenue becomes a meeting-place for anti-slavery activists, including Frederick Douglass.</li>
      <li>1846 – Susan B. Anthony begins teaching at Canajoharie Academy for a yearly salary of $110.</li>
      <li>1851 – Susan B. Anthony travels to Syracuse, N.Y., anti-slavery convention. She visits Amelia Bloomer, hears William Lloyd Garrison and George Thompson, and meets Elizabeth Cady Stanton.</li>
      <li>1852 – Anthony attends state convention of Sons of Temperance and is told to “listen and learn,” which goes against her Quaker upbringing. She attends her first women’s rights convention.</li>
      <li>1854 – Anthony circulates petitions for married women’s property rights and woman suffrage. She is refused permission to speak at the Capitol and Smithsonian in Washington. She begins her New York State campaign for woman suffrage in Mayville, Chautauqua County, speaking and traveling alone.</li>
      <li>1856 – Anthony becomes agent for the American Anti-Slavery Society.</li>
      <li>1857 – At a New York State Teachers’ Convention in Binghamton Anthony calls for education for women and Blacks.</li>
      <li>1861 – Anthony conducts anti-slavery campaign from Buffalo to Albany-“No Union with Slaveholders. No Compromise.”</li>
      <li>1863 – Anthony and Stanton write the “Appeal to the Women of the Republic.”</li>
      <li>1868 – Anthony begins publication of The Revolution and forms Working Women’s Associations for women in the publishing and garment trades.</li>
      <li>1869 – Anthony calls the first Woman Suffrage Convention in Washington D.C.</li>
      <li>1872 – Anthony is arrested for voting in the front parlor of 7 Madison Street (now 17 Madison) on November 18 and is indicted in Albany. She continues to lecture and attend conventions.</li>
      <li>1873 – Anthony is tried and fined $100 with costs after the judge ordered the jury to find her guilty. Anthony refuses to pay but is not imprisoned so cannot appeal the verdict.</li>
      <li>1881 – Anthony, Stanton, and Matilda Joslin Gage publish Volume I of the History of Woman Suffrage, followed by Volumes II, III and IV in 1882, 1885 and 1902.</li>
      <li>1898 – The Life and Work of Susan B. Anthony, A Story of the Evolution of the Status of Women is published. Anthony establishes a press bureau to feed articles on woman suffrage to the national and local press.</li>
      <li>1900 – Anthony pledges the cash value of her life insurance to meet the University of Rochester’s financial demands for the admission of women.</li>
      <li>1902 – Anthony delivers the keynote address to the New York State Nurses Convention, advocating for the standardization of training and state registration of nurses. The Nurses Practice Act is passed in 1903.</li>
      <li>1905 – Anthony meets with President Theodore Roosevelt in Washington, D.C., about submitting a suffrage amendment to Congress.</li>
      <li>1906 – Anthony attends suffrage hearings in Washington, D.C., She gives her “Failure is Impossible” speech at her 86th birthday celebration. Anthony dies at her Madison Street home on March 13.</li>
      <li>1920 – The 19th Amendment to the U.S. Constitution, also known as the Susan B. Anthony amendment, grants the right to vote to all U.S. women over 21.</li>
    </ul>
    More more info, check out <a id="tribute-link" target="_blank" href="https://susanbanthonyhouse.org/index.php">The National Susan B. Anthony Museum & House website</a>
  </div>
</body>

              
            
!

CSS

              
                html, body {
  font-family: 'Open Sans', sans-serif;
  background-color: rgb(150,150,150);
  font-size: 20px;
}

#title, #img-div, #tribute-info {
  text-align: center;
}

h1 {
  font-family: 'Merriweather', serif;
  font-size: 50px;
}

#img-div {
  margin: 0 auto;
  max-width: 900px;
  /*background-color: rgb(220,220,220);*/
  border-radius: 75px;
}

#image {
  display: block;
  max-width: 90%;
  height: auto;
  margin: auto;
  padding-top: 25px;
}

#img-caption {
  padding-bottom: 25px;
}

#tribute-info {
  display: block;
  margin: 0 auto;
  background-color: rgb(200,200,200);
  max-width: 90%;
  border-radius: 25px;
}
ul {
  list-style-position: inside;
  max-width: 80%;
  margin: auto;
  font-size: 16px;
}

h2 {
  font-family: 'Merriweather', serif;
  padding-top: 25px;
}

li {
  padding-bottom: 25px;
}
              
            
!

JS

              
                

              
            
!
999px

Console