Untitled

avatar
unknown
plain_text
a year ago
3.3 kB
4
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Skills-Based Job Board</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
        .container { padding: 20px; max-width: 800px; margin: auto; }
        .hero { text-align: center; padding: 50px 0; background: #f4f4f4; }
        .hero h1 { font-size: 36px; margin: 0; }
        .hero p { font-size: 18px; margin: 10px 0; }
        .benefits, .cta, .signup, .additional-info, .footer { margin: 20px 0; }
        .benefits ul, .additional-info ul { list-style-type: none; padding: 0; }
        .benefits ul li, .additional-info ul li { padding: 10px 0; }
        .cta { text-align: center; }
        .cta button { padding: 15px 30px; font-size: 18px; background: #007BFF; color: white; border: none; border-radius: 5px; }
        .signup input { width: 100%; padding: 10px; margin: 5px 0; }
        .signup button { padding: 15px 30px; font-size: 18px; background: #28A745; color: white; border: none; border-radius: 5px; }
        .footer { text-align: center; font-size: 14px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="hero">
            <h1>Discover Your Next Career Move Without Even Looking</h1>
            <p>Join the Premier Skills-Based Job Board for Passive Candidates</p>
            <img src="hero-image.jpg" alt="Hero Image" style="width: 100%; height: auto;">
        </div>
        <div class="benefits">
            <h2>Benefits</h2>
            <ul>
                <li>Tailored Matches: Receive job offers that perfectly match your skill set.</li>
                <li>Confidential & Secure: Your job search is private and confidential.</li>
                <li>No Active Searching: Opportunities come to you based on your skills and preferences.</li>
                <li>Exclusive Offers: Access to exclusive job opportunities not advertised elsewhere.</li>
                <li>Free to Join: Signing up is quick, easy, and completely free.</li>
            </ul>
        </div>
        <div class="cta">
            <h2>Sign Up Today and Get Matched with Your Ideal Job!</h2>
            <button>Join Now</button>
        </div>
        <div class="signup">
            <h2>Sign-Up Form</h2>
            <input type="text" placeholder="Name">
            <input type="email" placeholder="Email">
            <input type="text" placeholder="Primary Skill/Role">
            <input type="text" placeholder="Years of Experience">
            <input type="file">
            <button>Join Now</button>
        </div>
        <div class="additional-info">
            <h2>How It Works</h2>
            <ul>
                <li>Create Your Profile: Fill out a quick profile with your skills and preferences.</li>
                <li>Get Matched: Our advanced algorithm matches you with job opportunities that fit your skills.</li>
                <li>Receive Offers: Get notified of job offers and opportunities that match your profile.</li>
            </ul>
        </div>
        <div class="footer">
            <p>Terms of Service | Privacy Policy | Contact Us</p>
        </div>
    </div>
</body>
</html>
Editor is loading...
Leave a Comment