<!-- FOOTER -->

<footer class="footer-sec bg-prop" style="background-image: url('assets/images/footer-bg.jpg');">
    <div class="container-fluid">
        <div class="footer-top">
            <div class="row">
                <div class="col-lg-3 col-xxl-4">
                    <div class="footer-logo-gap">
                        <div class="footer-logo">
                            <a href="index.php">
                                <img src="assets/images/footer-logo.png" alt="logo">
                            </a>
                        </div>
                        <div class="footer-logo-about">
                            <span>About Us</span>
                            <p>At Screenlink Technologies, we empower businesses with smart CRM systems, AI tools, and
                                SaaS solutions that simplify operations and accelerate growth. </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-xxl-8">
                    <div class="footer-nav-gap">
                        <div class="row">
                            <div class="col-lg-4 col-md-6">
                                <div class="footer-item">
                                    <div class="footer-title">
                                        <span>services</span>
                                    </div>
                                    <div class="footer-links">
                                        <ul>
                                            <li><a href="saas.php">SaaS Solutions</a></li>
                                            <li><a href="ai-solutions.php">AI Solutions</a></li>
                                            <li><a href="crm-development.php">CRM Development</a></li>
                                            <li><a href="Erp-software-development.php">ERP Software Development</a></li>
                                            <li><a href="javascript:;">Mobile App Development</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="footer-item">
                                    <div class="footer-title">
                                        <span>Quick Links</span>
                                    </div>
                                    <div class="footer-links">
                                        <ul>
                                            <li><a href="index.php">Home</a></li>
                                            <li><a href="about.php">About</a></li>
                                            <li><a href="javascript:;">Services</a></li>
                                            <li><a href="javascript:;">Pricing</a></li>
                                            <li><a href="javascript:;">Portfolio</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="footer-item">
                                    <div class="footer-title">
                                        <span>Newsletter</span>
                                    </div>
                                    <div class="footer-news">
                                        <!-- <p>Lorem Ipsum is simply dummy text of the and typesetting industry. </p> -->
                                        <form action="#">
                                            <input type="email" name="newsemail" id="" placeholder="Email Address...">
                                            <button type="submit"><i class="fal fa-paper-plane"></i></button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="footer-item">
                                    <div class="footer-title">
                                        <span>Support</span>
                                    </div>
                                    <div class="footer-links">
                                        <ul>
                                            <li><a href="faqs.php">FAQ’s</a></li>
                                            <li><a href="testimonials.php">Testimonials</a></li>
                                            <li><a href="contact.php">Contact</a></li>
                                            <li><a href="privacy-policy.php">Privacy Policy</a></li>
                                            <li><a href="terms-and-condition.php">Terms And conditions</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="footer-item">
                                    <div class="footer-title">
                                        <span>Location</span>
                                    </div>
                                    <div class="footer-links footer-contact">
                                        <ul>
                                            <li>Suite #308 1315 Pickering Pkwy, Pickering, ON L1V 7G5</li>
                                            <!-- <li><a href="tel:< ?php echo $phone; ?>">< ?php echo $phone; ?></a></li> -->
                                            <li><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="footer-item">
                                    <div class="footer-title">
                                        <span>Follow Us</span>
                                    </div>
                                    <div class="footer-socials">
                                        <ul>
                                            <li><a href="https://www.facebook.com/Screenlinktechnologiesofficial" target="_blank"><i
                                                        class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.instagram.com/screenlinktechnologies/" target="_blank"><i
                                                        class="fab fa-instagram"></i></a></li>
                                            <li><a href="https://www.linkedin.com/company/screenlink-technologies/" target="_blank"><i
                                                        class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="row">
                <div class="col-lg-12">
                    <div class="copyrights">
                        <p>Copyright © 2025 screenlink technologies, All Rights Reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

</div>

<!-- QUERY FORM -->

<div class="query-form-sec">
    <div class="container-fluid">
        <div class="row align-items-center title-gap">
            <div class="col-lg-6 col-7">
                <div class="query-logo">
                    <a href="javascript:;"><img src="assets/images/query-logo.png" alt="logo"></a>
                </div>
            </div>
            <div class="col-lg-6 col-5">
                <div class="query-cross">
                    <a href="javascript:;"><i class="fal fa-times"></i></a>
                </div>
            </div>
        </div>
        <div class="row cust-gap">
            <div class="col-lg-5">
                <div class="query-form-left">
                    <h2>LET’S WORK TOGETHER <img src="assets/images/smile.png" alt="image"></h2>
                    <p>Transform your ideas into high-performing digital platforms, powered by innovation, automation, and intelligence.</p>
                    <div class="query-phone-main">
                        <!--<div class="query-phone-box">-->
                        <!--    <span>gIVE US A CALL</span>-->
                        <!--    <a href="tel:< ?php echo $phone; ?>">< ?php echo $phone; ?></a>-->
                        <!--</div>-->
                        <div class="query-phone-box">
                            <span>SEND US AN EMAIL</span>
                            <a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a>
                        </div>
                    </div>
                    <div class="query-form-socials">
                        <ul>
                            <li><a href="https://www.facebook.com/Screenlinktechnologiesofficial" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="https://www.instagram.com/screenlinktechnologies/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="https://www.linkedin.com/company/screenlink-technologies/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="query-form-item">
                    <h3>GET IN TOUCH</h3>
                    <form action="thank-you.php" method="POST">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="query-input-item">
                                    <input type="text" name="quname" placeholder="First Name">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="query-input-item">
                                    <input type="text" name="qulname" placeholder="Last Name">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="query-input-item">
                                    <input type="email" name="quemail" placeholder="Email Address">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="query-input-item">
                                    <input type="tel" name="quphone" placeholder="Phone Number">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="query-input-item">
                                    <textarea name="qumessage" placeholder="Message..."></textarea>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="query-check-item">
                                    <input type="checkbox" name="qcheck" id="qcheck">
                                    <label for="qcheck">Subscribe for the latest news and insights delivered to your inbox</label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="query-submit-btn">
                                    <input type="submit" value="Submit Now" name="qusubmit">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<script src="assets/js/theme.js"></script>