<section class="w3l-footer-29-main">
  <div class="footer-29">
    <div class="container">
        <!--  -->
      <div class="row text-center">
          <h6 class="footer-title-29 mx-auto"><a href="index"><img src="./assets/images/logo.png" alt="GNK & Associates" style="height:3em"/></a></h6>         
      </div>
      <!--  -->
      <!--  -->
      <div class="mt-5">
          <ul class="footer-links  mx-auto">
            <li><a href="index">Home</a></li>
            <li><a href="about">About</a></li>
            <li><a href="team">Team</a></li>
            <li><a href="contact">Contact</a></li>
          </ul>
      </div>
      <!--  -->
      <div class="bottom-copies">
        <p class="copy-footer-29 text-center mb-5">© <?php date_default_timezone_set("Africa/Nairobi"); echo date("Y") ?> GNK & Associates LLP. All rights reserved | Developed by <a href="https://justice.zerone.co.ke">Justice Towett</a></p>
            <!-- <div class="main-social-footer-29">
              <a href="#facebook" class="facebook"><span class="fa fa-facebook"></span></a>
              <a href="#twitter" class="twitter"><span class="fa fa-twitter"></span></a>
              <a href="#linkedin" class="linkedin"><span class="fa fa-linkedin"></span></a>
            </div> -->
      </div>
    </div>
  </div>
  <!-- move top -->
  <button onclick="topFunction()" id="movetop" title="Go to top">
    <span class="fa fa-angle-up"></span>
  </button>
  <script>
    // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function () {
      scrollFunction()
    };

    function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.getElementById("movetop").style.display = "block";
      } else {
        document.getElementById("movetop").style.display = "none";
      }
    }

    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
  </script>
  <!-- /move top -->
</section>
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- //footer-28 block -->
</section>
<script>
  $(function () {
    $('.navbar-toggler').click(function () {
      $('body').toggleClass('noscroll');
    })
  });
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!-- <script src="https://code.jquery.com/jquery-3.4.1.min.js"> -->
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
  integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
  integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
</script>

<!-- Template JavaScript -->
<!-- Smooth scrolling -->
<script src="assets/js/owl.carousel.js"></script>

<!-- script for -->
<script>
  $(document).ready(function () {
    $('.owl-one').owlCarousel({
      loop: true,
      margin: 0,
      nav: false,
      responsiveClass: true,
      autoplay: true,
      autoplayTimeout: 5000,
      autoplaySpeed: 1000,
      autoplayHoverPause: false,
      animateOut: 'fadeOut',
      mouseDrag: false,
      touchDrag: false,
      navigation: false,
      responsive: {
        0: {
          items: 1,
          nav: false
        },
        480: {
          items: 1,
          nav: false
        },
        667: {
          items: 1,
          nav: false
        },
        1000: {
          items: 1,
          nav: false
        }
      }
    })
  })
</script>
<script src="assets/js/alert.js"></script>
<script src="assets/js/main.js"></script>
<!-- //script -->
<!-- Team Modal Start -->
<div class="modal fade" id="team-modal" tabindex="-1" role="dialog" aria-labelledby="team-modal" aria-hidden="true">
	<div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title" id="member-name">Details</h1>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-4" id="member-photo">
          </div>
          <div class="col-md-8">
            <h3 class="mt-4" style="color: #9c2a26">Brief History</h3>
            <p class="mt-4 text-justify" id="member-details"></p>
            <h3 class="mt-4" style="color: #9c2a26">Qualifications</h3>
            <ul class="mt-3 ml-5" id="qualifications"></ul>
            <h3 class="mt-4" style="color: #9c2a26">Practice Areas</h3>
            <ul class="mt-3 ml-5" id="practice"></ul>
            <br/><br/>
          </div>
          
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-secondary btn-theme2 mx-auto" data-dismiss="modal" aria-label="Close">Close</button>
      </div>
    </div>
	</div>
</div>
<!-- Team Modal End -->
</body>

</html>