 <?php include('include/header.php');?>

    <!-- Section Header Title -->
    <section class="bg-grey padding-top-45 padding-bottom-45 clearfix">
      <div class="container">
          <div class="row">
            <div class="section-title">
              <div class="col-md-12">
                <h2>Career</h2>
              </div>
            </div>
          </div><!-- End Row -->
      </div><!-- End container -->
    
    </section><!--  End Section -->
    <!-- Section BreadCrumb -->
    <div class="no-padding border-bottom">
       <div class="container">
          <div class="row">
             <div class="col-md-12">
                 <ol class="breadcrumb breadcrumb-finance">
                    <li><a href="index.php"> <i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
                    <li class="active">Career</li>
                  </ol>
             </div><!--  End col -->
          </div> <!-- End Row -->
       </div><!-- End container -->
    </div><!--  End Section -->

    <div class="line"></div>

    <!-- Section form contact -->
    <section class="padding-top:50px;">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12 left-contact">
    				<h4> Send Us a Message</h4>
<!-- Career Application Form -->
<form class="form-inline form-contact-finance" name="careerForm" method="post" action="career-form-handler.php" enctype="multipart/form-data">
  <div class="row">
    <!-- Full Name -->
    <div class="form-group col-sm-12 col-md-6">
      <input type="text" class="form-control custom-input" name="fullName" id="fullName" placeholder="Full Name" required>
    </div>

    <!-- Email -->
    <div class="form-group col-sm-12 col-md-6">
      <input type="email" class="form-control custom-input" name="email" id="email" placeholder="Email Address" required>
    </div>

    <!-- Phone Number -->
    <div class="form-group col-sm-12 col-md-6">
      <input type="text" class="form-control custom-input" name="phone" id="phone" placeholder="Phone Number" required>
    </div>

    <!-- Job Position -->
    <div class="form-group col-sm-12 col-md-6">
      <select class="form-control custom-input" name="jobPosition" id="jobPosition" required>
        <option value="">Select Job Position</option>
        <option value="web_developer">Web Developer</option>
        <option value="ui_ux_designer">UI/UX Designer</option>
        <option value="digital_marketing">Digital Marketing Specialist</option>
        <option value="sales_manager">Sales Manager</option>
        <option value="content_writer">Content Writer</option>
        <option value="custom">Other</option>
      </select>
    </div>

    <!-- Experience -->
    <div class="form-group col-sm-12 col-md-6">
      <input type="text" class="form-control custom-input" name="experience" placeholder="Years of Experience">
    </div>

    <!-- Expected Salary -->
    <div class="form-group col-sm-12 col-md-6">
      <input type="text" class="form-control custom-input" name="expectedSalary" placeholder="Expected Salary">
    </div>

    <!-- Resume Upload -->
    <div class="form-group col-sm-12 col-md-12">
      <label for="resume" class="form-label">Upload Resume (PDF/DOC):</label>
      <input type="file" class="form-control custom-input" name="resume" id="resume" accept=".pdf,.doc,.docx" required>
    </div>

    <!-- Message -->
    <div class="form-group col-sm-12 col-md-12">
      <textarea class="form-control custom-textarea" name="message" id="message" rows="5" placeholder="Tell us about yourself..."></textarea>
    </div>

    <!-- Submit Button -->
    <div class="form-group col-12 text-center">
      <button class="ot-btn large-btn btn-rounded btn-main-color btn-submit" type="submit">Apply Now</button>
    </div>
  </div>
</form>

<!-- Custom Styles -->
<style>
  .custom-input {
    width: 100%;
    height: 48px;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  .custom-textarea {
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
    resize: vertical;
    margin-bottom: 20px;
    box-sizing: border-box;
    min-height: 120px;
  }

  .form-label {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
  }

  @media (max-width: 768px) {
    .form-group {
      margin-bottom: 20px;
    }
  }
</style>
    			</div> <!-- End col -->
    		
    		</div>
    	</div>
    </section>
    <!-- End Section -->
   

  
    

   <?php include('include/footer.php');?>