<?php include("header.php");?>
<section class="banner white-text burger">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
         <a class="" href="#"><img src="images/logo.gif" class="img-fluid" width="160"></a>
        <h1>Joe Lewis <br>Fighting Systems</h1>
        <h2 class="handwritten big-text theme-text">Vis Sapientia Spiritus</h2>
        <p class="opaq">The only official Joe Lewis Fighting Systems Association</p>
      </div>
    </div>
  </div>
</section>

<section class="burger bg-dark white-text">
  <div class="container">
    <div class="row d-flex align-items-center">
      <div class="col-md-6">
        <div class="jlfs-info">       
         
        </div>      
      </div>
      <div class="col-md-6">
        <div class="p-5">
          <p class="handwritten theme-text big-text">About Us</p>
          <h2 class="">Welcome to the Joe Lewis Fighting Systems Website.</h2>
          <p class="opaq">As a heavyweight World Champion fighter and martial artist, Joe Lewis has done it first and done it best. Of the millions of people who have participated in the martial arts since their inception in the United States in 1948, only a few have had a measurable impact with the general public…and Joe Lewis is at the top of this list.</p>          
          <p class="opaq">Select Membership plan and get access to paid stuff/videos on site.</p>
          <a href="" class="btn btn-primary">Become a Member</a>
          
        </div>
      </div>
    </div>
  </div>
</section>
<section class="burger bg-dark white-text">
  <div class="container">
         <div class="row">
               <div class="col">
                 <p class="handwritten text-center theme-text big-text mb-5">Our Online Store is Open!</p>
                  <div class="product-slider px-3">
                    <div>
                        <div class="card bg-transparent border-0 mx-3">
                          <img class="card-img-top" src="images/product.jpg" alt="Card image cap">
                          <div class="card-body border-top-0 d-flex align-items-center justify-content-between">
                             <p class="semi-bold mb-0">JLFS Underbelt Manual Level 1 </p>
                              <span class="price float-right font-weight-bold ">$149</span>   
                          </div>
                          <div class="product-hover">
                            <a href="#" class="btn btn-primary">View Details</a>
                          </div>
                        </div>

                     </div>
                    <?php for ( $i=0; $i<5; $i++ ){ ?>
                     <div>
                        <div class="card bg-transparent border-0 mx-3">
                          <img class="card-img-top" src="images/product.jpg" alt="Card image cap">
                          <div class="card-body border-top-0 d-flex align-items-center justify-content-between">
                             <p class="semi-bold mb-0">JLFS Underbelt Manual Level 1 </p>
                              <span class="price float-right font-weight-bold ">$149</span>   
                          </div>
                           <div class="product-hover">
                            <a href="#" class="btn btn-primary">View Details</a>
                          </div>
                        </div>
                     </div>
                     <?php } ?>  
                  </div> 
               </div>  
            </div>
    
  </div>
</section>
<section class="burger bg-dark white-text">
  <p class="handwritten text-center theme-text big-text mb-3">JLFS Membership Plans</p>
    <div class="pricing-container">
    <div class="pricing-switcher mb-3">
      <p class="fieldset">
        <input type="radio" name="duration-1" value="monthly" id="monthly-1" checked>
        <label for="monthly-1">Monthly</label>
        <input type="radio" name="duration-1" value="yearly" id="yearly-1">
        <label for="yearly-1">Yearly</label>
        <span class="switch"></span>
      </p>
    </div>
    <ul class="pricing-list bounce-invert">
      <li>
        <ul class="pricing-wrapper">
          <li data-type="monthly" class="is-visible">
            <header class="pricing-header">
              <h2>Individual</h2>
              <div class="price">               
                <span class="value">$12.50</span>
                <span class="duration">mo</span>
              </div>
            </header>
            <div class="pricing-body">
              <ul class="pricing-features">
                <li>Read Blogs </li>
                <li>See Videos and other Articles </li>
                <li>Time Period</li>
                <li>Cancel at any time!</li>              
              </ul>
            </div>
            <footer class="pricing-footer">
              <a class="btn btn-primary" href="#">Become a Member</a>
            </footer>
          </li>
          <li data-type="yearly" class="is-hidden">
            <header class="pricing-header">
              <h2>Individual</h2>
              <div class="price">               
                <span class="value">$135.00</span>
                <span class="duration">yr</span>
              </div>
            </header>
            <div class="pricing-body">
              <ul class="pricing-features">
                <li>Read Blogs </li>
                <li>See Videos and other Articles </li>
                <li>Time Period</li> 
                <li>Cancel at any time!</li>   
              </ul>
            </div>
            <footer class="pricing-footer">
              <a class="btn btn-primary" href="#">Become a Member</a>
            </footer>
          </li>
        </ul>
      </li>
     
      <li>
        <ul class="pricing-wrapper">
          <li data-type="monthly" class="is-visible">
            <header class="pricing-header">
              <h2>School</h2>
              <div class="price">              
                <span class="value">$24.50</span>
                <span class="duration">mo</span>
              </div>
            </header>
            <div class="pricing-body">
              <ul class="pricing-features">
                <li>Read Blogs </li>
                <li>See Videos and other Articles </li>
                <li>Time Period</li>
                <li>Cancel at any time!</li>   
              </ul>
            </div>
            <footer class="pricing-footer">
              <a class="btn btn-primary" href="#">Become a Member</a>
            </footer>
          </li>
          <li data-type="yearly" class="is-hidden">
            <header class="pricing-header">
              <h2>School</h2>
              <div class="price">              
                <span class="value">$265.00</span>
                <span class="duration">yr</span>
              </div>
            </header>
            <div class="pricing-body">
              <ul class="pricing-features">
                <li>Read Blogs </li>
                <li>See Videos and other Articles </li>
                <li>Time Period</li> 
                <li>Cancel at any time!</li>  
              </ul>
            </div>
            <footer class="pricing-footer">
              <a class="btn btn-primary" href="#">Become a Member</a>
            </footer>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</section>
<section class="bg-dark white-text burger">
  <div class="container">
    <p class="handwritten text-center theme-text big-text mb-5">JLFS Photo Gallery</p>
     <div class="row">
            <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Wallace-videos.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Wallace-videos.jpg" class="zoom img-fluid "  alt="">
                   
                </a>
            </div>
            <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Updergrove-video.jpg"  class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Updergrove-video.jpg" class="zoom img-fluid"  alt="">
                </a>
            </div>
            
            <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Maynard_VIDEOS.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Maynard_VIDEOS.jpg" class="zoom img-fluid "  alt="">
                </a>
            </div>
            
            <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Mauro-Videos.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Mauro-Videos.jpg" class="zoom img-fluid "  alt="">
                </a>
            </div>
            
             <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Maldonado-videos.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Maldonado-videos.jpg" class="zoom img-fluid "  alt="">
                </a>
            </div>
            
             <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Lysak-Videos.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Lysak-Videos.jpg" class="zoom img-fluid "  alt="">
                </a>
            </div>
            
             <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Hudson_videos.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Hudson_videos.jpg" class="zoom img-fluid "  alt="">
                </a>
            </div>
            
             <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a href="https://joelewisassociation.com/wp-content/uploads/2016/09/Graham-video.jpg" class="fancybox" rel="ligthbox">
                    <img  src="https://joelewisassociation.com/wp-content/uploads/2016/09/Graham-video.jpg" class="zoom img-fluid "  alt="">
                </a>
            </div>
            
            
           
           
       </div>
  </div>
</section>
<section class="white-text event-bg burger">
   <div class="container">
    <div class="row">
      <div class="col-md-6 offset-md-3 text-center">
        <div class="topme mt-5">
          <p class="handwritten text-center theme-text big-text mb-3">Upcoming Event</p>
          <h2>Joe Lewis Fighting System Research Conference 2019</h2>
          <p class="opaq">1211 Atlantic Avenue, Virginia Beach, VA, 2345</p>
          <h3>October 2019 (Dates to be Announced)</h3>
       </div>
      </div>
    </div>
  </div>
</section>
<section class="burger bg-dark white-text">
  <p class="text-center col-md-12"><small>Copyright 2019 Joe Lewis Fighting Systems | All Rights Reserved </small></p>
</section>
<?php include('footer.php');?>
</body>
</html>