@extends('frontend.layout.app')
@section('content')
<section class="mainBanner innerBanner">
         <div class="overlay"> </div>
         <div class="container">
            <h2 class="text-center">Meet The Team</h2>
         </div>
      </section>
      <section class="positionRelative">
         <div class="container">
            <div class="col-md-12">
               <p class="text-center paddingLR200">We're a team of makers, thinkers, explorers. We approach work and play with curiosity and experimentation, using what we learn to create meaningful digital products that connect with people, just like you.</p>

               <div class="ourTeam">
                  
                  <div class="row">
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <a href="#" class="teamMember infoBlock text-center" data-bs-toggle="modal" data-bs-target="#teamMember01">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Gurpal Singh</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </a>
                        <div class="modal" id="teamMember01" tabindex="-1" aria-labelledby="">
                             <div class="modal-dialog modal-lg modal-dialog-centered">
                               <div class="modal-content">
                                 <div class="modal-header">
                                   <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                 </div>
                                 <div class="modal-body">
                                   <div class="row">
                                       <div class="col-lg-4 col-md-6"><div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div></div>
                                       <div class="col-lg-8 col-md-6">
                                          <h5 class="name mb-1 text-green">Gurpal Singh</h5>
                                          <p class="designation">Chief Executive Officer</p>
                                          <p>Gurpal Singh attended Yeshivas Nesivos Ahron in Israel and graduated from State University of New York at Stony Brook with a BSc in Biology. His primary role includes maintaining and updating the ingredients database of the certified companies and approving tankers for transport of kosher certified products. Ariel also manages applications from our certified companies for new ingredients or new products they wish to add to their kosher certificate.</p>
                                       </div>
                                 </div>
                                 </div>
                               </div>
                             </div>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="teamMember infoBlock text-center">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Member Name</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="teamMember infoBlock text-center">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Member Name</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="teamMember infoBlock text-center">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Member Name</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="teamMember infoBlock text-center">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Member Name</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="teamMember infoBlock text-center">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Member Name</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="teamMember infoBlock text-center">
                           <div class="teamThumb"><img src="{{ asset('frontend_assets/images/team-thumb.png') }}" alt="" class="imgResponsive"></div>
                           <h5 class="name mb-1">Member Name</h5>
                           <p class="designation">Chief Executive Officer</p>
                        </div>
                     </div>
                  </div>

               </div>
            </div>
         </div>
      </section>
      <section class="backgroundBg01 text-center text-white subscribe">
         <div class="container">
            <div class="row">
               <div class="col-lg-10 m-auto">
                  <h2 class="text-white">Subscribe to Our Newsletter</h2>
                  <p>By subscribing to our newsletter you agree to the Ortho-K</p>
                  <form role="search" method="get" action="#" autocomplete="off" class="subscribeForm">
                     <label class="screen-reader-text" for="searchInput"></label>
                     <input type="text" class="search-field" value="" name="searchInput" id="searchInput" placeholder="Enter Your Email Address" autocomplete="off">
                     <input type="submit" id="subscribe" class="search-submit gradientBtn" value="Subscribe Now">
                  </form>
               </div>
            </div>
         </div>
      </section>
@endsection('content')