   

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.footer-a a:hover{
text-decoration: underline;
}

</style>

    <!-- footer_starts -->
    <footer class="footer bg-white text-dark" style=" padding-top: 1px">
        <div class="container">
            <div class="row mt-5">
                <div class="col-12 col-sm-8 text-left">
                    <!-- Brand/logo -->
                    <img class="navbar-brand " id="logo" src="/assets/frontend/img/Logo Files/Logo Files/SVG/Artboard 1 copy.svg" />

                </div>
                <div class="col-12 col-sm-2">
                    <h4><b>PAGES</b></h4>
                    <ul class="list-unstyled footer-a">
                        <li><a href="/" class="text-dark "><b>Home</b></a></li>
                        <li><a href="/buy" class="text-dark"><b>Shop Notes</b></a></li>
                        <li><a href="/sell" class="text-dark"><b>Upload Notes</b></a></li>
                    </ul>
                </div>
                <div class="col-12 col-sm-2">
                    <h4><b>HELP</b></h4>
                    <ul class="list-unstyled footer-a"> 
                        <li><a href="/contact" class="text-dark"><b>Contact Us</b></a></li>
                        <li><a href="/terms_and_conditions" class="text-dark"><b>Terms & Conditions</b></a></li>
                        <li><a href="/privacy_policy" class="text-dark"><b>Privacy Policy</b></a></li>
                    </ul>
                </div>
               
            </div>
            <div class="row justify-content-center mt-0" style=" width: 100%;">
                <div class="col-auto mt-3">
                    <p>© Copyright 2021 Outline Gurus</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer_ends -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="/assets/js/select2.js" ></script>
    <script src="/assets/frontend/js/app.js"></script>
    <script src="/assets/js/custom_select2.js"></script>
    
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" ></script>

    <script>
        toastr.options = {
            "closeButton": true,
            "debug": false,
            "newestOnTop": false,
            "progressBar": true,
            "positionClass": "toast-top-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        } 
    </script>
</body>

</html>