<main id="main">
 <h4 id="title">Senitor Strom Thurmond</h4>
 <p>Longest senator of State , also the unle I never met.</p>
 <figue id="img-div">
  <img id="image"> <src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/da/Strom_Thurmond%2C_c_1961_%28cropped%29.jpg/220px-Strom_Thurmond%2C_c_1961_%28cropped%29.jpg" alt="An image of Senitor Thurmond"</>
  <Figcaption id="img-caption">"Mr.Thurmond in office"</id> 
	 </Figcaption>
	</figure>
 <section id="tribute-info">
  <h5 id="headline"></h5>

  <ul>
   <li><strong>1902</strong> Born December5,1902</li>

   <li><strong>1948</strong> Ran for president as the States Rights Democratic Party Candidate,receiving 3
   4% of the popular vote and 39 electoral votes.</li>

   <li><strong>1954 until 2003</strong> Represented South Carolina in the United States Senate, at first as a Southern Democrate and after 1956, as a Republican.</li>

   <li><strong>1946</strong> Was elected Governor of South Carolina, largely on the promise of making state government more transparent and accountable by weakening the power of a group of politicians from Barnwell, which Thurmond dubbed the Barnwell Ring, led by House speaker Solomon Blatt.</li>

   <li><strong>1954-55</strong> He was President of the Reserve Officrts Association. He retired from the U.S. Army Reserve with the rank of major general.</li>

   <li><strong>1957</strong> Conducted the longest speaking filibuster ever by a lone senator, at 24 hours and 18 minutes in lingth.</li>

   <li><strong>1960;s</strong>
    Opposed the Civil rights registration of 1964 and 1965 to end segregation and enforce the constitutional rights of African-American citizens, including basic suffrage. Despite being a presegration Dixiecrat.</li>

   <li><strong>June 26,2003</strong> Thurmond died in his sleep at 9:45p.m. of heart failure at a hospital in Edgefield, South Carolina, at age 100.</li>
  </ul>
  <h6>
   If you have time. you can read more about this wounderful man on his
   <a
   id="tribute-link"
   href="https://upload.wikimedia.org/wikipedia/commons/thumb/d/da/Strom_Thurmond%2C_c_1961_%28cropped%29.jpg/220px-Strom_Thurmond%2C_c_1961_%28cropped%29.jpg"
   target="_blank">Wikipedia entry</a>
  </h6>
  </section>




 </section>


</main>

html {
  /* Setting a base font size of 10px give us easier rem calculations
     Info: 1rem === 10px, 1.5rem === 15px, 2rem === 20px and so forth
   */
  font-size: 10px;
}

body {
  /* Native font stack https://getbootstrap.com/docs/4.2/content/reboot/#native-font-stack */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 0;
}

h1 {
  font-size: 4rem;
  margin-bottom: 0;
}

@media (max-width: 460px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
  }
}

h2 {
  font-size: 3.25rem;
}

a {
  color: #477ca7;
}

a:visited {
  color: #74638f;
}

#main {
  margin: 30px 8px;
  padding: 15px;
  border-radius: 5px;
  background: #eee;
}

@media (max-width: 460px) {
  #main {
    margin: 0;
  }
}

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;
}

@media (max-width: 460px) {
  #img-caption {
    font-size: 1.4rem;
  }
}

#headline {
  margin: 50px 0;
  text-align: center;
}

ul {
  max-width: 550px;
  margin: 0 auto 50px auto;
  text-align: left;
  line-height: 1.6;
}

li {
  margin: 16px 0;
}

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

// coded by @ChaituVR
const projectName = 'tribute-page';
localStorage.setItem('example_project', 'Tribute Page');