footer.html

<div class="footer">
    <div class="main-content">
        <div class="map">
            <div class="search-box">
                <span class="hint">Tìm kiếm tài liệu</span>
                <span class="material-symbols-outlined icon"> search </span>
            </div>
            <div class="menu">
                <span class="header">Menu</span>
                <ul>
                    <li><a href="#!">Tài liệu chuyên ngành</a></li>
                    <li><a href="#!">Tiếng anh</a></li>
                    <li><a href="#!">Sách</a></li>
                    <li><a href="#!">Phần mềm</a></li>
                </ul>
            </div>

            <div class="search">
                <span class="header">Search</span>
                <ul>
                    <li>
                        <a href="#!">Công nghệ thông tin</a>
                    </li>
                    <li>
                        <a href="#!">Khoa học máy tính</a>
                    </li>
                    <li>
                        <a href="#!">Công nghệ đa phương tiện</a>
                    </li>
                    <li>
                        <a href="#!">Marketing</a>
                    </li>
                </ul>
            </div>

            <div class="help">
                <span class="header">Help</span>
                <ul>
                    <li><a href="#!">Ask a Librarian</a></li>
                    <li><a href="#!">Trouble Connecting</a></li>
                </ul>
            </div>
        </div>
        <div class="connect">
            <a
                href="https://www.facebook.com/ptitl"
                style="
                    padding: 14px 24px;
                    background: var(--primary-color);
                    color: white;
                    font-size: 24px;
                "
                class="button"
            >
                Give to the Library
            </a>
            <i class="fa fa-facebook icon" aria-hidden="true"></i>
        </div>
        <div class="copyright">
            <i class="fa fa-copyright" aria-hidden="true"></i>
            <span>2024 PTIT University Library</span>
        </div>
    </div>
</div>