<body>
<header class="header menu">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="welcome">
          <img class="logo ml-5 mt-n3 " src="material/img/banner/logob.svg" alt="">
        </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    
      <div class="collapse navbar-collapse menucell  " id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto ">
          <li class="nav-item active ">
            <a href="nosotros" class="nav-link  text-white" >Nosotros</a>
          </li>
          <li class="nav-item">
            <a class="nav-link  text-white" href="compostable">Compostable</a>
          </li>
         
          <li class="nav-item">
            <a class="nav-link  text-white" href="reciclable">Reciclable</a>
          </li>

          <li class="nav-item">
            <a class="nav-link   text-white" href="productos">Tienda</a>
          </li>
          <li class="nav-item">
            <a class="nav-link  text-white" href="blog">Blog</a>
          </li>
          <li class="nav-item">
            <a  class="nav-link  text-white" onclick="desplazar2();" >Contacto</a>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <div class="ml-5 mr-5">
      
       
      </div>
        </form>
      </div>
    </nav>
  </header>
  <!--   end navbar -->
<img class="svgr" src="material/img/banner/svg.svg" alt="First slide">
  
    <script type="text/javascript">
      $(document).ready(function(){
  var altura = $('.menu').offset().top;
  
  $(window).on('scroll', function(){
    if ( $(window).scrollTop() > altura ){
      $('.menu').addClass('menu-fixed');
    } else {
      $('.menu').removeClass('menu-fixed');
    }
  });
   function desplazar() {
  $('html,body').animate({
    scrollTop: $("#scrollToHere").offset().top
}, 2000);
}
 
});
   
    </script>