Banner

App User Guide

Smartphone apps icons against businessman using phone 3d

Text

<h2 style="text-align:center">Set Up Nutrition</h2>
<p class="large">If you <strong>haven't already set up your nutrition settings,</strong> use the link below.</p>

Embed

<h2 style="white-space:pre-line;text-align:center"><span style="color:#ffffff">Meal Tracking<br /></span></h2>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Embed</title>
<style>


    .responsive-iframe {
        position: relative; /* Positioning relative to its normal position */
        width: 100%; /* Takes the full width of the screen */
        padding-top: 56.25%; /* Aspect ratio of 16:9 (height 9 / width 16 = 0.5625) */
    }
    .responsive-iframe iframe {
        position: absolute; /* Position absolutely inside the parent div */
        top: 0;
        left: 0;
        width: 100%; /* iframe takes the full width of the parent */
        height: 100%; /* iframe takes the full height of the parent */
        border: none; /* Removes iframe border */
    }
</style>
</head>
<body>
    <div class="responsive-iframe">
        <iframe src="https://www.loom.com/embed/25ec0742cc4b4b34b45d0e25733d3db9?sid=c1373f26-115b-451c-ae20-ed5c58c24516" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Embed</title>
<style>


    .responsive-iframe {
        position: relative; /* Positioning relative to its normal position */
        width: 100%; /* Takes the full width of the screen */
        padding-top: 56.25%; /* Aspect ratio of 16:9 (height 9 / width 16 = 0.5625) */
    }
    .responsive-iframe iframe {
        position: absolute; /* Position absolutely inside the parent div */
        top: 0;
        left: 0;
        width: 100%; /* iframe takes the full width of the parent */
        height: 100%; /* iframe takes the full height of the parent */
        border: none; /* Removes iframe border */
    }
</style>
</head>
<body>
    <div class="responsive-iframe">
        <iframe src="https://www.loom.com/embed/7dc04df02533418b96899cb6703c5628?sid=4542169e-991a-41c0-b9c6-d3d4c92c6f6f" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Embed</title>
<style>


    .responsive-iframe {
        position: relative; /* Positioning relative to its normal position */
        width: 100%; /* Takes the full width of the screen */
        padding-top: 56.25%; /* Aspect ratio of 16:9 (height 9 / width 16 = 0.5625) */
    }
    .responsive-iframe iframe {
        position: absolute; /* Position absolutely inside the parent div */
        top: 0;
        left: 0;
        width: 100%; /* iframe takes the full width of the parent */
        height: 100%; /* iframe takes the full height of the parent */
        border: none; /* Removes iframe border */
    }
</style>
</head>
<body>
    <div class="responsive-iframe">
        <iframe src="https://www.loom.com/embed/e77000175ed4447fb2345c851c769d18?sid=0c66c830-7071-4f34-890a-8af02d56e8e6" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>


Gallery

Digital Cookbook

<h2 style="text-align:center">Set Up Training</h2>
<p class="large">If you <strong>haven't already set up your training program</strong>, use the link below.</p>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Embed</title>
<style>


    .responsive-iframe {
        position: relative; /* Positioning relative to its normal position */
        width: 100%; /* Takes the full width of the screen */
        padding-top: 56.25%; /* Aspect ratio of 16:9 (height 9 / width 16 = 0.5625) */
    }
    .responsive-iframe iframe {
        position: absolute; /* Position absolutely inside the parent div */
        top: 0;
        left: 0;
        width: 100%; /* iframe takes the full width of the parent */
        height: 100%; /* iframe takes the full height of the parent */
        border: none; /* Removes iframe border */
    }
</style>
</head>
<body>
    <div class="responsive-iframe">
        <iframe src="https://www.loom.com/embed/c1301a8033924bc7b10ef956d6b5d9d1?sid=71666811-c010-4148-b6bb-23e265a4344d" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Embed</title>
<style>


    .responsive-iframe {
        position: relative; /* Positioning relative to its normal position */
        width: 100%; /* Takes the full width of the screen */
        padding-top: 56.25%; /* Aspect ratio of 16:9 (height 9 / width 16 = 0.5625) */
    }
    .responsive-iframe iframe {
        position: absolute; /* Position absolutely inside the parent div */
        top: 0;
        left: 0;
        width: 100%; /* iframe takes the full width of the parent */
        height: 100%; /* iframe takes the full height of the parent */
        border: none; /* Removes iframe border */
    }
</style>
</head>
<body>
    <div class="responsive-iframe">
        <iframe src="https://www.loom.com/embed/9257950aa8b94a0fa1bcbc99f2b45192?sid=86f475d0-0dcf-4d46-9129-f61846e33fc9" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>

Image carousel

Form Demo Videos

Set Up Habits

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Embed</title>
<style>


    .responsive-iframe {
        position: relative; /* Positioning relative to its normal position */
        width: 100%; /* Takes the full width of the screen */
        padding-top: 56.25%; /* Aspect ratio of 16:9 (height 9 / width 16 = 0.5625) */
    }
    .responsive-iframe iframe {
        position: absolute; /* Position absolutely inside the parent div */
        top: 0;
        left: 0;
        width: 100%; /* iframe takes the full width of the parent */
        height: 100%; /* iframe takes the full height of the parent */
        border: none; /* Removes iframe border */
    }
</style>
</head>
<body>
    <div class="responsive-iframe">
        <iframe src="https://www.loom.com/embed/cbd70a6630994db4876d7839fa8123c4?sid=f2ba20df-9f89-4693-82b1-a1cc5bf8e3d0" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>

Home Screen

Navigation

Schedule

Custom Workouts

<h2 style="white-space:pre-line;text-align:center">Guided Workouts</h2>

<h2 style="white-space:pre-line;text-align:center"><span style="color:#ffffff">Process Photos<br /></span></h2>

<h2 style="white-space:pre-line;text-align:center">Track Body Stats</h2>