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.

            
              <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Allerta+Stencil" />
<div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="text-center"style="color:green">USMC</h1>
        <h2 class="text-center"style="color:blue"><em>First to Fight for Right and Freedom</em></h2>
        <div class="thumbnail"><img alt="Marines flag" src="https://images-na.ssl-images-amazon.com/images/I/31fAAZIGjtL.jpg"></div>
          
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
          <h3>Here's a time line of USMC:</h3>
          <ul>
           <li><strong style="color: red">1775:</strong>The Second Continental Congress meeting in Philadelphia passed a resolution stating that "two Battalions of Marines be raised". The first commissioned officer in the Continental Marines, Captain Samuel
          Nicholas.
          </li>
          <li><strong style="color: red">1798:</strong>Marines saw action in the quasi-war with France, landed in Santo Domingo, and took part in many operations against the Barbary pirates along the "Shores of Tripoli". </li>
          <li><strong style="color: red">1812:</strong>During a decades american saw the Marines protecting American interests around the world, in the Caribbean, at the Falkland Islands, Sumatra and off the coast of West Africa, and also close to home in operations
          against the Seminole Indians in Florida. </li>
          <li><strong style="color: red">1846-1848:</strong>During the Mexican War Marines seized enemy ports on both Gulf and Pacific coast.</li>
          <li><strong style="color: red">1898:</strong>During the Spanish -American War Marines performed with valor in Cuba, Puerto Rico, Guam, and the Philippines.</li>
          <li><strong style="color: red">1899-1902:</strong>Marines was active during the Philippine Isurrection.</li>
          <li><strong style="color: red">1900:</strong>The famous chinese Boxer Rebellion.</li>
          <li><strong style="color: red">1912:</strong>The first Marine aviator Lieutenant, Alfred Cunningham.
          <li><strong style="color: red">1918:</strong>During World War one in Belleau France the Marines earn the name Devil Dogs also the The Marine Corp play a key role in the development of the Rapid Deployment Force.</li>
          <li><strong style="color: red">1945:</strong>After World War 2 the Marine Corp grown to 6 divisions, 5 air wing and supporting troops.</li>
          <li><strong style="color: red">1950:</strong>Marines land Ichon Korea proven the doctrin amphibius assault was still nessesary</li>
          <li><strong style="color: red">1958:</strong> Marines landed in Lebanon to restore order.</li>
          <li><strong style="color: red">1965</strong> Marines evacuated americans for the Dominican Republic. Also the landing of Marines Da Nang mark the beginning of large-scale of Marines in Vietnam</li>
          <li><strong style="color: red">1969:</strong> Marines begin the withdrawal of Vietnan last Marines ground force were out by 1971</li>
          <li><strong style="color: red">1975</strong>Marines evacuated the embassy of Cambodia.</li>
          <li><strong style="color: red">1982</strong>Marines units landed at Beirut, Lebanon as part of the multi-nacional peace keeping force.</li>
          <li><strong style="color: red">1991:</strong>Maarines storm into Kuwait breaching the Iraquis defense line, lasting just 100 hrs 42 Iraqui Divisions was detroyed or rendered ineffective.</li>

          <li><strong style="color: red">2003:</strong>Marines march true the citi of Bagdah taking over the Iraqui army under 30 days.
            <li><strong style="color: red">2017:</strong> Three enlisted female join the infantry unit rank for the first time in the history of the United State Marines.</li>
      </ul>

          <blockquote>
            <p>“The Marines I have seen around the world have the cleanest bodies, the filthiest minds, the highest morale, and the lowest morals of any group of animals I have ever seen. Thank God for the United States Marine Corps!” "</p>
            <footer><cite>Former First Lady Eleanor Roosevelt</cite></footer>
          </blockquote>
          <h3>If you have like to go in adventure, you should visit the US Marines Corp museum. To learn more about this incredible United State Marines go to  <a href="http://www.usmcmuseum.com"target="_blank">US DevilDog</a>.</h3>
        </div>
      </div>
    </div> 
  </div>
  <footer class="text-center">
   
            
          
!
            
              body {
  background-color: Red;
}
h1{
	font-family: "Allerta Stencil";
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}

image {
    border-color: yellow;
    border-width: 7px;
  border-style: solid;}

 h2{font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 20.4px;
}

li {font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 20.4px;
}
p:first-letter {
  padding-left: 6%;}

            
          
!
            
              document.getElementsByTagName("h1")[0].style.fontSize =
  "80px";

            
          
!
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