Elementor #833

				
					<section class="atti-careers-page">

  <!-- HERO -->
  <section class="atti-careers-hero">
    <div class="atti-careers-container">
      <span class="atti-eyebrow">CAREERS AT ALPHATECH</span>

      <h1>Join the AlphaTech Team</h1>

      <p>
        We are looking for a confident, organised and results-driven Student
        Recruitment Officer to support enquiries, admissions and student enrolment.
      </p>

      <a href="#current-vacancy" class="atti-btn atti-btn-primary">
        View Vacancy
      </a>
    </div>
  </section>

  <!-- INTRODUCTION -->
  <section class="atti-section">
    <div class="atti-careers-container atti-intro-grid">

      <div>
        <span class="atti-section-label">WORK WITH US</span>
        <h2>Help Learners Take Their Next Step</h2>
      </div>

      <div>
        <p>
          AlphaTech Training Institute is a practical and technology-driven
          institution committed to preparing learners for employment,
          entrepreneurship and professional growth.
        </p>

        <p>
          The successful candidate will welcome prospective students and parents,
          respond to enquiries, explain programmes and guide applicants through the
          admission process.
        </p>
      </div>

    </div>
  </section>

  <!-- SINGLE VACANCY -->
  <section id="current-vacancy" class="atti-section atti-light-section">
    <div class="atti-careers-container">

      <div class="atti-section-heading">
        <span class="atti-section-label">CURRENT VACANCY</span>
        <h2>Student Recruitment Officer</h2>
        <p>Full-time, on-site position based in Nairobi.</p>
      </div>

      <div class="atti-job-card">

        <div class="atti-job-main">
          <span class="atti-job-type">FULL-TIME</span>

          <h3>Student Recruitment Officer</h3>

          <div class="atti-job-meta">
            <span>Nairobi</span>
            <span>On-site</span>
          </div>

          <p>
            The Student Recruitment Officer will handle prospective student
            enquiries, follow up leads and support applicants until successful
            enrolment.
          </p>

          <h4>Core Responsibilities</h4>

          <ul class="atti-responsibilities">
            <li>Welcome walk-in students and parents.</li>
            <li>Respond to phone, WhatsApp and online enquiries.</li>
            <li>Follow up on all leads until enrolment.</li>
            <li>Explain programmes, fees and career pathways.</li>
            <li>Guide applicants through the admission process.</li>
            <li>Meet weekly and monthly enrolment targets.</li>
            <li>Coordinate campus visits and open days.</li>
            <li>Maintain the admissions CRM and enquiry database.</li>
            <li>Support marketing campaigns and outreach activities.</li>
          </ul>
        </div>

        <div class="atti-job-sidebar">
          <div class="atti-job-summary">
            <h4>Position Details</h4>

            <div class="atti-summary-item">
              <strong>Position</strong>
              <span>Student Recruitment Officer</span>
            </div>

            <div class="atti-summary-item">
              <strong>Location</strong>
              <span>Nairobi</span>
            </div>

            <div class="atti-summary-item">
              <strong>Work arrangement</strong>
              <span>Full-time, on-site</span>
            </div>

            <div class="atti-summary-item">
              <strong>Application email</strong>
              <span>info@alphatech.ac.ke</span>
            </div>

            <a
              href="mailto:info@alphatech.ac.ke?subject=Application%20for%20Student%20Recruitment%20Officer"
              class="atti-btn atti-btn-primary atti-full-btn"
            >
              Apply Now
            </a>
          </div>
        </div>

      </div>

    </div>
  </section>

  <!-- HOW TO APPLY -->
  <section class="atti-section atti-navy-section">
    <div class="atti-careers-container">

      <div class="atti-section-heading atti-white-heading">
        <span class="atti-section-label">APPLICATION PROCESS</span>
        <h2>How to Apply</h2>
        <p>
          Submit a complete application for consideration.
        </p>
      </div>

      <div class="atti-process-grid">

        <div class="atti-process-card">
          <span class="atti-step-number">1</span>
          <h3>Prepare Your CV</h3>
          <p>
            Update your CV and prepare a short application letter explaining your
            suitability for the position.
          </p>
        </div>

        <div class="atti-process-card">
          <span class="atti-step-number">2</span>
          <h3>Send Your Application</h3>
          <p>
            Email your CV and application letter to info@alphatech.ac.ke.
          </p>
        </div>

        <div class="atti-process-card">
          <span class="atti-step-number">3</span>
          <h3>Shortlisting</h3>
          <p>
            Candidates whose experience matches the position will be contacted
            for the next stage.
          </p>
        </div>

      </div>

    </div>
  </section>

  <!-- FINAL CTA -->
  <section class="atti-careers-cta">
    <div class="atti-careers-container atti-cta-row">

      <div>
        <span class="atti-section-label">JOIN OUR TEAM</span>
        <h2>Ready to Apply?</h2>
        <p>
          Send your CV and application letter to the AlphaTech recruitment team.
        </p>
      </div>

      <a
        href="mailto:info@alphatech.ac.ke?subject=Application%20for%20Student%20Recruitment%20Officer"
        class="atti-btn atti-btn-primary"
      >
        Send Application
      </a>

    </div>
  </section>

</section>

<style>
:root {
  --atti-navy: #000080;
  --atti-orange: #ff4f00;
  --atti-dark: #1e2430;
  --atti-text: #5f6672;
  --atti-light: #f6f7fb;
  --atti-border: #e2e5ec;
  --atti-white: #ffffff;
}

.atti-careers-page,
.atti-careers-page * {
  box-sizing: border-box;
}

.atti-careers-page {
  width: 100%;
  overflow: hidden;
  color: var(--atti-dark);
  font-family: inherit;
}

.atti-careers-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

/* HERO */

.atti-careers-hero {
  padding: 110px 0;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 128, 0.96),
      rgba(0, 0, 128, 0.82)
    );
  color: var(--atti-white);
}

.atti-eyebrow,
.atti-section-label {
  display: inline-block;
  color: var(--atti-orange);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.atti-careers-hero h1 {
  max-width: 760px;
  margin: 14px 0 20px;
  color: var(--atti-white);
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.05;
}

.atti-careers-hero p {
  max-width: 680px;
  margin: 0 0 32px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 18px;
  line-height: 1.7;
}

/* GENERAL */

.atti-section {
  padding: 85px 0;
}

.atti-light-section {
  background: var(--atti-light);
}

.atti-section-heading {
  max-width: 720px;
  margin-bottom: 42px;
}

.atti-section-heading h2,
.atti-intro-grid h2,
.atti-careers-cta h2 {
  margin: 10px 0 16px;
  color: var(--atti-navy);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
}

.atti-section-heading p,
.atti-intro-grid p,
.atti-careers-cta p {
  color: var(--atti-text);
  font-size: 16px;
  line-height: 1.8;
}

.atti-intro-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
  align-items: start;
}

/* BUTTONS */

.atti-btn {
  display: inline-flex;
  min-height: 48px;
  padding: 13px 24px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s ease;
}

.atti-btn-primary {
  background: var(--atti-orange);
  color: var(--atti-white);
}

.atti-btn-primary:hover {
  background: var(--atti-navy);
  color: var(--atti-white);
  transform: translateY(-2px);
}

.atti-careers-hero .atti-btn-primary:hover {
  background: var(--atti-white);
  color: var(--atti-navy);
}

.atti-full-btn {
  width: 100%;
}

/* JOB */

.atti-job-card {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.65fr);
  gap: 35px;
  padding: 38px;
  background: var(--atti-white);
  border: 1px solid var(--atti-border);
  border-radius: 10px;
}

.atti-job-type {
  display: inline-block;
  color: var(--atti-orange);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.3px;
}

.atti-job-main h3 {
  margin: 14px 0 10px;
  color: var(--atti-navy);
  font-size: 30px;
  line-height: 1.2;
}

.atti-job-main > p {
  max-width: 760px;
  color: var(--atti-text);
  font-size: 16px;
  line-height: 1.8;
}

.atti-job-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 18px;
  color: var(--atti-text);
  font-size: 14px;
}

.atti-job-meta span + span::before {
  content: "•";
  margin-right: 16px;
  color: var(--atti-orange);
}

.atti-job-main h4 {
  margin: 28px 0 14px;
  color: var(--atti-navy);
  font-size: 18px;
}

.atti-responsibilities {
  margin: 0;
  padding-left: 22px;
  color: var(--atti-text);
}

.atti-responsibilities li {
  margin-bottom: 9px;
  line-height: 1.6;
}

.atti-responsibilities li::marker {
  color: var(--atti-orange);
}

.atti-job-summary {
  padding: 28px;
  background: var(--atti-light);
  border: 1px solid var(--atti-border);
  border-radius: 8px;
}

.atti-job-summary h4 {
  margin: 0 0 20px;
  color: var(--atti-navy);
  font-size: 20px;
}

.atti-summary-item {
  padding: 14px 0;
  border-bottom: 1px solid var(--atti-border);
}

.atti-summary-item:first-of-type {
  padding-top: 0;
}

.atti-summary-item:last-of-type {
  margin-bottom: 22px;
}

.atti-summary-item strong,
.atti-summary-item span {
  display: block;
}

.atti-summary-item strong {
  margin-bottom: 5px;
  color: var(--atti-dark);
  font-size: 13px;
}

.atti-summary-item span {
  color: var(--atti-text);
  font-size: 14px;
  line-height: 1.5;
}

/* PROCESS */

.atti-navy-section {
  background: var(--atti-navy);
}

.atti-white-heading h2 {
  color: var(--atti-white);
}

.atti-white-heading p {
  color: rgba(255, 255, 255, 0.76);
}

.atti-process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.atti-process-card {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
}

.atti-step-number {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--atti-orange);
  color: var(--atti-white);
  font-weight: 700;
}

.atti-process-card h3 {
  margin: 20px 0 12px;
  color: var(--atti-white);
  font-size: 21px;
}

.atti-process-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.7;
}

/* CTA */

.atti-careers-cta {
  padding: 65px 0;
  background: var(--atti-light);
}

.atti-cta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.atti-careers-cta h2 {
  margin-bottom: 8px;
}

.atti-careers-cta p {
  margin-bottom: 0;
}

/* RESPONSIVE */

@media (max-width: 960px) {
  .atti-intro-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .atti-job-card {
    grid-template-columns: 1fr;
  }

  .atti-process-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .atti-careers-container {
    width: min(100% - 28px, 1180px);
  }

  .atti-careers-hero {
    padding: 75px 0;
  }

  .atti-section {
    padding: 60px 0;
  }

  .atti-job-card {
    padding: 24px;
  }

  .atti-job-main h3 {
    font-size: 25px;
  }

  .atti-cta-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .atti-cta-row .atti-btn {
    width: 100%;
  }
}
</style>