<?php $page = 'Career'; ?>
<?php include 'header.php' ?>

<div class="page-title">
  <div class="page-title-right">
    <div class="container">
      <h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2><h2>Career</h2>
    </div>
  </div>
</div>
<div class="container career-area">
  <!-- about area open -->
  <section class="m_b100 p_t80">
    <div class="row m_b50">
      <div class="col-md-12">
        <!-- <h2 class="text-center h2">Career</h2> -->
        <p>Take a job opportunity of a lifetime – join the team of MT-India. If you are enthusiastic about industry innovationsand ready to make impactful decisions, feel free to send us your CV. We are interested in hiring professionals for a long term and also provide great opportunities. </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6">
        <h3 class="m_b30 m_t0">Current Openings</h3>
         <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Store Manager</a>
              </h4>
            </div>
            <div id="collapse1" class="panel-collapse collapse in">
              <div class="panel-body">
                <p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
              sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
              minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
              commodo consequat.</p>
            </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Fashion Assistant</a>
              </h4>
            </div>
            <div id="collapse2" class="panel-collapse collapse">
              <div class="panel-body"> 
                <p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
              sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
              minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
              commodo consequat.</p>
            </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Customer Support Agent</a>
              </h4>
            </div>
            <div id="collapse3" class="panel-collapse collapse">
              <div class="panel-body"> 
                <p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
              sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
              minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
              commodo consequat.</p>
            </div>
            </div>
          </div>
        </div> 
      </div>

      <div class="col-md-6">
        <h3 class="m_b30 m_t0">Apply</h3>
        <form id="" action="" method="">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label class="label-text">Full Name *</label>
                <input required="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="contact_name" id="contact_name" type="text">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label class="label-text">Mobile No. *</label>
                <input required="" data-msg-required="Please enter your Mobile Number." data-msg-email="Please enter a valid Mobile Number." maxlength="100" class="form-control" name="contact_mobile" id="contact_mobile" type="text">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label class="label-text">E-mail Address *</label>
                <input required="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="contact_email" id="contact_email" type="email">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label class="label-text">Subject</label>
                <select class="form-control" name="contact_subject" id="contact_subject">
                  <option>Store Manager</option>
                  <option>Fashion Assistant</option>
                  <option>Customer Support Agent</option>
                </select>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label class="label-text">Message *</label>
                <textarea data-msg-required="Please enter your message." rows="4" class="form-control" name="contact_comment" id="contact_comment"></textarea>
              </div>
            </div>
          </div>
          <br>

          <div class="row">
            <div class="col-md-12">
              <input class="hidden" name="captcha" id="captcha" type="text">
              <!-- keep it hidden -->
              <input value="Submit" class="btn btn-primary btn-lg" id="" type="submit">
            </div>
          </div>
        </form>
      </div>
    </div>
  </section><div class="clearfix"></div>
  <!-- about area close -->
</div>

<?php include 'footer.php' ?>
<script type="text/javascript">
  $(document).ready(function(){
        // search area hide show
        $(".search-form_toggle").click( function(){
          $(".header-search").slideDown();
          $(".header-search").addClass();
        });   
        $(".header-search .fa-close").click(function () {
          $(".header-search").slideUp("fast");
        });

        // HEART HOVER EFFECT
        $(".heart").hover( function (e) {
          $(this).find("i").addClass('animated headShake');
        }, function(e){
          $(this).removeClass('animated headShake');
        });
        // eye HOVER EFFECT
        $(".eye").hover( function (e) {
          $(this).find("i").addClass('animated flash');
        }, function(e){
          $(this).removeClass('animated flash');
        });
        // shopping HOVER EFFECT
        $(".shopping").hover( function (e) {
          $(this).find("i").addClass('animated bounce');
        }, function(e){
          $(this).removeClass('animated bounce');
        });
        // shopping HOVER EFFECT
        // $(".product-item a").hover( function (e) {
        // $(this).find("i").addClass('animated flipInY');
        //  }, function(e){
        //     $(this).find("i").removeClass('animated flipInY');
        //  });

      });
    </script>