@extends('shop::layouts.master')
@section('page_title'){{ "About Us" }}@endsection
@section('content-wrapper')
<section class="page-topper section-50">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                   <h2 class="ab-hd">ABOUT</h2>
                   <h1 class="ab-hd">YOUTH SPORTS MESSENGER</h1>
                   <p class="ab-hd">The goal of the business is to promote “Messenger” within society thru people at large and allowing members to run. </p>
                </div>
               
            </div>
        </div>
    </section>
    <!-- about  -->
    @if(isset($data[0]))
   <section class="our-company-section section-padding section-color">
        <div class="container">
             <div class="themeix-title wow fadeIn abscs" style="visibility: visible; animation-name: fadeIn;">
                    <h2 class="">ABOUT <span>YSM</span></h2>
                    <div class="heading-border"><span class="header-bdr-one"></span><span class="header-bdr-two"></span><span class="header-bdr-three"></span>
                    
                 </div> 
                 <p>Next-Gen Youth Sports Coaching Device allows your Student-Athlete to receive real-time educated instructions from the coach or Sports Parent directly to his/her Sweat-Band device or Earbud.</p>
                </div>
                
            <div class="row">
                <div class="col-md-12">
                    <div class="single-compnay">
                        <div class="row">
                             <div class="col-xs-12 col-sm-6 text-right wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
                                <div class="single-company-img">
                                    <img src="{{ asset('themes/velocity/assets/images/custom/about.png') }}" />
                                    <!--<img src="{{asset('storage/about/head_camera.jpg')}}" alt="">-->
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 wow fadeIn  animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
                                <div class="single-company-wrapper" >
                                    <h3 style="color: #6b7582;">About Youth Sports Messenger</h3>
                                    @if($data[0]->portion=='about_ysm')
                                    {!!html_entity_decode($data[0]->html_content)!!}

                                    @endif
                                    <a class="see-pricing bl-btn themeix-sweep-blu" href="{{ Route('customer.register.index') }}">Become A Member</a>
                                </div>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
@endif
@include('shop::home.ysm_services')
    <!-- End product -->
    @if(isset($data[1]))
    <section class="our-services-section section-padding section-bgs">
        <div class="container">
        <div class="row">
            <div class="themeix-title wow fadeIn   animated" style="visibility: visible; animation-name: fadeIn;">
                    <h2 style="color: white;">Our Vision & <span style="color: white;">Mission</span></h2>
                    <div class="heading-border"><span class="header-bdr-one"></span><span class="header-bdr-two"></span><span class="header-bdr-three"></span></div>
            </div>
            @if($data[1]->portion=='vision&mission')
           <div class="missionv"> <p>

           {!!html_entity_decode($data[1]->html_content)!!}

           </p>
           @endif
          <a class="see-pricing bl-btn themeix-sweep-blu" href="#">Read More</a> <a class="see-pricing bl-btn themeix-sweep-blu" href="#">Join Us</a>
         
           </div>
           
     
          
        </div>
    </div>
    </section>
    @endif
   <!---Banner end-->
   @if(isset($data[2]))
   <section class="pricing-section section-padding section-color price-tbl-2">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="single-compnay">
                        <div class="row">
                           
                            <div class="col-xs-12 col-sm-6 wow fadeIn  animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
                                <div class="single-company-wrapper" >
                                   <div class="themeix-title wow fadeIn abscs" style="visibility: visible; animation-name: fadeIn;">
                                        <h2 class="">WHY  <span>YSM</span></h2>
                                        <div class="heading-border"><span class="header-bdr-one"></span><span class="header-bdr-two"></span><span class="header-bdr-three"></span></div>
                                       
                                    </div>
                                   @if($data[2]->portion=='why_ysm')

                                   {!!html_entity_decode($data[2]->html_content)!!}

                                   @endif
                                     <a class="see-pricing bl-btn themeix-sweep-blu" href="#">Read More</a> 
                                     <a class="see-pricing bl-btn themeix-sweep-blu" href="#">Join Us</a>
                                </div>
                            </div>
                             <div class="col-xs-12 col-sm-6 text-right wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
                                <div class="single-company-img">
                                    <img src="{{asset('storage/about/'.$data[2]->image)}}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif
   <!--end pricing plan-->
   
   
   <!-- Team Section-->
   
   <!--<section class="team-member section-padding">
        <div class="container">
        <div class="row">
        <div class="themeix-title">
        <h2>Our <span>Team Members</span></h2>
        <div class="heading-border"><span class="header-bdr-one"></span><span class="header-bdr-two"></span><span class="header-bdr-three"></span></div>
        <p>Seamlessly aggregate total linkage info Dramatically visualize ubiquitous leadership.</p>
        </div>
        <div class="team-member-wrapper owl-carousel owl-loaded owl-drag">
        <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1170px, 0px, 0px); transition: all 0.25s ease 0s; width: 4095px;">
          <div class="owl-item cloned" style="width: 292.5px;"><div class="single-team wow fadeIn   animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="images/team2.jpg" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item active" style="width: 292.5px;"><div class="single-team wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item active" style="width: 292.5px;"><div class="single-team wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="team"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
         </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item active" style="width: 292.5px;"><div class="single-team wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item active" style="width: 292.5px;"><div class="single-team wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item" style="width: 292.5px;"><div class="single-team wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item" style="width: 292.5px;"><div class="single-team wow fadeIn  animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item cloned" style="width: 292.5px;"><div class="single-team wow fadeIn   animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item cloned" style="width: 292.5px;"><div class="single-team wow fadeIn   animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="team"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
         </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item cloned" style="width: 292.5px;"><div class="single-team wow fadeIn   animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div><div class="owl-item cloned" style="width: 292.5px;"><div class="single-team wow fadeIn   animated" style="visibility: visible; animation-name: fadeIn;">
        <div class="team-member-img">
        <a href="#"><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" alt="member"></a>
        <div class="social-profile">
        <ul>
        <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-linkedin"></i></a></li>
        </ul>
        </div>
        </div>
        <h5><a href="#" style="color:#6b7582">Mr. John Doe</a></h5>
        <h6>CEO, Founder</h6>
        </div></div></div></div><div class="owl-nav disabled"><div class="owl-prev">prev</div><div class="owl-next">next</div></div><div class="owl-dots"><div class="owl-dot active"><span></span></div><div class="owl-dot"><span></span></div></div></div>
        </div>
        </div>
</section>-->

    <!-- <section class="our-company-section section-padding section-color">
        <div class="container">
            <div class="themeix-title wow fadeIn abscs  animated" style="visibility: visible; animation-name: fadeIn;">
                <h2>ABOUT <span>YSM</span></h2> 
                <div class="heading-border">
                    <span class="header-bdr-one"></span>
                    <span class="header-bdr-two"></span>
                    <span class="header-bdr-three"></span> 
                    <p></p>
                </div>
               
                <p> The goal of the business is to promote “Messenger” within society thru people at large and allowing members to run.</p>
           </div> 
           <div class="row">
               <div class="col-md-12">
                   <div class="single-compnay">
                       <div class="row">
                           <div class="col-xs-12 col-sm-6 text-right wow fadeIn  animated" style="visibility: visible;">
                               <div class="single-company-img">
                                   <img src="{{ asset('themes/velocity/assets/images/custom/about.png') }}">
                               </div>
                           </div> 
                           <div data-wow-delay="0.5s" class="col-xs-12 col-sm-6 wow fadeIn  animated" style="visibility: visible; animation-delay: 0.5s;">
                               <div class="single-company-wrapper">
                                   <h3 style="color: rgb(107, 117, 130);">About Youth Sports Messenger</h3> 
                                   <p>The goal of the business is to promote “Messenger” within society thru people at large and allowing members to run.</p> 
                                   <p>At one side where this business is giving opportunity to unemployed people to start business without any investment,
                                   at another side it is giving opportunity to active or passive investor to make money with help of other people associated with business by putting some efforts or even no efforts at all.</p> 
                                    <ul>
                                        <li>Direct Sell or Rent “Messenger” devices</li> 
                                        <li>Sell / Rent “Messenger” devices through the Members</li> 
                                        <li>Sell Services of Sports Trainer</li> 
                                        <li>Sell Online Video Consultation Services</li> 
                                        <li>Sell Video Editing Services</li>
                                    </ul> 
                                    <a href="http://127.0.0.1:8001/customer/register" class="see-pricing bl-btn themeix-sweep-blu">Become A Member</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
   
   <!--End Team Section-->
 
     <section class="our-webcoderskull padding-lg">
         <div class="container">
           <div class="themeix-title wow fadeIn    animated" style="visibility: visible; animation-name: fadeIn;">
                           <h2>Our <span>Team</span></h2>
                           <div class="heading-border"><span class="header-bdr-one"></span><span class="header-bdr-two"></span><span class="header-bdr-three"></span></div>
                          <p>Seamlessly aggregate total linkage info Dramatically visualize ubiquitous leadership.</p>
                     </div>
          <ul class="row">
             <li class="col-12 col-md-6 col-lg-3">
                 <div class="cnt-block equal-hight" style="height: 370px;">
                   <figure><img src="{{asset('themes/velocity/assets/images/custom/team1.png')}}" class="img-responsive" alt=""></figure>
                   <h3><a href="">NArman Bandhu</a></h3>
                  <p>Hofstra University School of Law Hempstead, New York</p>
                  <ul class="follow-us clearfix">
                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                   </ul>
                 </div>
             </li>
        
            <li class="col-12 col-md-6 col-lg-3">
                 <div class="cnt-block equal-hight" style="height: 370px;">
                  <figure><img src="{{asset('themes/velocity/assets/images/custom/team2.png')}}" class="img-responsive" alt=""></figure>
                   <h3><a href="">Guptam Holla</a></h3>
                  <p>Hofstra University School of Law Hempstead, New York</p>
                  <ul class="follow-us clearfix">
                   <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                   <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                     <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                 </ul>
                 </div>
              </li>
            <li class="col-12 col-md-6 col-lg-3">
                 <div class="cnt-block equal-hight" style="height: 370px;">
                   <figure><img src="{{asset('themes/velocity/assets/images/custom/team1.png')}}" class="img-responsive" alt=""></figure>
                  <h3><a href="#">Kappua Billa</a></h3>
                  <p>Hofstra University School of Law Hempstead, New York</p>
                  <ul class="follow-us clearfix">
                      <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                 </ul>
                </div>
             </li>
             <li class="col-12 col-md-6 col-lg-3">
                 <div class="cnt-block equal-hight" style="height: 370px;">
                  <figure><img src="{{asset('themes/velocity/assets/images/custom/team4.png')}}" class="img-responsive" alt=""></figure>
                   <h3><a href="">Omin Goshu</a></h3>
                   <p>Hofstra University School of Law Hempstead, New York</p>
                   <ul class="follow-us clearfix">
                     <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                   </ul>
                </div>
              </li>
           </ul>
          </div>
   </section>


@stop