@extends('layouts.header')
@section('pageTitle', 'Webinar')
@section('content')
 @include('partials.v2.header-gold')
<!-- Page Header Content -->
<div class="parellax-container">
  <div class="container">
    <div class="header-inner">
      <div class="content">
        <h1 class="text-uppercase">Meet the experts virtually</h1>
        <h3 class="text-uppercase">Learn better with Online interactions</h3>
      </div>
    </div>
  </div>
</div>

<section class="section">
  <div class="about">
    Discussions lead to learnings. A jobinar is an interactive session conducted on the Internet. HireMee GOLD's Jobinars enable you to interact with industry experts and stay updated with the industry trends.
  </div>
  <div class="section-header">
		Why Jobinar?
		<span class="divider-gold"><span class="dot"></span></span>
    <div class="container">
      <div class="d-flex justify-content-center flex-wrap">
        <div class="small-card d-flex justify-content-start align-items-center wow bounceInUp" data-wow-duration="600ms" data-wow-delay="50ms">
          <div class="img-holder">
            <img src="{{{ URL::asset("assets/home/images/gold/features/work.svg")}}}" alt="Connect with industry experts">
          </div>

          <h4>Connect with industry experts</h4>
        </div>
        <div class="small-card d-flex justify-content-start align-items-center wow bounceInUp" data-wow-duration="800ms" data-wow-delay="50ms">
          <div class="img-holder">
            <img src="{{{ URL::asset("assets/home/images/gold/features/status.svg")}}}" alt="Stay updated with the latest industry trends">
          </div>

          <h4>Stay updated with the latest industry trends</h4>
        </div>
        <div class="small-card d-flex justify-content-start align-items-center wow bounceInUp" data-wow-duration="1000ms" data-wow-delay="50ms">
          <div class="img-holder">
            <img src="{{{ URL::asset("assets/home/images/gold/features/debit-card.svg")}}}" alt="Get closure on the type of industry you're made for">
          </div>

          <h4>Get closure on the type of industry you're made for</h4>
        </div>
      </div>
    </div>
	</div>
</section>
<section class="section pt-3 pb-2 parellax-container-webinar">
  <div class="section-header c-white">
		Jobinar
		<span class="divider-gold"><span class="dot"></span></span>
	</div>
  <div class="container">
    @include('webinars-list')
  </div>
</section>
<div class="">
  @include('partials.v2.download-ebook')
</div>
@include('partials.v2.testimonials-pro')
<script>
  $('.parellax-container').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/gold/features/webinar-banner.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.parellax-container-webinar').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/gold/features/webinar-bg.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
</script>
@endsection