
{% extends "base.html" %}

{% block content %}
<head>
    <meta charset="UTF-8">
    <title>CyberSec Demo</title>
    <style>
        .hero {
    background: url('../static/images/banner.jpeg') no-repeat center center/cover;
    color: white;
    padding: 80px 40px;
    border-radius: 10px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    margin-bottom: 40px;
}

        body { font-family: Arial, sans-serif; margin: 0; }
        nav {
            background-color: #1a1a1a;
            padding: 10px 20px;
        }
        nav a {
            color: #fff;
            margin-right: 20px;
            text-decoration: none;
            font-weight: bold;
        }
        nav a:hover {
            text-decoration: underline;
        }
        .container {
            padding: 20px;
        }
    </style>
</head>
<body>
<h1>Join the Team</h1>
<p>We're always looking for curious minds passionate about cybersecurity. Whether you're into ethical hacking, malware analysis, or just love solving puzzles — CyberCorp might be your next adventure.</p>
<p><strong>Apply today</strong> and help us build a safer digital world, one vulnerability at a time.</p>

<p class="email"><strong>Send your CV to:</strong> <a href="mailto:hr@cybercorp.com">hr@cybercorp.com</a></p>

<h1>What We Offer</h1>
<ul>
    <li>💻 We offer <b>smartworking</b> & flexible hours</li>
    <li>🎓 Continuous training & certifications</li>
    <li>🧠 Access to private labs for research & experiments</li>
    <li>🌍 Remote-friendly & international projects</li>
    <li>🎯 Real impact on high-stakes cybersecurity challenges</li>
    <li>🥳 A fun, hacker-friendly team environment</li>
</ul>

<div class="hero">
    <h1>CyberCorp</h1>
    <p>Explore the world of ethical hacking, security analysis, and digital defense — hands-on and without fear.</p>
</div>

</body>
{% endblock %}

