</main>
<footer>
  <div class="waves">
    <div class="wave" id="wave1"></div>
    <div class="wave" id="wave2"></div>
    <div class="wave" id="wave3"></div>
    <div class="wave" id="wave4"></div>
  </div>
  <ul class="social_icon">
    <li><a href="#"><ion-icon name="logo-facebook"></ion-icon></a></li>
    <li><a href="#"><ion-icon name="logo-twitter"></ion-icon></a></li>
    <li><a href="#"><ion-icon name="logo-linkedin"></ion-icon></a></li>
    <li><a href="#"><ion-icon name="logo-instagram"></ion-icon></a></li>
  </ul>

  <ul class="menu">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Team</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</footer>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script>
  function go(){
    window.location = "/login";
  }
  function condos(){
    document.getElementById('s').classList.add('active');document.getElementById('s_one').classList.remove('active');document.getElementById('s_two').classList.remove('active');
    document.getElementById('apartment').classList.add('remove');
    document.getElementById('condos').classList.remove('remove');
    document.getElementById('villa').classList.add('remove');
  }
  function apartment(){
    document.getElementById('s').classList.remove('active');document.getElementById('s_one').classList.add('active');document.getElementById('s_two').classList.remove('active');
    document.getElementById('apartment').classList.remove('remove');
    document.getElementById('condos').classList.add('remove');
    document.getElementById('villa').classList.add('remove');
  }
  function villa(){
    document.getElementById('s').classList.remove('active');document.getElementById('s_one').classList.remove('active');document.getElementById('s_two').classList.add('active');
    document.getElementById('apartment').classList.add('remove');
    document.getElementById('condos').classList.add('remove');
    document.getElementById('villa').classList.remove('remove');
  }
  function gohome(){
    window.location.assign("/");
  }
</script>
</body>

</html>