<nav class="nav-collapse" role="navigation">
 <ul class="tabs primary-nav">
    <li class="tabs__item">
        <a href="#" class="tabs__link">Home</a>
    </li>
    <li class="tabs__item">
        <a href="#" class="tabs__link">Talks</a>
    </li>
    <li class="tabs__item">
        <a href="#" class="tabs__link">Schedule</a>
    </li>
    <li class="tabs__item">
        <a href="#" class="tabs__link">Location</a>
    </li>
    <li class="tabs__item">
        <a href="#" class="tabs__link">Contact</a>
    </li>
  </ul>
 <script>
 var navigation = responsiveNav(".nav-collapse", {
 animate: true,
 transition: 284,
 label: "Menu",
 insert: "before",
 customToggle: "",
 closeOnNavClick: false,
  openPos: "relative",
  navClass: "nav-collapse",
  navActiveClass: "js-nav-active",
  jsClass: "js",
  init: function(){},               // Function: Init callback
   open: function(){},               // Function: Open callback
   close: function(){}               // Function: Close callback
  });
  </script>

   </nav>

  <script>
 var lastScroll = 0;
      $(window).scroll(function(event){
          //Sets the current scroll position
          var st = $(this).scrollTop();
          //Determines up-or-down scrolling
          if (st > lastScroll){
 //scrollbtn disappears when scrolled down
            $(".scrollbtn").fadeOut();
          }
          else {
 //secondaryNav disappears when scrolled up
           $(".scrollbtn").css ("display","block");
          }
          //Updates scroll position
          lastScroll = st;
      });</script>
 <div class="parallax">

 <div class="messwrapper">

 <div class="message" style="display:none">
 <a class="animated fadeInUp"><center>Lorem
 <span  class="hot">ipsum</span> whatever
 <span class="hot"message</span></center></a>
 </div>

 <div class="message2" style="display:none">
 <center><a class="animated fadeInUp">
 Ipsum<span class="hot">Lorem</span>  message</a></center>
 </div>

  </div>
  <script>
  setTimeout(function () {
   $('.message').show().addClass('animated fadeInDown');}, 1000);
   setTimeout(function () {
    $('.message2').show().addClass('animated fadeInLeft');}, 4000);

    setTimeout(function () {
    $('.wbdesign').show().addClass('animated fadeInUp');}, 7000);
   setTimeout(function () {
    $('.facebk').show().addClass('animated fadeInUp');}, 8000);
   setTimeout(function () {
    $('.advert').show().addClass('animated fadeInUp');}, 9000);
    setTimeout(function () {
    $('.identity').show().addClass('animated fadeInUp');}, 10000);
    setTimeout(function () {
    $('.strat').show().addClass('animated fadeInUp');}, 11000);
    setTimeout(function () {
    $('.more').show().addClass('animated fadeInUp');}, 12000);



    </script>
    <div class="iconswrapper">

    <div class="wbdesign" style="display:none">
    <img  src="images/wbdesign.png" style="width:50%"
    class="animated  fadeInUp" /></div>
    <div class="facebk" style="display:none">
    <img src="images/Facebook.png"
    style="width:50%" class="animated fadeInUp" /></div>
    <div class="advert" style="display:none">
    <img src="images/Advert.png"         style="width:50%"
     class="animated  fadeInUp" /></div>
    <div class="identity" style="display:none">
    <img  src="images/identity.png" style="width:50%"
    class="animated fadeInUp" /></div>
    <div class="strat" style="display:none">
    <img src="images/strat.png"  style="width:50%"
       class="animated fadeInUp" /></div>
    <div class="more" style="display:none">
    <img src="images/MORE.png"     style="width:50%"
    class="animated fadeInUp" /></div>
     </div>

     </div>


    <div class="parallax2">
   <div class="pix">
  <img src="Images/cHOC.png" style="height:50%;">
   </div>
      </div>

     <div class="parallax3">
     <div class="bgbox">
      <div class="box2">
      <div class="medias">
     <div class="pic1"><div class="pic4">
     <img src="Images/Iconmail.png"  style="width:100%;"></div>
     <script>
     $('.pic1')
     .mouseover(function() {
        $(this).addClass('animated pulse');})
        .mouseout(function(){
       $(this).removeClass('animated pulse');});
        $('.pic2')
          .mouseover(function() {
         $(this).addClass('animated pulse');})
           .mouseout(function(){
          $(this).removeClass('animated pulse');});

    $('.pic3')
      .mouseover(function() {
       $(this).addClass('animated pulse');})
         .mouseout(function(){
        $(this).removeClass('animated pulse');});

   $('.pic4')
     .mouseover(function() {
         $(this).addClass('animated pulse');})
       .mouseout(function(){
      $(this).removeClass('animated pulse');});

    </script></div>
</p>


 </p>

  </p>

   </div>
    </div>
     <div id="footer">© 2017 "FIVE STARS .COM" All Rights Reserved</div>

            </div>