File: /home/emblazeone/public_html/limitlessfit/slice/dashboard.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">
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<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">
<div class="container">
<div class="row align-items-center mb-5">
<div class="col-5 col-sm-2">
<div class="by_photo">
<img src="images/img_1.png" alt="">
</div>
</div>
<div class="col-7 col-sm-10">
<h3 class="name">
Hi Candice!
<span>Female | California, USA.</span>
</h3>
<form class="upl">
<input type="file" placeholder="Upload Photo">
</form>
</div>
</div>
<!-- -->
<div class="row mb-3">
<div class="col-sm-8 col-12">
<div class="bg_white d-flex flex-wrap align-items-center">
<div class="title_contest">
THE CONTEST HAS NOT YET STARTED!
<span>CHECK BACK ON OCTOBER 19, 2020 TO ACCESS THE CHECK-IN CARD.</span>
</div>
<div class="current">
CURRENT WEIGHT
<span>200LBS</span>
</div>
<div class="current">
YOUR GOAL
<span>WEIGHT (FAT) LOSS</span>
</div>
</div>
</div>
<div class="col-sm-4 col-12 pl_cust">
<div class="bg_rouse">
<div class="update">
Update Your Progress
<span>Last Updated : A week ago!</span>
</div>
<a href="#" class="btn">
UPDATE PROGRESS
</a>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-sm-6">
<div class="bg_white radius d-flex flex-wrap justify-content-between align-items-center">
<div class="weight">Weight Tracker</div>
<a href="#" class="btn-all">View All</a>
<img src="images/img_2.png" class="d-block w-100 mt-3" alt="">
</div>
</div>
<div class="col-sm-6">
<div class="bg_white radius d-flex flex-wrap justify-content-between align-items-center">
<div class="weight">Progress Photos</div>
<a href="#" class="btn-all">View All</a>
<div class="progresPhoto">
<img src="images/img_3.png" alt=""/>
<h4>Uploaded 12/10/2010 | 5:20 P.M.</h4>
</div>
<div class="progresPhoto">
<img src="images/img_4.png" alt=""/>
<h4>Uploaded 12/10/2010 | 5:20 P.M.</h4>
</div>
</div>
</div>
</div>
<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">Exercise Video Library</div>
<a href="#" class="btn-all">View All</a>
</div>
</div>
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<span>
<i class="fas fa-play"></i>
</span>
<img src="images/img_5.png" alt="">
</a>
<div class="mb-5 d-flex justify-content-between align-items-start">
<div class="weight">How to get Amazing ABS </div>
<div class="video_col">5 Videos</div>
</div>
</div>
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<span>
<i class="fas fa-play"></i>
</span>
<img src="images/img_6.png" alt="">
</a>
<div class="mb-5 d-flex justify-content-between align-items-start">
<div class="weight">How to get Amazing ABS 2</div>
<div class="video_col">5 Videos</div>
</div>
</div>
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<span>
<i class="fas fa-play"></i>
</span>
<img src="images/img_7.png" alt="">
</a>
<div class="mb-5 d-flex justify-content-between align-items-start">
<div class="weight">BUTT BLAST</div>
<div class="video_col">5 Videos</div>
</div>
</div>
</div>
<div class="row">
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<span class="bottom_line">Meal Plans</span>
<img src="images/img_8.png" alt="">
</a>
</div>
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<span class="bottom_line">Workout Plans</span>
<img src="images/img_9.png" alt="">
</a>
</div>
<!-- -->
<div class="col-12 col-sm-4">
<a href="#" class="fo_img">
<span class="bottom_line">Supplement Plans</span>
<img src="images/img_10.png" alt="">
</a>
</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>