learn.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>South Arts Hub</title>
        <link rel="stylesheet" href="styles.css">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        </head>
        <body>
            <ul class="topnav">
                <li><a href="events.html"><b>Events</a></li>
                <li><a href="blogs.html">Blogs</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="learn.html">Learn</a></li>
                <li style="float:left"><img src="img\staticlogo.png" alt="logo" height=50px></li>
                <li style="float:left"><a href="index.html">South Arts Hub</b></a></li>
             </ul>

             <footer>
                <div class="container mt-5">
                    <div class="row row-cols-4">
    
                        <div class="col"><b>Learn</b></div>
                        <div class="col"><b>News</b></div>
                        <div class="col"><b>Blogs</b></div>
                        <div class="col"><b>Events</b></div>
    
                        <div class="col">Drawing</div>
                        <div class="col">Surrey</div>
                        <div class="col">Social Media for Artists</div>
                        <div class="col">Craft Fairs</div>
                        
                        <div class="col">Painting</div>
                        <div class="col">Hampshire</div>
                        <div class="col">How to Find Your Style</div>
                        <div class="col">Exhibitions</div>
    
                    </div>    
                </div>
            </footer>
             <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
        </body>
</html>