@extends('layouts.users')
@section('title','Home')
@section('content')


  <!-- banner-section start -->
  <section class="banner-section home-two-banner banner-shape">
    <div class="banner-content-area">
      <div class="container">
        <div class="row">
          <div class="col-lg-8">
              <div class="banner-content">
                <h1 class="banner-content-head">Keep Karate For </h1>
                <p>
UMAI Qatar Karate run fast-paced dynamic classes focusing on the traditional martial arts. It is leading Karate  institute in Qatar, and successfully completed more than thousand students. Our mission is building up committed and nature-friendly group; provide World Class age and effective Martial art to each and every student in fun and family-friendly.</p>
                <a href="https://docs.google.com/forms/d/e/1FAIpQLSffarAKO_DnQ8Wm8SF_C6rp6AVs2SZ3L0o3SYoqF4JodwX64Q/viewform" target="_blank" class="cmn-button">Get Started Now</a>
              </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- banner-section end  -->

  <!-- welcome-section start -->
  <section id="about" class="welcome-section section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-6">
          <div class="welcome-thumb">
              <img src="{{URL::asset('users/images/about/ab.jpg')}}" alt="welcome-image">
          </div>
        </div>
        <div class="col-lg-6 col-md-6 section-left-content">
          <span class="section-left-head-top">Welcome</span>
          <h2 class="section-left-head">To Our UMAI KARATE QATAR</h2>
          {{-- <span class="section-left-sub-title">Tmply dummy text of the printing and typesetting industry. Lorem Ipsum has been theindustry’s standard.</span> --}}
          <p>
Feel your unique culture in UMAI Karate Qatar; our team creates confidence and self-esteem in all part of the journey to achieving black belt and others. We build you in strong mindset and get fit, make friends and have fun in a family-friendly environment; Professional instructors teach you defensive and offensive techniques, you can defend yourself, family and friends. We achieve this in a modern, comfortable and safe training center.</p>
          <p>UMAI Karate Qatar offer Weapons training as part of our Black Belt syllabus program and teach foot-work and stances, blocking and striking. We also teach how to use every day defensive objectives which uses any physical object as a weapon.</p>
          <a href="/contact" class="cmn-button">Contact Us</a>
        </div><!-- learning-left end -->
      </div>
    </div>
  </section>
  <!-- welcome-section end -->

  <!-- courses-section start -->
  <section class="courses-section section-padding section-bg">
    <div class="container">
      <div class="section-header-area text-center">
        <div class="row justify-content-center">
          <div class="col-lg-8">
              <span class="section-header-top">Our Batches</span>
              {{-- <h2 class="section-header">choose by our user</h2> --}}
              {{-- <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form by randomised words which don't look even slightly believable.</p> --}}
          </div>
        </div>
      </div>
      <div class="section-wrapper">
        <div class="row justify-content-center">
          <div class="col-lg-4 col-md-6 course-single">
            <div class="course-single-item">
              <div class="course-single-thumb">
                  <img src="{{URL::asset('users/images/courses/qa/kid.jpeg')}}" alt="course-image">
              </div>
              <div class="course-single-content">
                <div class="tags">
                  <a href="#">For Kids </a>
                </div>
                <!--<h4 class="course-title"><a href="#">Data Foundations for begineer Developers</a></h4>-->
                <p>Exclusive karate training center for kids, it is key tools for get life discipline, body fitness and confidence.</p>

              </div>
            </div><!-- course-single-item end -->
          </div><!-- course-single end -->
          <div class="col-lg-4 col-md-6 course-single">
            <div class="course-single-item">
              <div class="course-single-thumb">
                  <img src="{{URL::asset('users/images/courses/qa/adult.jpeg')}}" alt="course-image">
              </div>
              <div class="course-single-content">
                <div class="tags">
                  <a href="#">For Adults</a>
                </div>
                <!--<h4 class="course-title"><a href="#">Your Complete Guide to Photography</a></h4>-->
                <p>Be a powerful person, our team hike your strength, shape body and still in young. deliver here positive energy for better future.</p>

              </div>
            </div><!-- course-single-item end -->
          </div><!-- course-single end -->
          <div class="col-lg-4 col-md-6 course-single">
            <div class="course-single-item">
              <div class="course-single-thumb">
                  <img src="{{URL::asset('users/images/courses/qa/girl.jpeg')}}" alt="course-image">
              </div>
              <div class="course-single-content">
                <div class="tags">
                  <a href="#">For Families and Girls</a>
                </div>
                <!--<h4 class="course-title"><a href="#">Digital Art & 3D Model – a future for film company</a></h4>-->
                <p>Be a powerful person, our team hike your strength, shape body and still in young. deliver here positive energy for better future.</p>

              </div>
            </div><!-- course-single-item end -->
          </div><!-- course-single end -->
        </div>
      </div>
    </div>
  </section>
  <!-- courses-section end -->

  <!-- success-story-section start -->
  <section class="success-story-section section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 section-left-content">
          <h4 class="section-left-sub-head">our valuable</h4>
          <h2 class="section-left-head">Success Stories</h2>
          <p>We boost up your safe and positive environment that promotes mutual respect and courtesy in all ages of people to challenge them, emerge balanced lifestyle with the values, virtues, compassion, and confidence from a stronger mind through Martial arts.</p>
          <a href="#" class="cmn-button">About us</a>
        </div><!-- learning-left end -->
        <div class="col-lg-6">
          <div class="story-items-wrapper">
            <div class="row">
              <div class="col-6">
                <div class="story-single-item text-center color-one">
                  <i class="flaticon-online-learning"></i>
                  <h4 class="story-single-title">Self Discpline</h4>
                </div>
              </div><!-- story-single end -->
              <div class="col-6">
                <div class="story-single-item text-center color-two">
                  <i class="flaticon-heart"></i>
                  <h4 class="story-single-title">Self Awarness</h4>
                </div>
              </div><!-- story-single end -->
              <div class="col-6">
                <div class="story-single-item text-center color-three">
                  <i class="flaticon-expand-screen"></i>
                  <h4 class="story-single-title">Self Respect</h4>
                </div>
              </div><!-- story-single end -->
              <div class="col-6">
                <div class="story-single-item text-center color-four">
                  <i class="flaticon-cap"></i>
                  <h4 class="story-single-title">Self Defence</h4>
                </div>
              </div><!-- story-single end -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- success-story-section end -->

  <!-- video-section start -->
<!--   <section class="video-section">
    <div class="video-content-area">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-6">
            <div class="video-content text-center">
              <a class="video-icon" href="https://www.youtube.com/watch?v=Pt6VzQ_0k_I" data-rel="lightcase:myCollection"><i class="fa fa-play"></i></a>
              <h2 class="video-section-title">Watch Campus Life  Tour</h2>
              <p>Please let us know if you have a question, want to leave a comment, or would like further information about Finacia.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section> -->
  <!-- video-section end -->

  <!-- instructor-section start -->
 <section id="ins" class="instructor-section section-padding">
    <div class="container">
      <div class="section-header-area text-center">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <span class="section-header-top">Our Team</span>
            {{-- <h2 class="section-header">Skilled Instructors</h2> --}}
            {{-- <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form by randomised words which don't look even slightly believable.</p> --}}
          </div>
        </div>
      </div><!-- section-header-area end -->
      <div class="section-wrapper">
        <div  class="row">

            <div class="col-xl-6 col-lg-4 col-sm-6">
            <div class="instructor-single-item text-center">
              <div class="instructor-thumb">
                <img src="{{URL::asset('users/images/instructor/arif.png')}}" alt="instructor-image">
              {{--   <ul class="instructor-social-links d-flex">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul> --}}
              </div>
              <div class="instructor-details">
                <h4 class="instructor-name"><a href="/arif">ARIF CP</a></h4>
                <span class="instructor-designateion">Founder & Grand Master</span>

              </div>
            </div>

          </div><!-- instructor-single-item end-->
           <div class="col-xl-6 col-lg-4 col-sm-6">
            <div class="instructor-single-item text-center">
              <div class="instructor-thumb">
                <img src="{{URL::asset('users/images/instructor/noushad.png')}}" alt="instructor-image">
              {{--   <ul class="instructor-social-links d-flex">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul> --}}
              </div>
              <div class="instructor-details">
                <h4 class="instructor-name"><a href="/noushad">NOUSHAD N</a></h4>
                <span class="instructor-designateion">Technical Director</span>
              </div>
            </div>
          </div><!-- instructor-single-item end-->

        </div>

        <div class="row">

          @forelse($team as $t)
            <div class="col-xl-3 col-lg-4 col-sm-6">
            <div class="instructor-single-item text-center">
              <div class="instructor-thumb">
                <img src="{{URL::asset('uploads/team/'.$t->image)}}" alt="instructor-image">
              {{--   <ul class="instructor-social-links d-flex">
                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul> --}}
              </div>
              <div class="instructor-details">
                <h4 class="instructor-name"><a href="#ins">{{ $t->name }}</a></h4>
                 <br>
                <span class="instructor-designateion"> {{ $t->position }}</span>

              </div>
            </div>
          </div><!-- instructor-single-item end-->
          @empty

            <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="instructor-single-item text-center">
                    <div class="instructor-thumb">
                        <img src="{{URL::asset('users/images/instructor/faizal.png')}}" alt="instructor-image">
                        {{--   <ul class="instructor-social-links d-flex">
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                          </ul> --}}
                    </div>
                    <div class="instructor-details">
                        <h4 class="instructor-name"><a href="#">FAIZAL CM</a></h4>
                        <br>
                        <span class="instructor-designateion">Senior Instructor</span>

                    </div>
                </div>
            </div><!-- instructor-single-item end-->

           <div class="col-xl-3 col-lg-4 col-sm-6">
            <div class="instructor-single-item text-center">
              <div class="instructor-thumb">
                <img src="{{URL::asset('users/images/instructor/jabir.jpeg')}}" alt="instructor-image">
{{--                 <ul class="instructor-social-links d-flex">--}}
{{--                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>--}}
{{--                </ul>--}}
              </div>
              <div class="instructor-details">
                <h4 class="instructor-name"><a href="#">JABIR</a></h4>
                 Karate Coordinator & Senior Instructor

                <span class="instructor-designateion">Karate coordinator & Senior Instructor</span>
              </div>
            </div>
          </div><!-- instructor-single-item end-->
          <div class="col-xl-3 col-lg-4 col-sm-6">
            <div class="instructor-single-item text-center">
              <div class="instructor-thumb">
                <img src="{{URL::asset('users/images/instructor/haneef.jpg')}}" alt="instructor-image">
{{--                 <ul class="instructor-social-links d-flex">--}}
{{--                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>--}}
{{--                </ul>--}}
              </div>
              <div class="instructor-details">
                <h4 class="instructor-name"><a href="#">HANEEFA VAYALIL</a></h4>
                 <br>
                <span class="instructor-designateion">Instructor</span>
              </div>
            </div>
          </div><!-- instructor-single-item end-->

          <div class="col-xl-3 col-lg-4 col-sm-6">
            <div class="instructor-single-item text-center">
              <div class="instructor-thumb">
                <img src="{{URL::asset('users/images/instructor/dilshad.png')}}" alt="instructor-image">
{{--                 <ul class="instructor-social-links d-flex">--}}
{{--                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>--}}
{{--                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>--}}
{{--                </ul>--}}
              </div>
              <div class="instructor-details">
                <h4 class="instructor-name"><a href="#">Dilshad</a></h4>
                 <br>
                <span class="instructor-designateion">Instructor</span>
              </div>
            </div>
          </div><!-- instructor-single-item end-->
        @endforelse
        </div>
      </div>
    </div>
  </section>
  <!-- instructor-section end -->

  <!-- counter-section start -->

  <!-- counter-section end -->

  <!-- upcoming-events-section start -->

  <!-- upcoming-events-section end -->

  <!-- testimonial-section start -->
  <section class="testimonial-section section-padding">
    <div class="container">
      <div class="section-header-area text-center">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <span class="section-header-top">Our</span>
            <h2 class="section-header">Valuable Students</h2>
            {{-- <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form by randomised words which don't look even slightly believable.</p> --}}
          </div>
        </div>
      </div><!-- section-header-areaend -->
      <div class="section-wrapper">
        <div class="owl-carousel testimonial-slider">

          @foreach($say as $s)
          <div style="width:300px;height:360px;" class="client-single-item text-center">
            <div class="client-thumb"><img src="{{ asset('uploads/say/'.$s->image) }}" alt="testimonial-image"></div>
            <p>{{$s->description}}</p>
            <div class="client-details">
              <h5 class="client-name">{{$s->name}}</h5>
              <span class="client-designation">{{$s->role}}</span>
            </div>
          </div>

          @endforeach

        </div>
      </div>
    </div>
  </section>
  <!-- testimonial-section end -->
    <section class="counter-section">
    <div class="counter-items-part">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 col-6">
            <div class="counter-single-item d-flex align-items-center">
              <div class="counter-item-icon">
                <i class="flaticon-presentation"></i>
              </div>
              <div class="counter-item-content">
                <span class="counter-number counter">50</span>
                <h4 class="counter-title">Instructors</h4>
              </div>
            </div>
          </div><!-- counter-single-item end -->
          <div class="col-lg-3 col-6">
            <div class="counter-single-item d-flex align-items-center">
              <div class="counter-item-icon">
                <i class="flaticon-ebook"></i>
              </div>
              <div class="counter-item-content">
                <span class="counter-number counter">48</span>
                <h4 class="counter-title">new courses</h4>
              </div>
            </div>
          </div><!-- counter-single-item end -->
          <div class="col-lg-3 col-6">
            <div class="counter-single-item d-flex align-items-center">
              <div class="counter-item-icon">
                <i class="flaticon-live"></i>
              </div>
              <div class="counter-item-content">
                <span class="counter-number counter">19</span>
                <h4 class="counter-title">Live Sessions</h4>
              </div>
            </div>
          </div><!-- counter-single-item end -->
          <div class="col-lg-3 col-6">
            <div class="counter-single-item d-flex align-items-center">
              <div class="counter-item-icon">
                <i class="flaticon-login"></i>
              </div>
              <div class="counter-item-content">
                <span class="counter-number counter">812</span>
                <h4 class="counter-title">Register</h4>
              </div>
            </div>
          </div><!-- counter-single-item end -->
        </div>
      </div>
    </div>
  </section>

    <section class="blog-section section-padding">
    <div class="container">
      <div class="section-header-area text-center">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <span class="section-header-top">Our</span>
            <h2 class="section-header"> Events & Blog </h2>
            {{-- <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form by randomised words which don't look even slightly believable.</p> --}}
          </div>
        </div>
      </div><!-- section-header-areaend -->

      <div class="section-wrapper">
        <div class="row">
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="post-item-single">
              <div class="post-item-thumb">
                  <a href="{{ $event[0]->link }}" target="{{ $event[0]->link != '#' ? '_blank' : '_self' }}"><img style="width: 360px;height: 300px;" src="{{ asset('uploads/event/'.$event['0']->image) }}" alt="post-thumb"></a>
                {{-- <a href="#" class="post-tag">design art</a> --}}
              </div>
              <div class="post-item-content">
                <ul class="d-flex post-meta">
                  <li>By <a href="{{ $event[0]->link }}" target="{{ $event[0]->link != '#' ? '_blank' : '_self' }}">{{$event['0']->name}}</a></li>
                  <li>{{$event['0']->created_at->format('Y-m-d')}}</li>
                </ul>
                <p class="post-title"><a href="{{ $event[0]->link }}" target="{{ $event[0]->link != '#' ? '_blank' : '_self' }}">{{$event['0']->title}}</a></p>
                {{-- <a href="#" class="cmn-button">Read More</a> --}}
              </div>
            </div>
          </div><!-- post-item-single end -->
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="post-item-single">
              <div class="post-item-thumb">
                <a href="{{ $event[1]->link }}" target="{{ $event[1]->link != '#' ? '_blank' : '_self' }}"><img style="width: 360px;height: 300px;" src="{{ asset('uploads/event/'.$event['1']->image) }}" alt="post-thumb"></a>
                {{-- <a href="#" class="post-tag">design art</a> --}}
              </div>
              <div class="post-item-content">
                <ul class="d-flex post-meta">
                  <li>By <a href="{{ $event[1]->link }}" target="{{ $event[1]->link != '#' ? '_blank' : '_self' }}">{{$event['1']->name}}</a></li>
                  <li>{{$event['1']->created_at->format('Y-m-d')}}</li>
                </ul>
                <p class="post-title"><a href="{{ $event[1]->link }}" target="{{ $event[1]->link != '#' ? '_blank' : '_self' }}">{{$event['1']->title}}</a></p>
                {{-- <a href="#" class="cmn-button">Read More</a> --}}
              </div>
            </div>
          </div><!-- post-item-single end -->
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="post-item-single">
              <div class="post-item-thumb">
              <a href="{{ $event[2]->link }}" target="{{ $event[2]->link != '#' ? '_blank' : '_self' }}"><img style="width: 360px;height: 300px;"  src="{{ asset('uploads/event/'.$event['2']->image) }}" alt="post-thumb"></a>
                {{-- <a href="#" class="post-tag">design art</a> --}}
              </div>
              <div class="post-item-content">
                <ul class="d-flex post-meta">
                  <li>By <a href="{{ $event[2]->link }}" target="{{ $event[2]->link != '#' ? '_blank' : '_self' }}">{{$event['2']->name}}</a></li>
                  <li>{{$event['2']->created_at->format('Y-m-d')}}</li>
                </ul>
                <p class="post-title"><a href="{{ $event[2]->link }}" target="{{ $event[2]->link != '#' ? '_blank' : '_self' }}">{{$event['2']->title}}</a></p>
                {{-- <a href="#" class="cmn-button">Read More</a> --}}
              </div>
            </div>
          </div><!-- post-item-single end -->
        </div>
      </div>

    </div>
  </section>

  @endsection
