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.

            
              <div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="text-center">L. L. Langstroth</h1>
        <h2 class="text-center"><em>Father of American Beekeeping</em></h2>
        <div class="image">
          <img class="center-block" src="https://upload.wikimedia.org/wikipedia/commons/5/5d/American_bee_journal_%281918%29_%2817492812804%29.jpg" max-height="30%" width="60%">
        </div>
        <div class="caption text-center">REV. L. L. LANGSTROTH, INVENTOR OF THE MOVABLE COMB HIVE. <br />BORN DEC. 25, 1810. DIED OCT, 6, 1895.
        </div>
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
          <h3>Timeline</h3>
          <ul>
            <li><strong>1810</strong> - Lorenzo Lorraine Langstroth was born in Philadelphia on Christmas Day.</li>
            <li><strong>1831</strong> - Langstroth graduated from Yale Univeristy's Divinity College.</li>
            <li><strong>1836</strong> - Langstroth became a pastor at the South Congregational Church in Andover, Massachusetts.</li>
            <li><strong>1838</strong> - After seeing a honeycomb in a large glass globe on a friend’s table, his childhood curiosity of insects was revived; that same day he returned home with two colonies of bees and thereafter devoted himself to apiculture.</li>
            <li><strong>1843</strong> - Langstroth resigned from South Congregational Church because of a serious illness -- “head troubles” and severe bouts of depression -- that would stay with him throughout the rest of his life. Beekeeping was his refuge.</li>
            <li><strong>1843 - 1848</strong> - He served as pastor of Second Congregational Church and as principal of a young ladies' school in Greenfield, Massachusetts.</li>
            <li><strong>1848</strong> - Langstroth moved his family back to Philadelphia, where he set up a two-acre apiary in West Philly.</li>
            <li><strong>1851</strong> - Working with Philadelphia cabinetmaker Henry Bourquin, Langstroth constructed a wooden hive with moveable frames, giving him unprecedented control over the honeycombs.</li>
            <li><strong>1852</strong> - Recevies first patent for a <a href="https://www.google.com/patents/US9300" target="_blank">Bee Hive</a>. Langstroth never profited from his patent, since it proved too difficult to defend. The simplicity of the Langstroth
              Hive made it easy to copy and modify.</li>
            <li><strong>1853</strong> - Published the <a href="https://www.youtube.com/watch?v=-bUJ41om5rA" target="_blank"> Hive and the Honey Bee</a>; forty editions later it is still in print today.</li>
            <li><strong>1858</strong> - Langstroth moved his family to Oxford, Ohio.</li>
            <li><strong>1861</strong> - The first issue of the American Bee Journal was published, for which Langstroth wrote the lead column.</li>
            <li><strong>1863</strong> - Langstroth's patent for <a href="https://www.google.com/patents/USRE1484" target="_blank">Bee Hive</a> was reissued.</li>
            <li><strong>1863</strong> - Langstroth received his first Italian bees (Apis mellifera ligustica); he would go on to ship thousands of them all across the world by mail.</li>
            <li><strong>1895</strong> - Langstroth died on October 6th while giving a sermon.</li>
            <li><strong>1976</strong> - Langstroth Cottage in Oxford, Ohio was named a National Historical Landmark. Today it is home to the Miami University Center for the Enhancement of Learning and Teaching.</li>
            <li><strong>2010</strong> - An <a href="" target="_blank">Historical Marker</a> was dedicated to Langstroth at 106 South Front Street, Philadelphia.</li>
          </ul>
        </div>
        <div class="image">
          <img class="center-block" src="http://explorepahistory.com/kora/files/1/10/1-A-3FE-139-Lorenzo_Langstroth.jpg" target-"_blank" height="100%">
        </div>

        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
          <blockquote>
            <p>“Born here, Langstroth revolutionized the beekeeping industry with his 1852 patented moveable frame hive and his manual, <em>The Hive and the Honey Bee</em>. Both remain in use today. His innovations advanced beekeeping, pollination, and honey
              production worldwide.”</p>
          </blockquote>
          <h3>Discover more about Langstroth</h3>
          <ul>
            <li><a href="https://lorenzolangstroth.wordpress.com/langstroth-biography/" target="_blank">Langstroth and His Bees | English Department of Miami University of Ohio</a></li>
            <li><a href="http://www.amphilsoc.org/collections/view?docId=ead/Mss.B.L265-ead.xml" target="_blank">L. L. (Lorenzo Lorraine) Langstroth papers, 1852-1895 | American Philosophical Society</a></li>
            <li><a href="https://en.wikipedia.org/wiki/L._L._Langstroth" target="_blank">Wikipedia</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div><!-- end jumborton -->
  <footer class="text-center">
    <hr>
    <p>Written and coded by <a href="https://www.freecodecamp.com/mlecke" target="_blank">Michael Lecke</a>.</p>
  </footer>
</div><!-- end container -->
            
          
!
999px
Loading ..................

Console