<!-- FOOTER SECTION -->
<style>
    .footer-section .middle-portion .links_col ul li a {
        padding-left: 0px;
    }
</style>
<section class="footer-section" id="footer_section">
    <div class="container">
        <div class="middle-portion">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="about_col">
                        <a href="index">
                            <figure>
                                <img style="width: 250px;/*! transform: scale(1.5); */left: 12px;position: relative;" src="images/immersive-ai_logo.png" alt class="img-fluid">
                            </figure>
                        </a>
                        <ul class="list-unstyled mb-0">
                            <li>
                                <p class="text-size-16"> Crypto AI seeks to improve security, transform blockchain applications, and optimise trading tactics by leveraging the power of sophisticated algorithms, machine learning, and predictive analytics.</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-3 col-xs-12 d-md-block d-none">
                    <div class="links_col">
                        <h4>Useful Links</h4>
                        <ul class="list-unstyled mb-0">
                            <li class="">
                                <a href="index">Home</a>
                            </li>

                            <li>
                                <a style="padding-left: 0;" href="QI12.pdf">Overview Presentation</a>
                            </li>
                            <li>
                                <a href="terms">Terms and Conditions</a>
                            </li>
                            <li>
                                <a href="policy">Privacy Policy</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-sm-block d-none">
                    <div class="contact_col">
                        <h4>Contact Us</h4>
                        <ul class="list-unstyled mb-0">
                            <li class="contact_mail">
                                <i class="fa-sharp fa-solid fa-envelope"></i>
                                <a href="mailto:support@clockearnings.io" class="text-decoration-none">support@clockearnings.io</a>
                            </li>
                            <li class="mb-0">
                                <i class="fa-solid fa-location-dot location"></i>
                                <span class="text-size-16">3 Deerfield Street North Augusta, SC 29841</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-12 text-sm-left text-center d-lg-block d-none">
                    <div class="footer-info-content">
                        <h4>Newsletter</h4>
                        <input type="email" name="email" id="emailadd" class="form-control" placeholder="Enter Email:">
                        <div class="input-group-append form-button">
                            <button class="btn" name="btnsubmit" id="submitbtn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
                        </div>
                        <ul class="list-unstyled mb-0">
                            <li>
                                <div class="footer--brands">
                                    <span style="position: relative; display: block">
                                        <div id="google_translate_element"></div>
                                        <script type="text/javascript">
                                            function googleTranslateElementInit() {
                                                new google.translate.TranslateElement({
                                                    pageLanguage: 'en'
                                                }, 'google_translate_element');
                                            }
                                        </script>
                                        <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                                    </span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_right_shape top_bottom_shape">
            <figure class="mb-0"><img src="images/footer_right_shape.png" alt class="img-fluid"></figure>
        </div>
        <div class="footer_background_shape left_right_shape">
            <figure class="mb-0"><img src="images/footer_background_shape.jpg" alt></figure>
        </div>
    </div>
    <div class="bottom-portion">
        <div class="copyright col-xl-12">
            <p>Copyright © 2023 Clock Earnings. All rights reserved.</p>
        </div>
    </div>
</section>
<?php
$db = new DatabaseConn();
$link = $db->connect();

if (!class_exists('Settings')) {
    require_once './models/Settings.php';
}

$settings = Settings::getSystemSettings($link);

if ($settings->getLiveChat() == 1) {
?>
    <script src="//code.tidio.co/5iqc4pikm63v9tyxk765gs7vxc2lwn3y.js" async></script>
<?php
}
?>


<!-- Latest compiled JavaScript -->
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/video-popup.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/carousel.js"></script>
<script src="js/video-section.js"></script>
<script src="js/counter.js"></script>
<script src="js/animation.js"></script>