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 CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

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
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console