BossBey File Manager

Editing: footer.php

<div class="col-md-2">
              <div class="footerlink">
                <ul>
                  <li><a href="index.php">Home</a></li>
                  <li><a href="best-sellers.php">Best Sellers</a></li>
                  <li><a href="new-arrival.php">New Arrivals</a></li>
                  <li><a href="sale.php">Sale</a></li>
                </ul>
              </div>
          </div>

<div class="col-md-2">
              <div class="footerlink">
                <ul>
                  <li><a href="cigar.php">Cigar Collection</a></li>
                  <li><a href="about.php">About Us</a></li>
                  <li><a href="review.php">Reviews</a></li>
                  <li><a href="faqs.php">FAQs</a></li>
                </ul>
              </div>
          </div>

<div class="col-md-2">
              <div class="footerlink">
                <ul>
                  <li><a href="order-tracking.php">Track Order</a></li>
                  <li><a href="contact.php">Contact Us</a></li>
                  <li><a href="return-policy.php">Return Policy</a></li>             
                </ul>
              </div>
          </div>
          <div class="col-md-3">
              <div class="footertext">
              <div class="flex">
                <figure><img src="images/icon01.png" alt=""></figure>
                    <div class="texts">
                      <span>24/7 Customer Support</span>
                      <a href="tel:(+1) 6097052701" class="numb">(+1) 6097052701</a>
                    </div>
              </div>
                <a href="mailto:minklemultani@skdistributors.net"><img src="images/icon02.png" alt="">minklemultani@skdistributors.net</a>
                <a href="#"><img src="images/icon03.png" alt="">47 W 13th St, New York, NY 10011, USA</a>
              </div>
          </div>
        </div>
        <div class="row">
          <div class="copyright">
              <p>
              © Copyright 2024. All Rights Reserved
              </p>
              <ul>
                <li><a href="#"><img src="images/card1.png" alt=""></a></li>
                <li><a href="#"><img src="images/card2.png" alt=""></a></li>
                <li><a href="#"><img src="images/card3.png" alt=""></a></li>
                <li><a href="#"><img src="images/card4.png" alt=""></a></li>
                <li><a href="#"><img src="images/card5.png" alt=""></a></li>
              </ul>
          </div>
        </div>
      </div>
    </footer>

<style>
     .web-modal {
        overflow: hidden;
    }

.web-modal .modal-content {
       background: #F8F8F8;
        border-radius: 0px;
        border: none;
        position: relative;
        box-shadow: 5px -5px 0px #a22129a6, -5px 6px 0px #a42129;
    }

/* .web-modal .modal-content::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -4px;
        border-radius: inherit;
        background: linear-gradient(45deg, #0ab0ab, #328eb7, #5272c1, #7e4ecc, #923ed0, #da11d0, #f518be, #ff6469, #ff9834, #ffc309);
    } */

.web-modal .modal-content .btn-close {
        position: absolute;
        right: 8px;
        top: 8px;
        background: #A42129;
        width: 20px;
        height: 20px;
        line-height: 13px;
        border: 1px solid #A42129;
        border-radius: 0px 0px 0px 10px;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        z-index: 4;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.web-modal .modal-content .btn-close i {
        color: #fff;
        font-weight: 600;
        font-size: 22px;
    }

.web-modal .modal-header {
        padding: 0px;
        border-bottom: none;
    }

.web-modal .modal-body .content {
        padding: 30px 10px;
    }
    .web-modal .modal-body .content .btn-box{
            display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: nowrap;
    flex-direction: row;
    }
    .web-modal .modal-body .content .btn-box .btn-wh{
            width: 100%;
    height: 50px;
    background: #A42129;
    border: 1px solid #A42129;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.web-modal .modal-body .content h3{
        font-family: 'Brockmann', sans-serif;
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        margin: 0;
        background: linear-gradient(#000, #292929);
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 20px;
        letter-spacing: .5px;
    }
    .web-modal .modal-body .content h2 {
        font-family: 'Brockmann', sans-serif;
        color: #151C22;
        font-size: 60px;
        line-height: 60px;
        text-transform: capitalize;
        margin: 10px 0;
        text-align: center;
        font-weight: 600;
    }

.web-modal .modal-body .content p {
        color: #151C22;
        font-size: 25px;
        line-height: 25px;
        text-transform: capitalize;
        margin: 0;
        padding: 0;
        text-align: center;
        font-weight: 600;
    }

.web-modal .modal-body .content .form-group {
        margin: 0 0 35px 0;
    }

.web-modal .modal-body .content .form-group input.form-control {
        border: none;
        border-bottom: 2px solid #392657;
        border-radius: 0px;
        background: transparent;
        height: 59px;
        color: #1A3236;
        font-size: 20px;
        text-transform: capitalize;
    }

.web-modal .modal-body .content .form-group .form-control:focus{
        box-shadow: none;
    }

.web-modal .modal-body .content .form-group textarea.form-control {
        border: none;
        border-bottom: 2px solid #392657;
        border-radius: 0px;
        background: transparent;
        height: 82px;
        color: #1A3236;
        font-family: "Noir-Regular";
        font-size: 20px;
        text-transform: capitalize;
        resize: none;
    }

.web-modal .modal-body .content .form-btn .btn-submit {
        background: #77ddbd;
        color: #000;
        width: 100%;
        padding: 18px 10px;
        font-size: 18px;
        text-transform: uppercase;
        border-radius: 95px;
        transition: all .3s ease-in-out;
        border: 2px solid #000;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .31), inset 0 2px 1px rgba(255, 255, 255, .5);
        font-family: 'brockmann';
        display: block;
        margin: 0 auto;
        width: 70%;
    }
    .web-modal .modal-body .content .form-btn .btn-submit:hover{
        transform: scale(1.1);
    }

</style>
    
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.27/bundled/lenis.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
    <script src="js/custom.js"></script>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
    
    $(window).ready(function () {
      setTimeout(function () {
        $("#AgestaticBackdrop").modal("show");
      }, 2e3);
    });

</script>
  <script>
  // Function to highlight selected color option
  function selectColor(element) {
    document.querySelectorAll('.color-option').forEach(el => el.classList.remove('active'));
    element.classList.add('active');
  }
</script>
<script>
  $('.radio__button input').on('click', e => {
  console.log(e.target.value);
});
</script>
<script>
  (function () {
  const quantityContainer = document.querySelector(".quantity");
  const minusBtn = quantityContainer.querySelector(".minus");
  const plusBtn = quantityContainer.querySelector(".plus");
  const inputBox = quantityContainer.querySelector(".input-box");

updateButtonStates();

quantityContainer.addEventListener("click", handleButtonClick);
  inputBox.addEventListener("input", handleQuantityChange);

function updateButtonStates() {
    const value = parseInt(inputBox.value);
    minusBtn.disabled = value <= 1;
    plusBtn.disabled = value >= parseInt(inputBox.max);
  }

function handleButtonClick(event) {
    if (event.target.classList.contains("minus")) {
      decreaseValue();
    } else if (event.target.classList.contains("plus")) {
      increaseValue();
    }
  }

function decreaseValue() {
    let value = parseInt(inputBox.value);
    value = isNaN(value) ? 1 : Math.max(value - 1, 1);
    inputBox.value = value;
    updateButtonStates();
    handleQuantityChange();
  }

function increaseValue() {
    let value = parseInt(inputBox.value);
    value = isNaN(value) ? 1 : Math.min(value + 1, parseInt(inputBox.max));
    inputBox.value = value;
    updateButtonStates();
    handleQuantityChange();
  }

function handleQuantityChange() {
    let value = parseInt(inputBox.value);
    value = isNaN(value) ? 1 : value;

// Execute your code here based on the updated quantity value
    console.log("Quantity changed:", value);
  }
})();

</script>
  </body>
</html>

Cancel