<%@page contentType="text/html" pageEncoding="UTF-8"%>
<footer class="text-light" style="border-top: 4px solid purple;background-color: black">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-lg-4 col-xl-3">
                <h5 style="color: aqua">Về chúng tôi</h5>
                <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
                <p class="mb-0">
                    Hoàng Anh Minh - chủ nhân công ty Cún sẽ đem lại cho bạn trải nhiệm tuyệt vời khi lướt web. 
                </p>
            </div>

            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
                <h5 style="color: aqua">Thông tin</h5>
                <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
                <ul class="list-unstyled">
                    <li><a href="http://localhost:8080/Project_banhang/category?cid=1">Shiba</a></li>
                    <li><a href="http://localhost:8080/Project_banhang/category?cid=2">Husky</a></li>
                    <li><a href="http://localhost:8080/Project_banhang/category?cid=3">Corgi</a></li>
                    <li><a href="http://localhost:8080/Project_banhang/category?cid=4">Phốc</a></li>
                </ul>
            </div>

            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
                <h5 style="color: aqua">Các bên liên kết</h5>
                <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
                <ul class="list-unstyled">
                    <li><a href="">Facebook</a></li>
                    <li><a href="">Instagram</a></li>
                    <li><a href="">Google</a></li>
                    <li><a href="">Github</a></li>
                </ul>
            </div>

            <div class="col-md-4 col-lg-3 col-xl-3">
                <h5 style="color: aqua">Liên hệ</h5>
                <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
                <ul class="list-unstyled">
                    <li><i class="fa fa-home mr-2"></i> Công ty chúng tôi</li>
                    <li><i class="fa fa-envelope mr-2"></i> minhhahe150966@fpt.edu.vn</li>
                    <li><i class="fa fa-phone mr-2"></i> + 12 34 56 78 90</li>
                    <li><i class="fa fa-print mr-2"></i> + 12 34 56 78 90</li>
                </ul>
            </div>
            <div class="col-12 copyright mt-3">
                <p class="float-left">
                    <a href="#" style="color: aqua !important">Trở về đầu trang</a>
                </p>
                <p class="text-right text-muted">Trang web này tạo bởi <a href="" style="color: aqua !important"><i>Hoàng Anh Minh</i></a>
            </div>
        </div>
    </div>
</footer>