<footer>
        <div class="footer-container">
            <div class="sec aboutus">
                <h2>About Us</h2>
                <p>Explore, Learn, Connect. Come browse our extensive collection of 
                    books, magazines, and audiobooks. We offer engaging events, programs,
                     and resources for all ages. Whether you're seeking knowledge,
                      a quiet space to study, or a fun family activity,
                     your journey begins at Smart Library.</p>
                
            </div>
            <div class="sec quicklinks">
                <h2>Quick Links</h2>
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="profile.php">Profile</a></li>
                    <li><a href="logout.php">Logout</a></li>
                </ul>
            </div>
            <div class="sec contactBx">
                <h2>Contact Info</h2>
                <ul class="info">
                    <li>
                        <span><i class='bx bxs-map'></i></span>
                        <span>#######<br> ###### <br> ###</span>
                    </li>
                    <li>
                        <span><i class='bx bx-envelope' ></i></span>
                        <p><a href="#">smartlibrary@gmail.com</a></p>
                    </li>
                    <li>
                        <span style="opacity: 0.2;"><i class='bx bx-bug-alt'></i></span>
                        <p style="opacity: 0.2;"> Harith Athukorala</p>
                    </li>
                </ul>
            </div>
        </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="./css-js/main.js"></script>
</body>
</html>