Arct房屋设计网的设计与实现代码

  <header id="sticky-header">

  <div class="cc-header-area">

   <div class="container-fluid">

    <div class="row">

     <div class="main-wrapper">

      <nav class="navbar">

       <div class="logo-and-icon">

        <a href="#" class="navbar-brand"><img src="static/picture/logo.png" alt="LOGO"></a>

        <!-- navebar-toggler -->

        <button type="button" class="navbar-toggler">

         <img src="static/picture/menu.png" alt="">

        </button>

        <!-- end navebar-toggler -->

       </div>

       <div class="navbar-collapse">

        <ul class="navbar-nav">

         <li onclick="scrollto('home')"><a href="#">首页</a></li>

         <li onclick="scrollto('about')"><a href="#">关于</a></li>

         <li onclick="scrollto('gallery')"><a href="#">图库</a></li>

         <li onclick="scrollto('review')"><a href="#">评论</a></li>

         <li onclick="scrollto('faq')"><a href="#">常见问题</a></li>

         <li onclick="scrollto('team')"><a href="#">团队</a></li>

         <li onclick="scrollto('blog')"><a href="#">博客</a></li>

        </ul>

       </div>

       <div class="navbar-button">

        <button class="cc-btn" onclick="scrollto('contact')">联系我们</button>

       </div>

      </nav>

     </div>

    </div>

   </div>

  </div>

 </header>