footer glass style – CSS Snippet

Go back

<footer class="footer">

    <div class="glass-footer">

        <div class="footer-brand">
            <h2>SportBook ⚡</h2>
            <p>
                Find, book and enjoy your favourite sports venues
                near you.
            </p>
        </div>

        <div class="footer-column">
            <h3>Explore</h3>
            <a href="#">Home</a>
            <a href="#">Find Grounds</a>
            <a href="#">Sports</a>
            <a href="#">Bookings</a>
        </div>

        <div class="footer-column">
            <h3>Company</h3>
            <a href="#">About Us</a>
            <a href="#">Contact</a>
            <a href="#">Privacy Policy</a>
            <a href="#">Terms</a>
        </div>

        <div class="footer-column">
            <h3>Follow Us</h3>
            <a href="#">Instagram</a>
            <a href="#">Facebook</a>
            <a href="#">LinkedIn</a>
        </div>

    </div>

    <div class="footer-bottom">
        © 2026 SportBook. All rights reserved.
    </div>

</footer>