@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Our Team | Leadership | Online Examination Platform | Recruitment Solutions - HireMee')
@section('content')
  <div> <!-- Wrapper -->
    <!-- Header Container -->
 
    <div class="clearfix"></div>
    <!-- Header Container / End -->
    <div class="container-fluid innerBannerBottom darkGreen-bg">
      <nav id="breadcrumbs">
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="/about-us">About us </a></li>
          <li>Team</li>
        </ul>
      </nav>
    </div>

    <!-- hero area start -->
    <section class="promo active padding-top-70 padding-bottom-50">
      <div class="container text-center">
        <div class="row">
          <div class="promo__content aos-animate col-md-12">
            <h1>
            Team
            </h1>

          </div>

        </div>
      </div>
    </section>
    <!-- hero area end -->
    <section class="about__area padding-top-80 padding-bottom-80  margin-bottom-30">
          
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="section__title-wrapper mb-45">
                <h2 class="section__title"> <span class="yellow-bg">Founder<img src="https://hiremee.co.in/assets/hiremee-revamp/images/company/shape/yellow-bg-2.png" alt="yellow-bg"> </span>
                </h2>
              </div>
            </div>
            <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
              <div class="about__thumb-wrapper">
                
                <div class="about__thumb">
                  <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/vishalakshi-chockalingam.jpg')}}}" alt="Vishalakshi Chockalingam">
                </div>
                <div class="leader-team-name">
                  <h5> Mrs.Vishalakshi Chockalingam  </h5>
                  <!-- <p> Director  </p> -->
                </div>
              </div>
            </div>
            <!-- <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
              <div class="about__thumb-wrapper">
                <div class="about__thumb">
                  <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/choko-valliappa.jpg')}}}" alt="Chocko Valliappa">
                </div>
                <div class="leader-team-name">
                  <a href="{{secure_url('about-us/our-team/chocko-valliappa')}}">
                    <h5>Mr. Chocko Valliappa </h5>
                  </a>
                </div>
              </div>
            </div> -->
          </div>
          <div class="row">
          <div class="section__title-wrapper mb-45">
                <h2 class="section__title margin-top-45">  <span class="yellow-bg">Directors<img src="https://hiremee.co.in/assets/hiremee-revamp/images/company/shape/yellow-bg-2.png" alt="yellow-bg"> </span>
                </h2>
              </div>
              <!-- <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
                <div class="about__thumb-wrapper">
                  <div class="about__thumb">
                    <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/valliappa.jpg')}}}" alt="valliappa">
                  </div>
                  <div class="leader-team-name">
                    <h5> Mr. C. Valliappa </h5>
                  </div>
                </div>
              </div> -->
              <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
                <div class="about__thumb-wrapper">
                  <div class="about__thumb">
                    <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/suri.jpg')}}}" alt="J Suri">
                  </div>
                  <div class="leader-team-name">
                    <h5> Mr. J Suri</h5>
                    <!-- <p>Director</p> -->
                  </div>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
                <div class="about__thumb-wrapper">
                  <div class="about__thumb">
                    <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/krishnan.png')}}}" alt="krishnan">
                  </div>
                  <div class="leader-team-name">
                    <h5> Wg. Cdr. K Krishnan</h5>
                    <!-- <p>Chief Mentor </p> -->
                  </div>
                </div>
              </div>
          </div>
          <div class="row">
              <div class="section__title-wrapper mb-45">
                <h2 class="section__title margin-top-45"> <span class="yellow-bg">Management<img src="https://hiremee.co.in/assets/hiremee-revamp/images/company/shape/yellow-bg-2.png" alt="yellow-bg"> </span>
                </h2>
              </div>
              
              <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
                <div class="about__thumb-wrapper">
                  <div class="about__thumb">
                    <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/venkatraman-umakanth.png')}}}" alt="Venkatraman Umakanth">
                  </div>
                  <div class="leader-team-name">
                    <h5> Mr. Venkatraman Umakanth  </h5>
                    <p>Chief Business Officer</p>
                  </div>
                </div>
              </div> 
              <div class="col-lg-3 col-md-3 d-flex align-items-center margin-bottom-30">
                <div class="about__thumb-wrapper">
                  <div class="about__thumb">
                    <img src="{{{ URL::asset('assets/hiremee-revamp/images/know-our-team/shanthini-dawson.png')}}}" alt="Shanthini Dawson">
                  </div>
                  <div class="leader-team-name">
                    <h5> Ms. Shanthini Dawson    </h5>
                    <p>Independent Member – Social Impact Committee </p>
                  </div>
                </div>
              </div>
              
          </div>

        </div>
    </section>
    

      {{--@include('hiremee-revamp.partials.new-subscription') --}}
  </div>
  <!-- Wrapper / End -->
  <script>
    /* Light YouTube Embeds by @labnol */
/* Web: https://www.labnol.org/ */

function labnolIframe(div) {
  var iframe = document.createElement("iframe");
  iframe.setAttribute(
    "src",
    "https://www.youtube.com/embed/" + div.dataset.id + "?autoplay=1&rel=0"
  );
  iframe.setAttribute("frameborder", "0");
  iframe.setAttribute("allowfullscreen", "1");
  iframe.setAttribute(
    "allow",
    "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  );
  div.parentNode.replaceChild(iframe, div);
}

function initYouTubeVideos() {
  var playerElements = document.getElementsByClassName("youtube-player");
  for (var n = 0; n < playerElements.length; n++) {
    var videoId = playerElements[n].dataset.id;
    var div = document.createElement("div");
    div.setAttribute("data-id", videoId);
    var thumbNode = document.createElement("img");
    thumbNode.src = "https://i.ytimg.com/vi/ID/hqdefault.jpg".replace(
      "ID",
      videoId
    );
    div.appendChild(thumbNode);
    var playButton = document.createElement("div");
    playButton.setAttribute("class", "play");
    div.appendChild(playButton);
    div.onclick = function () {
      labnolIframe(this);
    };
    playerElements[n].appendChild(div);
  }
}

document.addEventListener("DOMContentLoaded", initYouTubeVideos);

  </script>
  <!-- Leave a Review Popup -->
  @include('hiremee-revamp.partials.review-popup')
@endsection