<!-- web/templates/web/footer.html -->
 {% load static %}
<footer class="text-light bg-dark pt-5 pb-4">
    <div class="container text-md-left">
        <div class="row text-md-left">
            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
                <h5 class="text-uppercase text-warning mb-4 font-weight-bold">SmartSolTech</h5>
                <p>Future begins here...</p>
            </div>
            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3">
                <h5 class="text-uppercase text-warning mb-4 font-weight-bold">Products</h5>
                <p><a class="text-light" href="#" style="text-decoration: none;">Product 1</a></p>
                <p><a class="text-light" href="#" style="text-decoration: none;">Product 2</a></p>
                <p><a class="text-light" href="#" style="text-decoration: none;">Product 3</a></p>
                <p><a class="text-light" href="#" style="text-decoration: none;">Product 4</a></p>
            </div>
            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
                <h5 class="text-uppercase text-warning mb-4 font-weight-bold">Usefu links:</h5>
                <p><a class="text-light" href="#" style="text-decoration: none;">Your Account</a></p>
                <p><a class="text-light" href="#" style="text-decoration: none;">Become an Affiliate</a></p>
                <p><a class="text-light" href="#" style="text-decoration: none;">Shipping Rates</a></p>
                <p><a class="text-light" href="#" style="text-decoration: none;">Help</a></p>
            </div>
            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mt-3">
                <h5 class="text-uppercase text-warning mb-4 font-weight-bold">Contact</h5>
                <p><i class="fas fa-home mr-3"></i> Gwangju-si Cheollanam-do, Republic of Korea</p>
                <p><i class="fas fa-envelope mr-3"></i> a.choi@smartsoltech.kr</p>
                <p><i class="fas fa-phone mr-3"></i> + 8 (210) 5693 6103</p>
            </div>
        </div>
        <hr class="mb-4" />
        <div class="row align-items-center">
            <div class="col-md-7 col-lg-8">
                <p class="text-md-left">© 2024 SmartSolTech. All rights reserved.</p>
            </div>
            <div class="col-md-5 col-lg-4">
                <div class="text-md-right">
                    <ul class="list-unstyled list-inline">
                        <li class="list-inline-item"><a class="btn-floating btn-sm text-light" href="#" style="font-size: 23px;"><i class="fab fa-facebook"></i></a></li>
                        <li class="list-inline-item"><a class="btn-floating btn-sm text-light" href="#" style="font-size: 23px;"><i class="fab fa-twitter"></i></a></li>
                        <li class="list-inline-item"><a class="btn-floating btn-sm text-light" href="#" style="font-size: 23px;"><i class="fab fa-google-plus"></i></a></li>
                        <li class="list-inline-item"><a class="btn-floating btn-sm text-light" href="#" style="font-size: 23px;"><i class="fab fa-linkedin-in"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>