index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CodeQuizzer</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    

    <!-- Banner with Logo -->
    <div class="banner">
        
        <h1>CodeQuizzer</h1>
    </div>

    <!-- Difficulty Level Section -->
    <section class="difficulty-section">
        <a href="easy-quiz.html" class="difficulty easy">Easy</a>
        <a href="medium-quiz.html" class="difficulty medium">Medium</a>
        <a href="hard-quiz.html" class="difficulty hard">Hard</a>
        <a href="expert-quiz.html" class="difficulty expert">Expert</a>
    </section>
 
   
    <!-- Footer -->
    <footer>
        <a href="#">Terms and Conditions</a>
    </footer>
</body>
</html>