CPET entrance exam focus

HTML-CSS
1 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CPET Entrance</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="app">
        <div id="login-page" class="page">
            <h2>Login</h2>
            <form id="login-form">
                <input type="email" id="login-email" placeholder="Email" required>
                <input type="password" id="login-password" placeholder="Password" required>
                <button type="submit">Login</button>
                <p><a href="#" onclick="showPage('forgot-password')">Forgot Password?</a></p>
                <p>Don't have an account? <a href="#" onclick="showPage('signup')">Sign Up</a></p>
            </form>
        </div>

        <div id="signup-page" class="page hidden">
            <h2>Sign Up</h2>
            <form id="signup-form">
                <input type="text" id="signup-name" placeholder="Name" required>
                <input type="email" id="signup-email" placeholder="Email" required>
                <input type="password" id="signup-password" placeholder="Password" required>
                <button type="submit">Sign Up</button>
                <p>Already have an account? <a href="#" onclick="showPage('login')">Login</a></p>
            </form>
        </div>

        <div id="forgot-password-page" class="page hidden">
            <h2>Forgot Password</h2>
            <form id="forgot-password-form">
                <input type="email" id="forgot-password-email" placeholder="Email" required>
                <button type="submit">Reset Password</button>
                <p><a href="#" onclick="showPage('login')">Back to Login</a></p>
            </form>
        </div>

        <div id="courses-page" class="page hidden">
            <h2>Courses</h2>
            <ul>
                <li><a href="#" onclick="showCourse('physics')">Physics</a></li>
                <li><a href="#" onclick="showCourse('chemistry')">Chemistry</a></li>
                <li><a href="#" onclick="showCourse('math')">Math</a></li>
            </ul>
            <button onclick="logout()">Logout</button>
        </div>

        <div id="course-content-page" class="page hidden">
            <h2 id="course-title"></h2>
            <div id="chapters">
                <!-- Chapters and video lectures will be dynamically inserted here -->
            </div>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>
2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!