<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>{% block title %}Knowledge Base{% endblock %}</title>
    {% block head %}{% endblock %}
  </head>
  <body>
    {% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Job Portal{% endblock title %}</title>
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    
    <!-- Google Fonts & Custom CSS -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/custom.css' %}">

</head>
<body>

    <header class="p-3 mb-3 border-bottom bg-white">
        <div class="container">
          <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
            <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none h4" style="font-family: var(--font-family-headings); color: var(--primary-color)!important;">
              JobPortal
            </a>
    
            <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
              <li><a href="#" class="nav-link px-2 link-secondary">Find Jobs</a></li>
              <li><a href="#" class="nav-link px-2 link-dark">Company Reviews</a></li>
            </ul>
    
            <div class="text-end">
              <button type="button" class="btn btn-outline-primary me-2">Login</button>
              <button type="button" class="btn btn-primary">Sign-up</button>
            </div>
          </div>
        </div>
    </header>

    <main>
        {% block content %}{% endblock content %}
    </main>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 mb-3">
                    <a href="/" class="d-flex align-items-center mb-3 text-decoration-none h4" style="font-family: var(--font-family-headings); color: #FFFFFF!important;">
                        JobPortal
                    </a>
                    <p class="text-muted">&copy; 2025. Find your dream job.</p>
                </div>
                <div class="col-6 col-lg-2 offset-lg-1 mb-3">
                    <h5>Job Seekers</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="#">Search Jobs</a></li>
                        <li class="mb-2"><a href="#">Create Resume</a></li>
                        <li class="mb-2"><a href="#">Job Alerts</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2 mb-3">
                    <h5>Employers</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="#">Post a Job</a></li>
                        <li class="mb-2"><a href="#">Search Resumes</a></li>
                        <li class="mb-2"><a href="#">Pricing</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2 mb-3">
                    <h5>Company</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="#">About Us</a></li>
                        <li class="mb-2"><a href="#">Contact</a></li>
                        <li class="mb-2"><a href="#">Blog</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>
  </body>
</html>
