<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reklamchi tabela tanıtım</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, #64b5f6, #ffa726);
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
}

header h1 {
    margin: 0;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

nav ul li a i {
    margin-right: 5px;
}

section {
    padding: 50px 0;
}

.container {
    width: 80%;
    margin: auto;
}

.container h2 {
    text-align: center;
    margin-bottom: 30px;
}

.section-title {
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li {
    margin-bottom: 20px;
}

form label {
    display: block;
    margin-bottom: 10px;
}

form input[type="text"],
form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

form input[type="submit"] {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

footer p {
    margin: 0;
}
</style>
</head>
<body>
<header>
    <h1>İş Bulma ve İş Verme Platformu</h1>
    <nav>
        <ul>
            <li><a href="#job_listings"><i class="fas fa-table"></i> Tabela</a></li>
            <li><a href="#furniture"><i class="fas fa-chair"></i> Mobilya</a></li>
            <li><a href="#cleaning"><i class="fas fa-broom"></i> Temizlik</a></li>
            <li><a href="#caregiver"><i class="fas fa-user"></i> Bakıcı</a></li>
            <li><a href="#barber"><i class="fas fa-cut"></i> Berber</a></li>
            <li><a href="#job_listings">İş İlanları</a></li>
            <li><a href="#post_job">İş İlanı Ver</a></li>
            <li><a href="#search_jobs">İş Ara</a></li>
        </ul>
    </nav>
</header>
<section id="job_listings">
    <div class="container">
        <h2><span class="section-title">İş İlanları</span></h2>
        <ul>
            <!-- İş ilanları buraya eklenecek -->
            <li>
                <h3>Web Developer</h3>
                <p>Şirket: ABC Ltd. | Konum: New York</p>
                <p>Açıklama: Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
            </li>
            <li>
                <h3>Graphic Designer</h3>
                <p>Şirket: XYZ Inc. | Konum: Los Angeles</p>
                <p>Açıklama: Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
            </li>
            <!-- İş ilanları buraya eklenecek -->
        </ul>
    </div>
</section>
<section id="post_job">
    <div class="container">
        <h2><span class="section-title">İş İlanı Ver</span></h2>
        <form action="submit_job.php" method="post">
            <label for="job_title">Başlık:</label><br>
            <input type="text" id="job_title" name="job_title" required><br>
            <label for="company_name">Şirket:</label><br>
            <input type="text" id="company_name" name="company_name" required><br>
            <label for="job_location">Konum:</label><br>
            <input type="text" id="job_location" name="job_location" required><br>
            <label for="job_description">Açıklama:</label><br>
            <textarea id="job_description" name="job_description" required></textarea><br>
            <input type="submit" value="İlanı Gönder">
        </form>
    </div>
</section>
<section id="search_jobs">
    <div class="container">
        <h2><span class="section-title">İş Ara</span></h2>
        <form action="search_jobs.php" method="get">
            <label for="search_keyword">Anahtar Kelime:</label><br>
            <input type="text" id="search_keyword" name="search_keyword"><br>
            <input type="submit" value="Ara">
        </form>
    </div>
</section>
<footer>
    <div class="container">
        <p>&copy; 2024 İş Bulma ve İş Verme Platformu</p>
    </div>
</footer>
</body>
</html>
Bunu paylaş:
