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.

+ add another resource

Looking for quick-add? Try the external resource search, it's quicker and gives you access to the most recent version of thousands of libraries. ☝️

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

Looking for quick-add? Try the external resource search, it's quicker and gives you access to the most recent version of thousands of libraries. ☝️

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.

              <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 class="caption text-center">REV. L. L. LANGSTROTH, INVENTOR OF THE MOVABLE COMB HIVE. <br />BORN DEC. 25, 1810. DIED OCT, 6, 1895.
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
            <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>
        <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 class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
            <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>
          <h3>Discover more about Langstroth</h3>
            <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>
  </div><!-- end jumborton -->
  <footer class="text-center">
    <p>Written and coded by <a href="https://www.freecodecamp.com/mlecke" target="_blank">Michael Lecke</a>.</p>
</div><!-- end container -->
🕑 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 ..................