<?php include "include/header.php" ;?>
  
<style>
	.newsletter-form {
		background: rgb(246, 228, 174);
    padding: 20px;
	}
</style>
<div class="parallax inverse-text page-title-wrapper" data-parallax-img="<?php echo base_url();?>assets/images/pattern.jpg" data-parallax-img-width="1920" data-parallax-img-height="455">
    <div class="container inner text-center pt-40 pb-40 ">
      <h1 class="section-title">Career</h1>
      <div class="space10"></div>
      <div class="meta breadcrumbs text-center mb-0"><span><a href="<?php echo base_url();?>">Home</a></span><span><a href="#">Career</a></span></div>
    </div>
    <!-- /.container --> 
  </div>
  <!-- /.parallax -->
  <div class="wrapper light-wrapper">
    <div class="container inner pt-40 pb-40">
      <div class="row">
          <div class="col-sm-12">
           
            <p>We invite you to link with us in creating an exhilarating future. We are committed for building an open work environment and
            a result-driven meritocracy. Apply using our online application procedure so that as and when we find a fitting opportunity, we
            will contact you.</p>
          </div>
        <div class="col-sm-8 col-md-offset-2">
        <div class="form-container">
            <form action="<?php echo base_url();?>enquiry/sendresume" method="post" enctype="multipart/form-data" class="newsletter-form" id="form">
			  <h1>Applicant's Details:</h1>
              <div class="row">
				
                <div class="col-sm-6 pr-10">
                  <div class="form-group" >
					<label>First Name *</label>
                    <input type="text" class="form-control" name="fname" id="fname" placeholder="Enter Your firstname" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				  <div class="col-sm-6 pr-10">
                  <div class="form-group" >
					<label>Last Name *</label>
                    <input type="text" class="form-control" name="lname" id="lname" placeholder="Enter Your lastname" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
                <div class="col-sm-6 pr-10">
                  <div class="form-group">
					<label>E-mail Address *</label>
                    <input type="email" class="form-control" name="email" id="email" placeholder="Enter Your E-mail" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
               <div class="col-sm-6 pr-10">
                  <div class="form-group">
					<label>Mobile Number *</label>
                    <input type="text" class="form-control" name="mobile" id="mobile" placeholder="Enter Mobile Number" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				
				<div class="col-sm-6">
                  <div class="form-group">
					<label>Date Of Birth *</label>
                    <input type="date" class="form-control" name="birthdate" id="birthdate"  required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				
				<div class="col-sm-6">
                  <div class="form-group">
					<label>Qualification </label>
                    <input type="text" class="form-control" name="qualification" id="qualification" placeholder="Your qualification" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				
				<div class="col-sm-6 pr-10">
					<label>Total Experience: Years</label>
                  <div class="form-group">
                    <input type="text" class="form-control" name="years" id="years" placeholder="Year" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				<div class="col-sm-6 pr-10">
					<label>Months</label>
                  <div class="form-group">
                    <input type="text" class="form-control" name="months" id="months" placeholder="Month" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				   
                <div class="col-sm-12">
                  <div class="form-group">
                  <textarea name="key_role" id="key_role" class="form-control" placeholder="Key roles..." required></textarea>
					<br>
                  </div>
				</div>
				<div class="col-sm-12">
                  <div class="form-group">
					<label>Upload resume (Only pdf)</label>
                    <input type="file" class="form-control" name="up_resume" id="up_resume" required>
                  </div>
                  <!--/.form-group -->
                </div>
                <!--/column -->
				<div class="col-sm-12">
				    <div class="form-group">
                    <button type="submit" name="submit1" class="btn btn-rounded enquiry-btn" style="width:50%">Submit</button>
					</div>
				</div>
                <!--/column -->
              </div>
              <!--/.row -->
            </form>
            <!--/.vanilla-form -->
          </div>


        </div>
        <!--/column -->
    
      </div>
   </div>
  </div>
<?php include "include/footer.php" ;?>
<script src="<?php echo base_url(); ?>assets/plugins/jquery-validation/js/jquery.validate.min.js"></script>
    <script>
    $().ready(function() {
   // validate signup form on keyup and submit
    $("#form").validate({
        rules: {
            fname:{
              required: true
            },
            email:{
                email:true,
                required:true,
            },
            mobile:{
              required: true,
              minlength:10,
              maxlength:10,
            },
           
        },
        messages: {
            mobile: "Please enter 10 digits number",
            fname: "Your name is required",
            email: "Please enter valid Email address"
        },
        submitHandler: function(form) {
          form.submit();
        }
    });

});
</script>