<?php include("header.php");?>
<section class="banner-inner white-text burger">
  <div class="container">
    <div class="row">
      <div class="col-md-12 text-center mt-5">         
        <h1 class="handwritten very-big-text theme-text">Our Members</h1>        
      </div>
    </div>
  </div>
</section>
<section class="burger bg-dark white-text">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div class="filters d-flex align-items-center">
          <h4>Filter:</h4>
          <ul>
            <li><a href="">All</a></li>
            <li><a href="">Blackbelts</a></li>
          </ul>
        </div>
      </div>
    </div> <!--/row-->
    <div class="row mt-5">
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </div>
      </div>
      <div class="col-md-3">
        <div class="member-card">
          <img src="images/member.jpg" class="rounded img-fluid">
          <h3>John Doe</h3>
          <p>Level: Blackbelt <br>
             Rank: 2</p>
        </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="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>