    <div class="site-mobile-menu site-navbar-target">
      <div class="site-mobile-menu-header">
        <div class="site-mobile-menu-close">
          <span class="icofont-close js-menu-toggle"></span>
        </div>
      </div>
      <div class="site-mobile-menu-body"></div>
    </div>

    <nav class="site-nav">
      <div class="container">
        <div class="menu-bg-wrap">
          <div class="site-navigation">
            <a href="{{siteUrl}}" class="logo m-0 float-start">My Property Agency</a>

            <ul
              class="js-clone-nav d-none d-lg-inline-block text-start site-menu float-end"
            >
              <li class="active"><a href="{{ craft.app.sites.primarySite.baseUrl }}">Home</a></li>
              <li class="has-children">
                <a href="{{ url('property/index') }}">Properties</a>
                <ul class="dropdown">
                  <li><a href="{{ url('property/index') }}">Property</a></li>
                  <li><a href="{{ url('property/index-webp') }}">Property Webp Optimized</a>
                  </li>
                  
                  <li><a href="{{ url('property/index-accord') }}">Property Index Accordian</a>
                  </li>

                  <li><a href="{{ url('property/index-type') }}">Property Category Filter</a>
                  </li>
                  

                  <li class="has-children">
                    <a href="#">Additions</a>
                    <ul class="dropdown">
                      <li><a href="{{ url('additions/google-form')}}">Google Form Integration</a></li>
                      <li><a href="{{ url('additions/stripe') }}">Strip Payment</a></li>
                      <li><a href="{{ url('additions/postmark-email')}}">Postmark Email</a></li>
                      <li><a href="{{ url('additions/contact-form')}}">Contact Form</a></li>
                      <li><a href="{{ url('mortgage-calculator')}}">JS Calculator</a></li>
                      <li><a href="{{ url('articles/latest')}}">Latest Articles</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              
              <li><a href="{{ cpUrl('') }}">Admin</a></li>
              <li><a href="{{ url('about')}}">About</a></li>
            </ul>

            <a
              href="#"
              class="burger light me-auto float-end mt-1 site-menu-toggle js-menu-toggle d-inline-block d-lg-none"
              data-toggle="collapse"
              data-target="#main-navbar"
            >
              <span></span>
            </a>
          </div>
        </div>
      </div>
    </nav>