Footer

Giới thiệu

Footer/Footer website còn được biết đến với tên gọi khác là chân trang. Nó là phần nằm ở cuối trang web, và được hiển thị ở mọi trang có trong website của bạn. Việc thiết kế footer cho website thường được đơn vị chủ quản chú trọng. Vì nó giúp thể hiện rõ nét những thông tin mà doanh nghiệp muốn gửi gắm đến người xem.

Thông thường, phần chân trang của một website sẽ có những thông tin sau:

• Địa chỉ liên hệ.

• Bản đồ đường đi.

• Thông tin bản quyền website.

• Menu.

• Link liên kết đến những trang mạng xã hội cùng đơn vị chủ quản, cùng mục tiêu hoạt động với website.

• Các dịch vụ đơn vị chủ quản website cung cấp.

• Địa chỉ email.

Ví dụ 1 chân trang đơn giản

<div class="footer">
    <div class="container">
        <div class="all-info">
            <div class="all-info_logo">
                <a href="/"> <img src="{{ getBusinessLogo() }}" alt="Logo"></a>
            </div>
            <div class="all-info_ctn row">
                <div class="infor1 col-lg ml-lg-3">
                    <div class="all-title">Về chúng tôi <i class="far fa-plus d-lg-none"></i></div>
                    <ul class="all-list list-unstyled ">
                        <li><a class="text-decoration-none" href="/news" title="Giới thiệu">Giới thiệu </a></li>
                        <li><a class="text-decoration-none" href="/news" title="Tuyển dụng">Tuyển dụng</a></li>
                    </ul>
                </div>
                <div class="info1 col-lg">
                    <div class="all-title">Hỗ trợ khách hàng <i class="far fa-plus d-lg-none"></i></div>
                    <ul class="all-list list-unstyled">
                        <li><a class="text-decoration-none" href="#" title="Liên hệ đến MARC">Liên hệ đến chúng tôi</a></li>
                        <li><a class="text-decoration-none" href="#" title="Câu hỏi thường gặp">Câu hỏi thường gặp</a></li>
                    </ul>
                </div>
                <div class="info1 col-lg-3">
                    <div class="all-title">Liên hệ <i class="far fa-plus d-lg-none "></i></div>
                    <ul class="all-list list-unstyled">
                        <li><a class="" href="#" title="Liên hệ đến MARC">Đặt hàng trực tuyến</a></li>
                        <li class="mt-3"><a class="font-weight-bold" href="#" title="Câu hỏi thường gặp">1900.xxx.xxx</a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <div class="all-title">Đăng ký nhận tin khuyến mãi</div>
                    <div class="form-desc">
                    Hãy nhập e-mail của bạn vào đây để nhận được xu hướng thời trang và khuyến mãi mới nhất từ shop nhé.
                    </div>
                    <div class="send-email mt-4 d-flex">
                        <input type="email" placeholder="Nhập email của bạn" id="email-input">
                        <button type="submit" class="buttonSubs"><i class="fal fa-long-arrow-right"></i></button>
                    </div>
                    <div class="contact-icon d-flex">
                        <a href="/"><i class="fab fa-facebook"></i></a>
                        <a href="/"><i class="fab fa-instagram"></i></a>
                        <a href="/"><i class="fab fa-youtube"></i></a>
                        <div class="stamp d-lg-none">
                            <img src="//theme.hstatic.net/1000197303/1000796534/14/logo_bct.png?v=1666">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-bottom d-none d-lg-block">      
        <div class="imgBottom">
            <p data-runtime='Memory: {{showTime.memoryUsed}} - Time: {{showTime.time}} s' id='runtime' style='clear:both; padding:10px 0; text-align:center; display: {{showTime.display}};margin: 0'>
                Thiết kế website bởi
                <img src="{{ linkSystemImage('/images/favicon.ico') }}" alt='Thiết kế web bởi NHANH.VN' title ='Thiết kế web bởi NHANH.VN'/>
                <a class='logo' href='https://nhanh.vn' target='_blank'>Nhanh.vn</a>
            </p>
            <p style="display:block; text-align: center">
                {{showTime.premiumWebsite | raw}}
            </p>
        </div>
    </div>
</div>

Chân trang