cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

Quick-add: + add another resource

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.

Quick-add: + add another resource

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.

            
              <style>
  .large-image {
    width: 500px;
  }
  .thin-blue-border {
    border-color: #89c9cb;
    border-width: 5px;
    border-style: solid;
  }
  body {
    background-color: #89c9cb;
  }
  
  .body-color-text{
    color: #89c9cb;
  }
  .smaller-text {
    font-size: 2;
  }
</style>


<!-- Style above this Line -->
<div class="container">
  <div class="jumbotron">
    <div class="container">
<div class="text-center body-color-text">
  <h1><b>Kyle Seager</b></h1>
 </div>
<div class="text-center body-color-text">
<h2> Seattle Mariners 3rd Baseman </h2>
</div>

<center><img class="large-image thin-blue-border" src="https://static.seattletimes.com/wp-content/uploads/2015/07/dd9632a8-26b7-11e5-aac3-814198b364e9-1020x726.jpg" alt="Kyle Seager making a play at third"></center>
<div class= "text-center">
  <h3><u> Seager's Journey to the Big Leagues </u></h3>
      </div>
      <div class="text-center">
  <p> Kyle Seager was born on November 3rd, 1987 in Charlotte, North Caroline. Seager began his professional career with the Chatham A's in 2008 who are a Cape Cod Baseball League team. He advanced through the farm system playing for teams such as: the Clinton LumberKings, the High Desert Mavericks, the Jackson Generals and finally, the Tacoma Rainiers. After playing for the Rainiers for half of the 2011 season, Seager's contract was purchased by the Seattle Mariners. </p>
      </div>
<div  class="text-center">
  <h3> <u>Kyle Seager Homerun Statistics Throughout Career</u></h3>
      </div>
<div class="row">
<ul>
  <div class="col-sm-4">
  <li><b>2011</b> In his rookie season, Seager had 182 at-bats and only 3 homeruns</li>
  <li><b>2012</b> In the 2012 season, Seager had 594 at-bats and 20 homeruns</li>
  <li><b>2013</b> In the 2013 season, Seager had 615 at-bats and 22 homeruns</li>
  </div>
  <div class="col-sm-4">
  <li><b>2014</b> In the 2014 season, Seager had 590 at-bats and 25 homeruns</li>
  <li><b>2015</b> In the 2015 season, Seager had 623 at-bats and 26 homeruns</li>
  <li><b>2016</b> In the 2016 season, Seager had 597 at-bats and 30 homeruns</li>
  </div>
  <div class="col-sm-4">
  <li><b>Current</b> Currently, Seager has 410 at-bats and 16 homeruns</li>
</ul>
  </div>
  </div>
<div class="text-center">
  <h3> <u>First Player to Hit a Grand Slam in Extra Innings to Tie a Baseball Game </u></h3>
  <p> Here is a link to that<a href="https://www.youtube.com/watch?v=5qCvYOl4u1E" target="_blank"> legendary homerun </a> </p>
      </div> 
    </div>
  </div>
</div>
            
          
!
999px
Loading ..................

Console