Menu icon Foundation

My Posts



My Comments

Aaron Makaruk commented on Aaron Makaruk's post over 5 years

<!-- Beginning Nav Bar -->
<div class="sticky">
<div class="fixed">
<nav class="top-bar" data-topbar>
  <ul class="title-area">
    <li class="name">
    <h1><a href="../index.html"><img src="../img/LogoNavbar.png" alt="" style="max-height: 50px;"></a></h1>
    </li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>
  <section class="top-bar-section">
  <!-- Right Nav Section -->
    <ul class="right">
      <li><a href="#">About</a></li>
      <li><a href="#">Sensors & Data</a></li>
      <li class="has-dropdown">
              <a href="../Beehives/CTB/01.html">Beehives</a>
              <ul class="dropdown">
                <li><a href="../Beehives/CTB/01.html">Colorado Top Bar</a></li>
                <li><a href="../Beehives/Warre/01.html">Barcelona Warre</a></li>
              </ul>
            </li>
      <li class="has-dropdown">
              <a href="#">Collaborate</a>
              <ul class="dropdown">
                <li><a href="#">Get Involved</a></li>
                <li><a href="#">Forum</a></li>
              </ul>
            </li>
      <li><a href="06.html">Contact</a></li>
    </ul>
  </section>
</nav>
</div>
</div>
<!-- End Nav Bar -->

<!-- BODY -->
<section class="docs__font docs">
  <div class="row">
    <div class="medium-4 columns docs__side-nav">
      <h4>About</h4>
      <h6 class="subheader">Open Source Beehives</h6>
        <ul class="side-nav" style="margin-bottom: 2em;">
          <li class="docs__side-nav__li--active"><a href="01.html">1. Overview</a></li>
          <li><a href="02.html">2. Project Plan</a></li>
          <li><a href="03.html">3. Citizen Science Protocols</a></li>
          <li><a href="04.html">4. Colony Collapse Disorder (CCD)</a></li>
          <li><a href="05.html">5. Team</a></li>
          <li><a href="06.html">6. FAQ</a></li>
          <li><a href="07.html">7. Contact</a></li>
        </ul>
    </div>
    <div class="medium-8 columns">
      <h2>1. Overview</h2>
      <hr>
      <div class="flex-video widescreen vimeo">
        <iframe src="https://player.vimeo.com/video/88638297" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      </div>
      <div class="clearfix docs__img-block">
        <p class="docs__subtext right">Welcome to the Jungle</p>
        <a href="#" class="button tiny alert left">Discuss</a>
      </div>
      <h3>The Open Source Beehives Project</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, odit at provident nostrum laudantium sequi doloribus quas natus quod ad quasi enim ut. Quas numquam aut temporibus esse quod magnam velit at. Magnam ab cupiditate consequatur quasi consectetur corporis. Totam, tenetur sapiente laborum facilis reprehenderit magnam quisquam impedit animi repellat ad quos error sunt iure accusantium sequi temporibus officiis quidem magni? Temporibus, dicta iste perferendis veniam nihil ab. Ipsam, unde, possimus, officiis autem repellat ratione nostrum vero deleniti ipsum repellendus aliquam culpa similique modi excepturi aut soluta magnam nobis aspernatur enim doloribus sed id atque dolorem doloremque perspiciatis quisquam perferendis.</p>

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, odit at provident nostrum laudantium sequi doloribus quas natus quod ad quasi enim ut. Quas numquam aut temporibus esse quod magnam velit at. Magnam ab cupiditate consequatur quasi consectetur corporis. Totam, tenetur sapiente laborum facilis reprehenderit magnam quisquam impedit animi repellat ad quos error sunt iure accusantium sequi temporibus officiis quidem magni? Temporibus, dicta iste perferendis veniam nihil ab. Ipsam, unde, possimus, officiis autem repellat ratione nostrum vero deleniti ipsum repellendus aliquam culpa similique modi excepturi aut soluta magnam nobis aspernatur enim doloribus sed id atque dolorem doloremque perspiciatis quisquam perferendis.</p>



    </div>
  </div>
</section>
<!-- END BODY -->

Aaron Makaruk commented on Amit94's post over 5 years

I can confirm that Peterson Tubini's answer worked for me.

I'm using Google Chrome.

Posts Followed


Following

    No Content

Followers

My Posts


My Comments

You commented on Aaron Makaruk's post over 5 years

<!-- Beginning Nav Bar -->
<div class="sticky">
<div class="fixed">
<nav class="top-bar" data-topbar>
  <ul class="title-area">
    <li class="name">
    <h1><a href="../index.html"><img src="../img/LogoNavbar.png" alt="" style="max-height: 50px;"></a></h1>
    </li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>
  <section class="top-bar-section">
  <!-- Right Nav Section -->
    <ul class="right">
      <li><a href="#">About</a></li>
      <li><a href="#">Sensors & Data</a></li>
      <li class="has-dropdown">
              <a href="../Beehives/CTB/01.html">Beehives</a>
              <ul class="dropdown">
                <li><a href="../Beehives/CTB/01.html">Colorado Top Bar</a></li>
                <li><a href="../Beehives/Warre/01.html">Barcelona Warre</a></li>
              </ul>
            </li>
      <li class="has-dropdown">
              <a href="#">Collaborate</a>
              <ul class="dropdown">
                <li><a href="#">Get Involved</a></li>
                <li><a href="#">Forum</a></li>
              </ul>
            </li>
      <li><a href="06.html">Contact</a></li>
    </ul>
  </section>
</nav>
</div>
</div>
<!-- End Nav Bar -->

<!-- BODY -->
<section class="docs__font docs">
  <div class="row">
    <div class="medium-4 columns docs__side-nav">
      <h4>About</h4>
      <h6 class="subheader">Open Source Beehives</h6>
        <ul class="side-nav" style="margin-bottom: 2em;">
          <li class="docs__side-nav__li--active"><a href="01.html">1. Overview</a></li>
          <li><a href="02.html">2. Project Plan</a></li>
          <li><a href="03.html">3. Citizen Science Protocols</a></li>
          <li><a href="04.html">4. Colony Collapse Disorder (CCD)</a></li>
          <li><a href="05.html">5. Team</a></li>
          <li><a href="06.html">6. FAQ</a></li>
          <li><a href="07.html">7. Contact</a></li>
        </ul>
    </div>
    <div class="medium-8 columns">
      <h2>1. Overview</h2>
      <hr>
      <div class="flex-video widescreen vimeo">
        <iframe src="https://player.vimeo.com/video/88638297" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      </div>
      <div class="clearfix docs__img-block">
        <p class="docs__subtext right">Welcome to the Jungle</p>
        <a href="#" class="button tiny alert left">Discuss</a>
      </div>
      <h3>The Open Source Beehives Project</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, odit at provident nostrum laudantium sequi doloribus quas natus quod ad quasi enim ut. Quas numquam aut temporibus esse quod magnam velit at. Magnam ab cupiditate consequatur quasi consectetur corporis. Totam, tenetur sapiente laborum facilis reprehenderit magnam quisquam impedit animi repellat ad quos error sunt iure accusantium sequi temporibus officiis quidem magni? Temporibus, dicta iste perferendis veniam nihil ab. Ipsam, unde, possimus, officiis autem repellat ratione nostrum vero deleniti ipsum repellendus aliquam culpa similique modi excepturi aut soluta magnam nobis aspernatur enim doloribus sed id atque dolorem doloremque perspiciatis quisquam perferendis.</p>

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, odit at provident nostrum laudantium sequi doloribus quas natus quod ad quasi enim ut. Quas numquam aut temporibus esse quod magnam velit at. Magnam ab cupiditate consequatur quasi consectetur corporis. Totam, tenetur sapiente laborum facilis reprehenderit magnam quisquam impedit animi repellat ad quos error sunt iure accusantium sequi temporibus officiis quidem magni? Temporibus, dicta iste perferendis veniam nihil ab. Ipsam, unde, possimus, officiis autem repellat ratione nostrum vero deleniti ipsum repellendus aliquam culpa similique modi excepturi aut soluta magnam nobis aspernatur enim doloribus sed id atque dolorem doloremque perspiciatis quisquam perferendis.</p>



    </div>
  </div>
</section>
<!-- END BODY -->

You commented on Amit94's post over 5 years

I can confirm that Peterson Tubini's answer worked for me.

I'm using Google Chrome.

Posts Followed

Following

  • No Content

Followers

  • No Content