File: /home/emblazeone/public_html/limitlessfit/slice/supplements_Plans.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>LimitlessVIP</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/fc70117f52.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="container-fluid">
<div class="row h-72 align-items-center justify-content-between">
<div class="col-sm-4 col-8">
<a href="#" class="logo">
<img src="images/logo.png" alt="logo"/>
LIMITLESS VIP <span>FIT CLUB</span>
</a>
</div>
<div class="col-sm-8 col-4">
<nav class="navbar navbar-expand-lg navbar-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav w-100 justify-content-end align-items-start">
<li class="nav-item">
<a class="nav-link" href="#">
CURRENT WEIGHT
<span>200LBS</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
YOUR GOAL
<span>WEIGHT (FAT) LOSS</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link last" href="#">
Candice Sheeran
<i class="fas fa-plus-circle"></i>
</a>
<div class="bg_avtar">
<div class="pink">
<img src="images/avt.png" alt="">
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link logout" href="#">
Logout
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</header>
<!-- -->
<div class="left_sidebar">
<div class="pointer">
<i class="fas fa-bars"></i>
</div>
<ul>
<li>
<a href="#">
<img src="images/nav_1.svg" alt=""/>
<span>Meal Plan</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_2.svg" alt=""/>
<span>Workout Plan</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_3.svg" alt=""/>
<span>Supplement Plan</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_4.svg" alt=""/>
<span>Weight Tracker</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_5.svg" alt=""/>
<span>Photo Upload</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_6.svg" alt=""/>
<span>Check-In</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_7.svg" alt=""/>
<span>Rules</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_8.svg" alt=""/>
<span>Video Library</span>
</a>
</li>
<li>
<a href="#">
<img src="images/nav_9.svg" alt=""/>
<span>Workout Videos</span>
</a>
</li>
</ul>
</div>
<!-- -->
<section class="dashboard supplements_Plans_bg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="mb-4 d-flex flex-wrap justify-content-between align-items-center">
<div class="weight_2">Supplement Plans</div>
<!--<a href="#" class="btn-all">View All</a>-->
</div>
</div>
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<img src="images/img_14.png" alt="">
</a>
<div class="mb-5 d-flex justify-content-between align-items-start">
<div class="weight font_22">Divatrim Best Kept<br>Secret</div>
<a href="#" class="btn-all">Download</a>
</div>
</div>
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<img src="images/img_15.png" alt="">
</a>
<div class="mb-5 d-flex justify-content-between align-items-start">
<div class="weight font_22">Real People, Real <br>Results Plan</div>
<a href="#" class="btn-all">Download</a>
</div>
</div>
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<img src="images/img_16.png" alt="">
</a>
<div class="mb-5 d-flex justify-content-between align-items-start">
<div class="weight font_22">SuperWoman GetReal<br>
Supplement Plan</div>
<a href="#" class="btn-all">Download</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-sm-4 text-left text_fot_1">
#reinventyourself
<a href="#" title="facebook" target="_blank" class="facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" title="twitter" target="_blank" class="twitter">
<i class="fab fa-twitter"></i>
</a>
<a href="#" title="instagram" target="_blank" class="instagram">
<i class="fab fa-instagram"></i>
</a>
</div>
<div class="col-sm-4 text-center">
<p class="copy">
© 2019 limitless VIP, All Rights Reserved
</p>
</div>
<div class="col-sm-4 text-right link_terms">
<a href="#" target="_blank">
Terms & Conditions
</a>
<a href="#" target="_blank">
Privacy Policy
</a>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>
</html>