@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', ' Mission and Vision - HireMee - Online Assessment Platform')
@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>Mission and Vision</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>
            Mission and Vision
            </h1>

          </div>

        </div>
      </div>
    </section>
    <!-- hero area end -->
    <section class="about__area padding-top-80 padding-bottom-80">
      <div class="container">
      <div class="row">
            <div class="col-md-6 margin-bottom-40">
                  <div class="youtube-player" data-id="UcaMVfXY9gw"></div>
            </div>
            <div class="col-md-6">
              <div class="about__content">
                <div class="section__title-wrapper mb-25">
                  
                  <div class="section__title-wrapper mb-45">
                    <h2 class="section__title">Our <span class="yellow-bg"> Mission  <img
                          src="{{{ URL::asset('assets/hiremee-revamp/images/company/shape/yellow-bg-2.png')}}}" alt="yellow-bg"> </span>
                    </h2>
                  </div>
                  <p>
                  Our mission is to create a world where talent is recognized and valued, regardless of geographical location or socio-economic background, through a platform that provides equal access to job opportunities and connects job seekers, especially from underserved regions, with companies that value diversity and inclusivity. We envision a future where no one is held back, and everyone has a fair chance to pursue their career goals and achieve success, including through upskilling.
                  </p>

                  <div class="section__title-wrapper mb-45">
                    <h2 class="section__title">Our <span class="yellow-bg">Vision<img
                          src="{{{ URL::asset('assets/hiremee-revamp/images/company/shape/yellow-bg-2.png')}}}" alt="yellow-bg"> </span>
                    </h2>
                  </div>
                  <ul class="list-2">
                    <li>Create a world where no talent is unemployed or underemployed.</li>
                  </ul>
                  
                  </div>
                </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