Pen Settings

HTML

CSS

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

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Behavior

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.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

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.

HTML

            
              <div class="container-fluid">

    <div class="page-header">
      <h1 class="text-primary text-center">Jack Welch</h1>
    </div>

    <div class="row">
      <div class="col-xs-12 col-md-8 col-md-offset-2">
        <img 
        style="border-radius: 50%;"
          class="center-block img-rounded img-responsive" 
          src="https://image.slidesharecdn.com/ob-150830133046-lva1-app6892/95/general-electric-jack-welch-and-jeffrey-immelt-ceo-succession-organizational-behavior-5-638.jpg?cb=1440943498"
          alt="photo of Jack Welch sitting in a chair">
      </div>
    </div>
    
    <div class="row">
      <div class="col-xs-12 col-md-8 col-md-offset-2">
        <h1 class="text-center text-primary">About</h1>
      </div>
    </div>
    
    <div class="row">
      <div class="col-xs-12 col-md-8 col-md-offset-2">
        <p> Jack Welch is an American retired business executive, author, and chemical engineer. He was chairman and CEO of General
          Electric between 1981 and 2001.Welch was known for his canid and talent centric managment style. During his reign
          as CEO of GE he increased the value of the company from 12 billion dollars into 280 billion dollars. Many people
          believe his managment style put to much pressure on employees, which sometimes led to employees cutting corners.
          However, he is considered today to be one of the greatest CEOs in GE's history.</p>
      </div>
    </div>

    <div class="row">
      <div class="col-xs-12 col-md-8 col-md-offset-2">
        <h2 class="text-center text-white">Timeline of Welch Climbing the Ranks</h2>
        <ul 
          class="list-group" 
          style="font-family: times, serif;">
          <li class="list-group-item"><strong>1960</strong> started working for GE</li>
          <li class="list-group-item"><strong>1961</strong> began working as a junior chemical engineer</li>
          <li class="list-group-item"><strong>1963</strong> almost was fired because an explosion occured in the factory he was managing</li>
          <li class="list-group-item"><strong>1968</strong> welch had become the vp of GE and the head of GE's plastic division</li>
          <li class="list-group-item"><strong>1971</strong> Welch became the vice president of GE's metallurgical and chemical divisions</li>
          <li class="list-group-item"><strong>1973</strong> Welch was named the head of strategic planning</li>
          <li class="list-group-item"><strong>1977</strong> Welch was named senior vice president and head of Consumer Products and Services Division</li>
          <li class="list-group-item"><strong>1979</strong> Welch became vice chairman of GE</li>
          <li class="list-group-item"><strong>1981</strong> Welch became GE's youngest CEO</li>
        </ul>
      </div>
    </div>

    <div class="row">
      <div class="col-xs-12 col-md-8 col-md-offset-2">
        <h2 class="text-center text-primary">CEO of GE</h2>
        <p>As CEO of GE welch sought to streamline to company's growth. In order to grow Welch made emerging markets a main focus
          for GE. During his time at GE welch made 600 acquistions which resulted a massive increase in GE's value. Welch pioneered
          a policy of informality at the work place, allowing all employees to have a small business experience at a large corporation.
          Welch worked to eradicate perceived inefficiency by trimming inventories and dismantling the bureaucracy that had almost
          led him to leave GE in the past. He closed factories, reduced pay rolls and cut lackluster units.</p>
        <p>For more information about Jack Welch clik on <a href="https://jackwelch.strayer.edu/about" target="blank">Strayer EDU</a><p>
      </div>
    </div>
  </div>
            
          
!

CSS

            
              
            
          
!

JS

            
              
            
          
!
999px

Console