Banner

App & Community Onboarding

Text

<h2 style="text-align:center"><span style="color:#ffffff">Step 1 - Watch Welcome Video<br /></span></h2>

Embed

<!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/6bd49c96edb944bdb803c91d2b38f9b4?sid=4eb5905c-f74e-4400-a111-bbf3c323feb3" frameborder="0" allowfullscreen></iframe>
    </div>
</body>
</html>


Text + image

<h2 style="text-align:center"><span style="color:#ffffff">Step 2 - Set Up Nutrition<br /></span></h2>
<p class="large"><span style="color:#ffffff">Choose one of two options:<br /></span></p>
<p class="large" style="text-align:left"><span style="color:#ffffff">1) <span style="color:#98b3bb"><strong>Custom Macros </strong></span>(ex: 150g Protein, 75g Fat, 200g Carbs)</span></p>
<p class="large" style="text-align:left"><span style="color:#ffffff">2)<span style="color:#98b3bb"> <strong>Weighted Nutrition</strong></span> With Calorie Limit (2400 Calories and 30% Protein, 40% Carb, 30% Fat)</span></p>
<p class="large" style="text-align:left"><em><span style="color:#ffffff">The weighted nutrition includes a <span style="color:#98b3bb"><strong>digitized meal plan</strong></span></span></em></p>
<p class="large" style="text-align:left"><span style="color:#ffffff">Not sure where to begin? <span style="color:#98b3bb"><strong>We'll guide you through </strong></span>calculating your calories and macros.</span></p>

<h2 style="text-align:center"><span style="color:#ffffff">Step 3 - Set Up Training <br /></span></h2>
<p class="large"><span style="color:#ffffff">Your programming will vary depending on your<span style="color:#98b3bb"> <strong>goals and availability!</strong></span></span></p>
<p class="large"><span style="color:#ffffff">NOTE: Once program is created, adjustments and substitutions are <span style="color:#98b3bb"><strong>made at your own discretion</strong></span></span></p>

<h2 style="text-align:center"><span style="color:#ffffff">Step 4 - Add Habits<br /></span></h2>
<p class="large">Long-term change starts with <span style="color:#98b3bb"><strong>measuring our improved behaviors</strong></span> each day.</p>

<h2 style="text-align:center"><span style="color:#ffffff">Step 5 - Community Intro<br /></span></h2>
<p class="large">Provide us with some <strong>basic info</strong> to put on your <strong>welcome card!</strong></p>

<h2 style="text-align:center"><span style="color:#ffffff">Step 6 - Check Out App User Guide<br /></span></h2>
<p class="large"><span style="color:#ffffff">Be sure to <strong>check out our App User Guide</strong> to begin navigating the different features!</span></p>