jQuery easing plugin html code

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">    
        <li class="active smooth-scroll"><a href="#home">Home</a></li>
        <li class="smooth-scroll"><a href="#about">About</a></li>
        <li class="smooth-scroll"><a href="#igredients">Igredients</a></li>
        <li class="smooth-scroll"><a href="#food-menu">Menu</a></li>
        <li class="smooth-scroll"><a href="#reviews">Reviews</a></li>
        <li class="smooth-scroll"><a href="#contact">Reservations</a></li>
    </ul>
</div>

main.js (activate)

// jQuery smooth scroll
    $('li.smooth-scroll a').bind('click', function(event){
        var $anchor = $(this);
        var headerH = '60';
        $('html, body').stop().animate({
            scrollTop : $($anchor.attr('href')).offset().top - headerH + 'px'
            
        }, 1200, 'easeInOutExpo');
        
        event.preventDefault();
    });