footer.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
        <!-- CSS Link -->
        <link rel="stylesheet" href="/css/styles.css">
    
        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <title>NNT Restaurant</title>
        
        <!-- JavaScript -->
        <script src="/js/main.js" defer></script>

        <!-- Font Awesome Link -->
        <script src="https://kit.fontawesome.com/6259335c98.js" crossorigin="anonymous"></script>

    <title>Footer</title>
</head>
<body>
    <footer class="text-center text-white" style="background-color: #f1f1f1;">
        <!-- Grid container -->
        <div class="container pt-4">
            <!-- Section: Social media -->
            <section class="mb-4">
                <!-- Reddit -->
                <a class="text-decoration-none m-2" href="#!">
                    <img src="/media/reddit-icon.png" alt="">
                </a>
        
                <!-- Twitter -->
                <a class="text-decoration-none m-2" href="#!">
                    <img src="/media/twitter-icon.png" alt="">
                </a>

                <!-- Linkedin -->
                <a class="text-decoration-none m-2" href="#!">
                    <img src="/media/linkedin-icon.png" alt="">
                </a>

                <!-- Github -->
                <a class="text-decoration-none m-2" href="#!">
                    <img src="/media/github-icon.png" alt="">
                </a>

                <!-- Discord -->
                <a class="text-decoration-none m-2" href="#!">
                    <img src="/media/discord-icon.png" alt="">
                </a>
            </section>
        <!-- Section: Social media -->
        </div>
        <!-- Grid container -->

        <!-- Copyright -->
        <div class="text-center text-dark p-3" style="background-color: rgba(0, 0, 0, 0.2);">
            © 2022 Copyright: 
            <a class="text-dark" href="#">Nom Nom Time</a>
        </div>
        <!-- Copyright -->
      </footer>
</body>
</html> 