<script>

</script>

<template>
    <BContainer class="title mb-0">
        <BRow class="align-items-center">
            <BCol md="8">
                <h2 class="mb-3">Be the first to know</h2>
                <p class="mb-4 mb-md-0">
                    Simply submit your email, we share you the top news related to
                    Able Pro feature updates, roadmap, and news.
                </p>
            </BCol>
            <BCol md="4">
                <BRow>
                    <BCol>
                        <input type="email" class="form-control" placeholder="Enter your email" />
                    </BCol>
                    <BCol class="col-auto">
                        <button class="btn btn-primary">Subscribe</button>
                    </BCol>
                </BRow>
            </BCol>
        </BRow>
    </BContainer>
    <div class="footer-top">
        <BContainer>
            <BRow>
                <BCol md="4">
                    <img src="../assets/images/logo-dark.svg" alt="image" class="footer-logo img-fluid mb-3">
                    <p class="mb-4">Since 2017, More than 50K+ Developers trust the Themes Digital Product. Mantis
                        React is Manage under their Experienced
                        Team Players.</p>
                </BCol>
                <BCol md="8">
                    <BRow>
                        <BCol sm="4" class="my-3 my-sm-0">
                            <h5 class="mb-4">Company</h5>
                            <ul class="list-unstyled footer-link">
                                <li><a href="#" target="_blank">About</a></li>
                                <li><a href="#" target="_blank">Blog</a></li>
                                <li><a href="#" target="_blank">Team</a></li>
                                <li><a href="#" target="_blank">Free Version</a></li>
                            </ul>
                        </BCol>
                        <BCol sm="4" class="my-3 my-sm-0">
                            <h5 class="mb-4">Help & Support</h5>
                            <ul class="list-unstyled footer-link">
                                <li><a href="#" target="_blank">Documentation</a></li>
                                <li><a href="#" target="_blank">Contact us</a></li>
                                <li><a href="#" target="_blank">Support</a></li>
                                <li><a href="#" target="_blank">RoadMap</a></li>
                            </ul>
                        </BCol>
                        <BCol sm="4" class="my-3 my-sm-0">
                            <h5 class="mb-4">Useful Resources</h5>
                            <ul class="list-unstyled footer-link">
                                <li><a href="#" target="_blank">Terms & Condition</a></li>
                                <li><a href="#" target="_blank">Privacy Policy</a></li>
                                <li><a href="#" target="_blank">Licencse</a></li>
                                <li><a href="#" target="_blank">FAQ</a></li>
                            </ul>
                        </BCol>
                    </BRow>
                </BCol>
            </BRow>
        </BContainer>
    </div>
    <div class="footer-bottom">
        <BContainer>
            <BRow class="align-items-center">
                <div class="col my-1">
                    <p class="mb-0">© Handcrafted by Team <a href="#"
                            target="_blank">themes</a></p>
                </div>
                <div class="col-auto my-1">
                    <ul class="list-inline footer-sos-link mb-0">
                        <li class="list-inline-item">
                            <a href="#"><i class="ph-duotone ph-facebook-logo f-20"></i></a>
                        </li>
                    </ul>
                </div>
            </BRow>
        </BContainer>
    </div>
    
</template>