<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="logowrp">
                    <img src="assets/images/logo-f.webp">
                    <!--<h3 class="logohead">Slick Web Studios</h3>-->
                    <p>We are a team of creative thinkers and problem solvers dedicated to expanding the limits of what
                        is possible by helping brands achieve their goals.</p>
                    <ul>
                        <li>
                            <a href="https://www.facebook.com/slickwebstudios"><i class="fa fa-facebook"
                                    aria-hidden="true"></i></a>
                        </li>
                        <li>
                            <a href="https://x.com/slickwebstudios"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/company/slick-web-studios/about"><i class="fa fa-linkedin"
                                    aria-hidden="true"></i></a>
                        </li>
                        <li>
                            <a href="https://www.instagram.com/slickwebstudios"><i class="fa fa-instagram"
                                    aria-hidden="true"></i></a>
                        </li>
                        <li>
                            <a href="https://www.pinterest.com/slickwebstudios"><i class="fa fa-pinterest-p"
                                    aria-hidden="true"></i></a>
                        </li>
                    </ul><br><br>
                </div>
            </div>
            <div class="col-md">
                <div class="navwrp">
                    <h4>Other Services</h4>
                    <ul>
                        <li>
                            <a href="logo-design.php">Logo Design</a>
                        </li>
                        <li>
                            <a href="creative-copywriting.php">Creative Copywriting</a>
                        </li>
                        <li>
                            <a href="website-development.php">Website Development</a>
                        </li>
                        <li>
                            <a href="digital-marketing.php">Digital Marketing</a>
                        </li>
                        <li>
                            <a href="ecommerce-solutions.php">Ecommerce Web Solutions</a>
                        </li>
                        <li>
                            <a href="motion-graphics.php">Motion Graphics</a>
                        </li>
                        <li>
                            <a href="illustration-design.php">Illustration Design</a>
                        </li>
                        <li>
                            <a href="marketing-collateral.php">Marketing Collateral</a>
                        </li>
                        <li>
                            <a href="mobile-application.php">App Design</a>
                        </li>
                        <li>
                            <a href="seo-services.php">SEO Services</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col-md">
                <div class="navwrp">
                    <h4>Quick Links</h4>
                    <ul>
                        <li>
                            <a href="https://slickwebstudios.com/">Home</a>
                        </li>
                        <li>
                            <a href="about-us.php">About</a>
                        </li>
                        <li>
                            <a href="portfolio.php">Portfolio</a>
                        </li>
                        <li>
                            <a href="contact-us.php">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md">
                <div class="navwrp">
                    <h4>Contact Details</h4>
                    <ul>
                        <li>
                            <a href="tel:<?php echo $phone ?>"><i class="fa fa-phone" aria-hidden="true"></i>
                                <?php echo $phone ?></a>
                        </li>

                        <li>
                            <a href="mailto:info@slickwebstudios.com"><i class="fa fa-envelope"></i>
                                info@slickwebstudios.com</a>
                        </li>

                        <li>
                            <a href="https://g.co/kgs/YhbnmTX"><i class="fa fa-map"></i> 99 Hudson Street Tribeca, 5th
                                floor, New York, NY 10013, United States</a>
                        </li>
                        <li>
                            <img src="assets/images/payment.webp">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<div class="ftr-btm">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="txtwrp">
                    <p>© Slick Web Studios 2024. All rights reserved</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="txtwrp">
                    <ul>
                        <li>
                            <a href="terms.php">Terms of Use</a>
                        </li>
                        <li>
                            <a href="privacy-policy.php">Privacy Policy</a>
                        </li>
                        <li>
                            <a href="refund-policy.php">Refund policy</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="floatbutton">
    <div class="btns_wrap">

        <a href="javascript:;$zopim.livechat.window.toggle()" class="chat_wrap">
            <span class="icoo"><i class="fa fa-comment"></i></span>
            <span>Chat With Us</span>
        </a>
        <a href="tel:<?php echo $phone ?>" class="call_wrap">
            <span class="icoo"><i class="fa fa-phone"></i></span>
            <span><?php echo $phone ?></span>
        </a>
    </div>


    <div class="clickbutton">
        <div class="crossplus">60% Off On All Services</div>
    </div>
    <div class="banner-form">
        <h3>Chat With Us to <br>Avail 60% Discount</h3>
        <div class="banform">
            <div class="container">
                <div class="row">
                    <div class="ban-form">
                        <form class="cmxform " action="sendmail.php" method="POST">
                            <input type="hidden" name="lead_source"
                                value="<?= $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; ?>">
                            <input type="hidden" name="brand" value="<?= $_SERVER['SERVER_NAME']; ?>">
                            <input type="text" name="msclkid" hidden
                                value="<?php echo isset($_SESSION['msclkid']) ? $_SESSION['msclkid'] : ''; ?>">
                            <input type="text" name="gclid" hidden
                                value="<?php echo isset($_SESSION['gclid']) ? $_SESSION['gclid'] : ''; ?>">
                            <input type="text" name="ip" hidden="" value="<?php echo $_SERVER['REMOTE_ADDR']; ?>">

                            <div class="alert alert-danger error" style="display: none;"></div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="fldset">
                                        <input id="username" name="full_name" type="text" placeholder="Enter your name"
                                            required="">



                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="fldset">
                                        <input id="cemail" type="email" name="email" placeholder="Enter email here"
                                            required="">

                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="fldset">


                                        <input type="text" name="phone" id="phone-coun"
                                            class="phone-country masking contact phoneNum" placeholder="Phone*"
                                            required="">
                                        <span class="bg-danger col-lg-offset-3 contact_error "
                                            style="display: none;">Contact No Incorrect</span>

                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="fldset">
                                        <textarea name="message" id="" rows="7"
                                            placeholder="Talk About Your Project"></textarea>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="fldset">
                                        <input name="submit" type="submit" placeholder="Connect With Us" required="">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<div class="cus-overlay"></div>-->
<div id="ouibounce-modal">
    <div class="underlay" onclick="document.getElementById('ouibounce-modal').style.display = 'none';"></div>
    <div class="modal">
        <h3>Get Your Dynamic Website <span> just Starting from <b>$299</b></span></h3>
        <h4>LAST 9 COUPONS LEFT</h4>
        <div class="modal-body">
            <form class="jform  clearfix" id="form1" action="sendmail.php" method="post">
                <input type="hidden" name="lead_source"
                    value="<?= $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; ?>">
                <input type="hidden" name="brand" value="<?= $_SERVER['SERVER_NAME']; ?>">
                <input type="text" name="msclkid" hidden
                    value="<?php echo isset($_SESSION['msclkid']) ? $_SESSION['msclkid'] : ''; ?>">
                <input type="text" name="gclid" hidden
                    value="<?php echo isset($_SESSION['gclid']) ? $_SESSION['gclid'] : ''; ?>">
                <input type="text" name="ip" hidden="" value="<?php echo $_SERVER['REMOTE_ADDR']; ?>">
                <ul>
                    <li>
                        <i class="fa fa-user" aria-hidden="true"></i>
                        <input type="text" class="required" required="" placeholder="Full Name *" name="full_name">
                    </li>
                    <li>
                        <i class="fa fa-envelope-o" aria-hidden="true"></i>
                        <input type="email" class="required email" required="" placeholder="Email Address *"
                            name="email">
                    </li>
                    <li>
                        <i class="fa fa-phone" aria-hidden="true"></i>
                        <input type="text" class="required number phoneNum" required="" placeholder="Phone No. *"
                            name="phone">
                    </li>
                    <li>
                        <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                        <textarea name="message" class="required" required=""
                            placeholder="Name on the Logo and Design Preferences"></textarea>
                    </li>
                    <li>
                        <input type="submit" value="Submit Your Request">
                    </li>
                </ul>
                <!--<strong>-->
                <!--    <span> <i class="fa fa-check-circle-o" aria-hidden="true"></i> MULTIPLE LOGO CONCEPTS</span>-->
                <!--    <span><i class="fa fa-check-circle-o" aria-hidden="true"></i> FREE 2 REVISIONS </span>-->
                <!--    <span><i class="fa fa-check-circle-o" aria-hidden="true"></i> DEDICATED DESIGNER </span>-->
                <!--    <span><i class="fa fa-check-circle-o" aria-hidden="true"></i> MONEY BACK GUARANTEE</span>-->
                <!--</strong>-->
            </form>
        </div>
        <div class="modal-footer">
            <a onclick="document.getElementById('ouibounce-modal').style.display = 'none';"></a>
        </div>
    </div>
</div>







<script src="assets/js/mlib.js"></script>
<script src="assets/js/functions.js"></script>
<!--<script src="assets/js/testimonial.js"></script>-->
<script src="assets/js/lazyload.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.sync.bootstrap.min.js" async>
</script>

<script async
    src="https://tool.chatknot.com/static/m69ob2x0LTueBFIJ/ce1369ac-cfaa-45f4-90c5-35269c1f63ae-1756486029427.js">
</script>




<script type="text/javascript">
// window.zESettings = {
//     webWidget: {
//         chat: {
//             connectOnPageLoad: false
//         }
//     }
// };
</script>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
    // Get the modal
    var modal = document.getElementById('ouibounce-modal');

    // Function to show the modal
    function showModal() {
        modal.style.display = 'block';
    }

    // Get all buttons with the class 'open-modal' and add click event listeners
    var buttons = document.querySelectorAll('.btn-1');
    buttons.forEach(function(button) {
        button.addEventListener('click', showModal);
    });

    // Add click event to the underlay to hide the modal
    document.querySelector('.underlay').addEventListener('click', function() {
        modal.style.display = 'none';
    });

    // Add click event to the modal footer link to hide the modal
    document.querySelector('.modal-footer a').addEventListener('click', function() {
        modal.style.display = 'none';
    });
});
</script>




<script>
document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
        document.getElementById('ouibounce-modal').style.display = 'flex';
    }, 15000); // 3000 milliseconds = 3 seconds
});
</script>


<script>
$(".phoneNum").inputmask({
    "mask": "+9(999) 999-9999"
}).on("input", function() {
    var minLength = 11; // minimum length of the formatted phone number, including the country code
    var phoneNumber = $(this).val().replace(/\D/g, ''); // remove non-digit characters from the input value
    if (phoneNumber.length < minLength) {
        this.setCustomValidity("Phone number must have a minimum length of " + minLength + " digits");
    } else {
        this.setCustomValidity("");
    }
});

$(function() {
    var myLazyLoad = new LazyLoad({
        elements_selector: ".lazy"
        // load_delay: 300 //adjust according to use case
    });
});
</script>




<script type="text/javascript">
$(".clickbutton").click(function() {
    $('.floatbutton').toggleClass("active");
    $('.crossplus').toggleClass("rotate");
});
</script>

<script type="text/javascript">
//  zE(function() {
// zE.activate();
// });
</script>



</main>
</main>

</body>

</html>