Show Sections Hide Sections

Heros

Heros are typically a large attention grabbing section on the top of a page that is used to immediatly peak a users interest.


Hero #1

<div class='breakout hero-1' style='background-image: url(https://source.unsplash.com/featured/1920x1000?flowers=1); padding-bottom: 600px;'>
  <div class='hero-1-boards'>
    <div class='hero-1-boards-container'>
      <div class='hero-1-section'>
        <img src='https://source.unsplash.com/featured/500x500?flowers=2' style='border-radius: 50%;' />
      </div>
      <div class='hero-1-section'>
        <h2>Hero 1</h2>
        <p>Bacon ipsum dolor amet short ribs beef ribs pork belly flank, shoulder kielbasa ham hock capicola shank cow frankfurter ball tip spare ribs short loin drumstick. Swine buffalo venison tenderloin jerky ham boudin pork.</p>
        <p>Tongue boudin tail buffalo sirloin ham porchetta landjaeger tenderloin shankle jowl venison.</p>
      </div>
      <div class='hero-1-section hero-1-brown-tilt'>
        <p>Bacon & Beef:</p>
        <ul>
          <li>Bacon ipsum dolor amet short ribs beef ribs </li>
          <li>Swine buffalo venison tenderloin jerky</li>
          <li>Sirloin ham porchetta landjaeger</li>
          <li>Tenderloin shankle jowl venison</li>
        </ul>
        <a href='' class='button box'>Shop Bacon <i class='fas fa-angle-double-right'></i></a><br>
      </div>
    </div>
  </div>
</div>
Results:

Hero 1

Bacon ipsum dolor amet short ribs beef ribs pork belly flank, shoulder kielbasa ham hock capicola shank cow frankfurter ball tip spare ribs short loin drumstick. Swine buffalo venison tenderloin jerky ham boudin pork.

Tongue boudin tail buffalo sirloin ham porchetta landjaeger tenderloin shankle jowl venison.

Bacon & Beef:

  • Bacon ipsum dolor amet short ribs beef ribs
  • Swine buffalo venison tenderloin jerky
  • Sirloin ham porchetta landjaeger
  • Tenderloin shankle jowl venison
Shop Bacon

Hero #2

<div class='hero-2' style='background-image: url(https://source.unsplash.com/featured/1200x800?flowers=3);' mobile-style='background-image: url(https://source.unsplash.com/featured/720x500?flowers=3);'>
  <div class='hero-2-content'>
    <h3>Bacon ipsum</h3>
    <p>Bacon ipsum dolor amet short ribs beef ribs pork belly flank, shoulder kielbasa ham hock capicola shank cow frankfurter ball tip spare ribs short loin drumstick. Swine buffalo venison tenderloin jerky ham boudin pork. Prosciutto sausage pancetta boudin swine tri-tip. Prosciutto ball tip chicken, capicola meatloaf leberkas flank picanha filet mignon pork chop beef ribs t-bone alcatra ground round hamburger. Swine doner burgdoggen short ribs fatback sausage. Pork loin drumstick buffalo, beef ribs doner ham hock sirloin pig pancetta shankle burgdoggen cow short ribs.</p>
    <a href='javascript:document.querySelector("#scroll-to-id").scrollIntoView({behavior:"smooth"})' class="button">Shop Bacon</a>
    </div>
  </div>
</div>
Results:

Bacon ipsum

Bacon ipsum dolor amet short ribs beef ribs pork belly flank, shoulder kielbasa ham hock capicola shank cow frankfurter ball tip spare ribs short loin drumstick. Swine buffalo venison tenderloin jerky ham boudin pork. Prosciutto sausage pancetta boudin swine tri-tip. Prosciutto ball tip chicken, capicola meatloaf leberkas flank picanha filet mignon pork chop beef ribs t-bone alcatra ground round hamburger. Swine doner burgdoggen short ribs fatback sausage. Pork loin drumstick buffalo, beef ribs doner ham hock sirloin pig pancetta shankle burgdoggen cow short ribs.

Shop Bacon