<footer class="footer-wrapper footer-layout7">
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xl-3">
          <div class="widget footer-widget">
            <div class="th-widget-about">
              <div class="about-logo"><a href="index.php"><img src="assets/img/newlogo.png" alt="Glorious Brows & Nails"></a></div>
              <p class="about-text">Centric applications productize front end portals visualize front end is results and value added</p>
              <div class="working-time"><span class="title">We Are Available:</span>
                <p class="desc">Mon-Sat: 10.00 am to 6.30 pm</p>
              </div>
              <div class="th-social footer-social"><a href="https://www.facebook.com/gloriousinottawa/"><i class="fab fa-instagram"></i></a><a href="https://www.facebook.com/gloriousinottawa/"><i class="fab fa-facebook-f"></i></a> <a href="https://x.com/Gloriousbrow/"><i class="fab fa-twitter"></i></a></div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick link</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about-us.php">About Us</a></li>
                <li><a href="gallery.php">Work Gallery</a></li>
                <!--<li><a href="contact.html">Privacy Policy</a></li>-->
                <li><a href="our-services.php">Our Services</a></li>
                <!--<li><a href="price.html">Pricing Plans</a></li>-->
                <li><a href="contact-us.php">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">our services</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="#">Nail</a></li>
                <li><a href="#">Brows</a></li>
                <li><a href="#">Eyes</a></li>
                <li><a href="#">Skin</a></li>
                <li><a href="#">Waxing</a></li>
                <li><a href="#">Massage</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Details</h3>
            <div class="th-widget-about">
              <h4 class="footer-info-title">Phone Number</h4>
              <p class="footer-info"><i class="fa-sharp fa-solid fa-phone"></i><a class="text-inherit" href="tel:+447356232374">+44 7356 232374</a></p>
              <h4 class="footer-info-title">Email Address</h4>
              <p class="footer-info"><i class="fas fa-envelope"></i><a class="text-inherit" href="mailto:gloriousbrowsandnails@gmail.com">gloriousbrowsandnails@gmail.com</a></p>
              <h4 class="footer-info-title">Office Location</h4>
              <p class="footer-info"><i class="fas fa-map-marker-alt"></i>171 Uxbridge Rd, London W7 3TH, United Kingdom</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap">
    <div class="container">
        <div class="row align-items-center">

            <!-- Left Section -->
            <div class="col-lg-6">
                <p class="copyright-text">
                    <i class="fal fa-copyright"></i>
                    <span id="currentYear"></span> 
                    <a class="text-theme" href="#">Glorious Brows & Nails</a>. All Rights Reserved.
                </p>
            </div>

            <!-- Right Section -->
            <div class="col-lg-6 text-lg-end text-center">
                <div class="footer-links">
                    <ul>
                       
                        <li><a href="https://successinfotech.com" target="_blank">
                            Developed & Designed by SuccessInfotech
                        </a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>

<!-- Auto Year Script -->
<script>
    document.getElementById("currentYear").textContent = new Date().getFullYear();
</script>

  <div class="scroll-top">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
    </svg>
  </div>
  <div class="shape-mockup movingX" data-bottom="0%" data-left="0%"><img src="assets/img/update_4/shape/footer_shape_1.png" alt="shape"></div>
  <div class="shape-mockup movingX d-none d-xl-block" data-bottom="0%" data-right="0%"><img src="assets/img/update_4/shape/footer_shape_2.png" alt="shape"></div>
</footer>
<div class="scroll-top">
  <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
    <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
  </svg>
</div>