}
<link rel="stylesheet" href="../public/assets/css/style.css" />
<nav class="navbar" id="navbar">
    <div class="container nav-inner">
        <div class="logo"><a href="../public/home.php">Creative Hire</a></div>
        <ul class="nav-links">
            <li><a href="../public/about.php">About</a></li>
            <li><a href="../public/home.php">Home</a></li>
                            <li><a href="../public/jobs.php">Jobs</a></li>
                                        <li><a href="../public/login.php">Login</a></li>
                <li><a href="../public/register.php">Register</a></li>
                    </ul>
    </div>
</nav>

<script>
// Enhanced sticky navbar behavior
document.addEventListener('DOMContentLoaded', function() {
    const navbar = document.getElementById('navbar');
    
    if (navbar) {
        // Add scrolled class when user scrolls down
        window.addEventListener('scroll', function() {
            if (window.scrollY > 10) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        });
        
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    }
});
</script>

<div class="job-wrapper">
    <!-- Header -->
    <div class="job-header">
        <div class="company-logo-large">
                        CR        </div>
        <h1 class="job-title">SALES ENGINEER</h1>
        <p class="job-subtitle">
            Creative Tech Solutions · 
            - · 
            Full-time        </p>
    </div>

    <div class="job-content">
        <!-- Left column -->
        <div class="job-left">
            <h3>Job Description</h3>
            <p>-Job Requirements – Sales Executive<br />
1. Pendidikan dan Pengalaman<br />
2. Minimal pendidikan D3/S1 semua jurusan (lebih disukai dari Manajemen, Pemasaran, atau Bisnis).<br />
3. Memiliki pengalaman minimal 1–2 tahun di bidang Sales / Marketing / Account Executive, terutama di industri produk atau jasa.<br />
4. Terbiasa menangani pelanggan existing dan mengembangkan pelanggan baru (new customer acquisition).<br />
<br />
- Kemampuan dan Keterampilan<br />
1. Memiliki kemampuan komunikasi dan negosiasi yang baik.<br />
2. Mampu menjalin hubungan jangka panjang dengan pelanggan dan menjaga loyalitas customer.<br />
3. Menguasai Microsoft Office (Word, Excel, PowerPoint), terutama untuk rekap laporan penjualan dan administrasi.<br />
4. Mampu membuat dan memproses invoice, serta memahami alur kerja Purchase Order (PO).<br />
5. Teliti dan terorganisir dalam pengelolaan dokumen dan data pelanggan.<br />
<br />
- Karakter dan Sikap Kerja<br />
1. Disiplin, jujur, bertanggung jawab, dan memiliki motivasi tinggi untuk mencapai target penjualan.<br />
2. Dapat bekerja secara mandiri maupun dalam tim.<br />
3. Siap bekerja dengan target (target-oriented) dan berorientasi pada hasil.<br />
4. Memiliki kendaraan pribadi dan SIM C/A menjadi nilai tambah.<br />
<br />
Responsibilities:<br />
- Maintain Existing Customers<br />
1. Menjalin dan menjaga hubungan baik dengan pelanggan existing melalui komunikasi rutin dan layanan purna jual yang responsif.<br />
2. Memastikan kebutuhan pelanggan terpenuhi dan menangani keluhan dengan cepat untuk menjaga kepuasan pelanggan.<br />
3. Melakukan follow up berkala terhadap pembelian ulang dan potensi peningkatan volume penjualan.<br />
<br />
- Develop New Customers<br />
1. Melakukan prospek dan akuisisi pelanggan baru melalui kunjungan langsung, media digital, dan networking bisnis.<br />
2. Menyusun strategi penawaran yang sesuai dengan kebutuhan calon pelanggan untuk mencapai target penjualan.<br />
3. Membangun hubungan jangka panjang dengan pelanggan baru guna meningkatkan loyalitas dan kontribusi terhadap omzet.<br />
<br />
- Sales Report &amp; Administration<br />
1. Melakukan rekap dan pelaporan hasil penjualan harian, mingguan, dan bulanan kepada atasan.<br />
2. Menganalisis data penjualan untuk mengidentifikasi tren pasar dan peluang pengembangan bisnis.<br />
3. Menjaga akurasi data pelanggan dan transaksi penjualan dalam sistem administrasi.<br />
<br />
- Invoice &amp; Purchase Order (PO) Management<br />
<br />
1. Membuat dan memproses invoice untuk setiap transaksi penjualan dengan ketepatan data dan waktu.<br />
2. Mengelola serta menyiapkan dokumen Purchase Order (PO) dari pelanggan dan memastikan kesesuaian dengan permintaan.<br />
3. Berkoordinasi dengan bagian keuangan dan logistik terkait penagihan dan pengiriman barang.<br />
<br />
Requirements:<br />
1. Male/Female<br />
2. Minimum Education D3/S1 majoring Electrical Engineering, Mechanical Engineering and Industrial Engineering<br />
3. Ability to speak in English is a must<br />
4. Experiencing min. 1 Year as a Site Engineer, Project Engineer, Service Engineer or Maintenance Engineer<br />
5. Good English language skills<br />
6. Fresh Graduate are Allowed<br />
7. Better to have Drive Licence<br />
8. Work location in Jababeka V, East Cikarang - Bekasi</p>

                <h3>Key Responsibilities</h3>
                <p>- Maintain Existing Customers<br />
1. Menjalin dan menjaga hubungan baik dengan pelanggan existing melalui komunikasi rutin dan layanan purna jual yang responsif.<br />
2. Memastikan kebutuhan pelanggan terpenuhi dan menangani keluhan dengan cepat untuk menjaga kepuasan pelanggan.<br />
3. Melakukan follow up berkala terhadap pembelian ulang dan potensi peningkatan volume penjualan.<br />
<br />
- Develop New Customers<br />
1. Melakukan prospek dan akuisisi pelanggan baru melalui kunjungan langsung, media digital, dan networking bisnis.<br />
2. Menyusun strategi penawaran yang sesuai dengan kebutuhan calon pelanggan untuk mencapai target penjualan.<br />
3. Membangun hubungan jangka panjang dengan pelanggan baru guna meningkatkan loyalitas dan kontribusi terhadap omzet.<br />
<br />
- Sales Report &amp; Administration<br />
1. Melakukan rekap dan pelaporan hasil penjualan harian, mingguan, dan bulanan kepada atasan.<br />
2. Menganalisis data penjualan untuk mengidentifikasi tren pasar dan peluang pengembangan bisnis.<br />
3. Menjaga akurasi data pelanggan dan transaksi penjualan dalam sistem administrasi.<br />
<br />
- Invoice &amp; Purchase Order (PO) Management<br />
<br />
1. Membuat dan memproses invoice untuk setiap transaksi penjualan dengan ketepatan data dan waktu.<br />
2. Mengelola serta menyiapkan dokumen Purchase Order (PO) dari pelanggan dan memastikan kesesuaian dengan permintaan.<br />
3. Berkoordinasi dengan bagian keuangan dan logistik terkait penagihan dan pengiriman barang.</p>

                <h3>Job Requirements</h3>
                <p>1. Male/Female<br />
2. Minimum Education D3/S1 majoring Electrical Engineering, Mechanical Engineering and Industrial Engineering<br />
3. Ability to speak in English is a must<br />
4. Experiencing min. 1 Year as a Site Engineer, Project Engineer, Service Engineer or Maintenance Engineer<br />
5. Good English language skills<br />
6. Fresh Graduate are Allowed<br />
7. Better to have Drive Licence<br />
8. Work location in Jababeka V, East Cikarang - Bekasi</p>

            <h3>Education Level</h3>
            <p>Bachelor</p>

            <h3>Experience Level</h3>
            <p>Junior</p>

            <h3>Required Skills</h3>
            <div class="skills">
                                        <span>Sales &amp; Negotiation Skills  Kemampuan menjual produk dan layanan secara efektif kepada pelanggan baru maupun existing.  Mampu melakukan presentasi dan negosiasi untuk mencapai kesepakatan penjualan yang saling menguntungkan.  Customer Relationship Management  Mampu menjaga dan membangun hubungan jangka panjang dengan pelanggan.  Terampil dalam memberikan pelayanan purna jual dan menangani keluhan pelanggan secara profesional.  Communication &amp; Interpersonal Skills  Komunikatif</span>
                                        <span>persuasif</span>
                                        <span>dan mampu berinteraksi dengan berbagai tipe pelanggan.  Memiliki kemampuan mendengarkan dan memahami kebutuhan pelanggan dengan baik.  Analytical &amp; Reporting Skills  Mampu melakukan rekap dan analisis laporan penjualan secara rutin.  Terampil dalam membaca tren pasar dan memberikan masukan strategis bagi peningkatan penjualan.  Administrative &amp; Document Management  Menguasai pembuatan invoice</span>
                                        <span>purchase order (PO)</span>
                                        <span>dan dokumen administrasi penjualan lainnya.  Teliti dalam pengelolaan data pelanggan dan dokumen transaksi.  Computer &amp; Digital Literacy  Menguasai Microsoft Office (Word</span>
                                        <span>Excel</span>
                                        <span>PowerPoint) dan sistem CRM sederhana.  Terbiasa menggunakan email bisnis dan aplikasi komunikasi digital untuk kebutuhan kerja.  Personal Competencies  Berorientasi pada hasil (target-oriented) dan memiliki inisiatif tinggi.  Disiplin</span>
                                        <span>jujur</span>
                                        <span>tangguh</span>
                                        <span>serta mampu bekerja di bawah tekanan.  Adaptif terhadap perubahan dan cepat belajar hal baru.</span>
                            </div>

            <h3>Languages</h3>
            <div class="skills">
                            </div>

            <h3>Benefits & Allowances</h3>
            <p>BPJS dan Bonus (If Achieve target)</p>
        </div>

        <!-- Right column -->
        <div class="job-right">
            <div class="job-box">
                <p class="location"><i class="bi bi-geo-alt"></i> -</p>
                <p class="salary">
                    -                </p>
                <ul class="info-list">
                    <li><strong>Deadline:</strong> 
                        <span class="open">30 December 2025</span>
                    </li>
                    <li><strong>Level:</strong> Junior</li>
                    <li><strong>Lowongan:</strong> 1 posisi</li>
                    <li><strong>Tanggal Posting:</strong> 01 Nov 2025</li>
                </ul>

                                    <a href="apply.php?job_id=38" class="btn-apply">Apply for this job</a>
                            </div>
        </div>
    </div>
</div>

<style>
body {
    background: #f5f5f7;
    font-family: 'Inter', sans-serif;
    color: #333;
}

.job-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.job-header {
    background: linear-gradient(135deg,rgb(5, 15, 59) 0%);
    color: white;
    padding: 60px 30px;
    border-radius: 16px;
    margin-bottom: 30px;
    text-align: center;
    color: white;
    position: relative;
}

.company-logo-large {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1.8rem;
    margin: 0 auto 20px auto;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.company-logo-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.job-header .job-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.job-header .job-subtitle {
    font-size: 1rem;
    opacity: 0.9;
}

.job-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}

/* Left */
.job-left {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.job-left h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 10px;
}

.job-left p {
    line-height: 1.6;
    font-size: 0.95rem;
    margin-bottom: 15px;
}

.skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.skills span {
    background: #f0f0f0;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
}

/* Right */
.job-right .job-box {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    position: sticky;
    top: 20px;
}

.job-box .location {
    font-size: 0.95rem;
    margin-bottom: 8px;
    color: #666;
}

.job-box .salary {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.job-box .info-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.job-box .info-list li {
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.job-box .open { color: green; font-weight: 600; }
.job-box .expired { color: red; font-weight: 600; }

.btn-apply {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    background: linear-gradient(135deg,rgb(5, 15, 59) 0%);
    text-decoration: none;
    color: white;
}

.btn-apply:hover {
    opacity: 0.9;
}

.btn-disabled {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    background: #ccc;
    border: none;
    font-weight: 600;
}
</style>

  <style>
  /* Import Professional Font */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

  .site-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%);
    color: #e8e8e8;
    font-size: 0.875rem;
    padding: 50px 0 20px 0;
    margin-top: 80px;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
  }

  .site-footer h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 14px;
    color: #e0b44c;
    letter-spacing: 0;
  }

  .site-footer p {
    line-height: 1.6;
    color: #d1d1d1;
    margin-bottom: 10px;
    font-size: 0.875rem;
  }

  .site-footer a {
    color: #f1f1f1;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
  }

  .site-footer a:hover {
    color: #e0b44c;
    text-decoration: underline;
  }

  .site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .site-footer ul li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: #d1d1d1;
    font-size: 0.875rem;
  }

  .site-footer hr {
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.15);
    margin: 30px 0 20px 0;
  }

  .footer-bottom {
    text-align: center;
    font-size: 0.8125rem;
    color: #a8a8a8;
    padding-top: 10px;
    font-weight: 400;
  }

  /* Grid Spacing */
  .site-footer .grid {
    gap: 40px;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .site-footer {
      padding: 40px 0 15px 0;
      margin-top: 60px;
    }

    .site-footer .grid {
      grid-template-columns: 1fr !important;
      gap: 30px;
      text-align: center;
    }

    .site-footer h4 {
      font-size: 0.9375rem;
    }

    .site-footer p, .site-footer ul li {
      font-size: 0.8125rem;
    }
  }
</style>

<footer class="site-footer">
  <div class="container">
    <div class="grid grid-3">
      <div>
        <h4>PT Kyra Sukses makmur</h4>
        <p>Jl. South Park Hills No.30 Lantai 3, Margakaya, Kec. Telukjambe Bar., Karawang, Jawa Barat 41361</p>
        <p>Website: <a href="https://creativehire.id" target="_blank" rel="noopener noreferrer">creativehire.id</a></p>
      </div>
      <div>
        <h4>Kontak</h4>
        <p>Email: <a href="mailto:creativehire2@gmail.com">creativehire2@gmail.com</a></p>
        <p>Telepon Kantor:</p>
        <p>Whatsapp:</p>
        <ul>
          <li>Lia : 085776058213</li>
          <li>Tasya : 081319104012</li>
        </ul>
      </div>
      <div>
        <h4>Media Sosial</h4>
        <ul>
          <li><a href="#">Facebook</a></li>
          <li><a href="#">Instagram</a></li>
          <li><a href="#">LinkedIn</a></li>
        </ul>
      </div>
    </div>
    <hr>
    <div class="footer-bottom">
      <p>&copy; 2025 PT Kyra Sukses makmur</p>
    </div>
  </div>
</footer>
</body>
</html>