Tribute page

index.html

<div class="container">
  <h1 class="text-center">369th Infantry Regiment<br> <small><em>The Harlem Hellfighters</em></small></h1>
  <div class="jumbotron">
    <div class="row">
    <div class="col-lg-12 caption">
   <img class="img-responsive" src="https://upload.wikimedia.org/wikipedia/commons/5/5c/369th_15th_New_York.jpg">
   <h5> Harlem Hellfighters from World War I</h5>
 
    </div>
    
  </div>
    <div class="row">
      
     <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
       <h3 class="text-center"><strong>Here's a comprehensive timeline <br> documenting the HellFighter's march to glory. <strong></h3>
        <ul>
<li>  June 2 1913 - Parent unit constituted in the New York National Guard
as of the 15th Infantry Regiment (colored).</li>
<li> June 29, 1916 - 15th New York National Guard in New York City
is organized.</li>
<li> July 25, 1917 - The 15th mustered into federal service at Camp
Whitman, New York where they undergo training in basic military ractices, and is drafted into Federal service August 5, 1917.</li>
<li> October 8, 1917 - The 15th travels to Camp Wadsworth, South Carolina where they receive combat training.</li>
<li> December 1917- The 15th commanded by Col. William Hayward, embarks from New York to France.</li>
<li> March 1, 1918 - Reorganized and redesignated as the 369th Infantry</li>
<li> March 14, 1918 - The 369th is assigned to the French Army.
<li> March 1918 - December 1918 - The 369th serves with the French
16th Division and the French 161st Division.</li>
<li> May 1918 - Private Henry Johnson and Private Neadom Roberts
fight off a German patrol unit near Saint Menehoul, France. Both are
severely wounded.</li>
<li> July 1918 - December 1918 - The regiment fought at the Second
Battle of the Marne and at Meuse-Argonne. They captured the village of Sechault.</li>
<li> December 1918 - Over 170 members of the 369th awarded with the
Croix de Guerre.</li>
<li> February 1919 - The 369th returns to New York and to the New York
Army National Guard. The unit leads a parade in New York City in which</li>
World War I soldiers are honored.
<li> June 2015 - Henry Johnson receives a Medal of Honor for his valor while serving with the 369th Infantry Regiment.</li>
        
        </ul>
        <p class="text-center quote"> "There isn't so much to tell. Just fought for my life. A rabbit would've done that."<br><span>- Private Henry Johnson</span></p>
         
         <p>Learn more about this heoric cadre at <a href="http://cdn.history.com/sites/2/2015/11/HarlemHellfighters_Guide_revise_FIN.pdf">History.com</a> or check out the graphic novel by <a href="http://www.amazon.com/The-Harlem-Hellfighters-Max-Brooks/dp/0307464970"> Max Brooks</a>. You won't be disappointed either way!</p>
      </div>
    </div>
      
    </div>
</div>

style.css

.container {
  background-color: lightgray;
}
h1{
  color: black;
  font-size: 65px;
}
small>em {
  color: black;
  font-family: georgia, serif;
    font-weight: 60%;
  font-size: 45px;
}
.jumbotron {
   background:  center center;
   padding: 0px;
}
img {
  padding: 0px;
  margin: 0;
}
.caption > h5 {
    background: white;
  text-align: center;
  padding: 0px;
}
.caption {
    background: white;
  padding: 0px;
  border: solid white;
  
}
h3 {
  font-size: 38px;
  color: black;
}
ul {
  list-style-position: inside;
  font-size: 16px;
  color: black;
}

big { 
font-size: 25px;
}
p.quote {
  font-size: 30px;
  padding: 30px;
}
p > span {
  float:right;
  font-size: 19px;
  
}

  @media (min-width: 200px) and (max-width: 800px) {
    h1 {
      font-size: 10vw;
    }

 small>em {
  font-size: 5.5vw;
}
    
  h3 {
  font-size: 6.5vw;
  color: black;
}
ul {
  list-style-position: inside;
  font-size: 4.5vw;
  color: black;
}

    
p.quote {
  font-size: 4vw;
  padding: 0px;
}
p > span {
  float:right;
  font-size: 4.5vw;
  
}
    p > a {
      font-size: 5vw;
    }
    
}

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />

tribute-page.markdown

Tribute page

A Pen by Terron Johnson on CodePen.

License.