{copy here}

{copy copy copys}

{copy copy copys}

{animated header component}

video title - adj font, weight location
video title - adj font, weight location
video title - adj font, weight location

{rename divs by page title}

adjust sort in setting menu on right
adjust sort in setting menu on right
adjust sort in setting menu on right

{good work, dudes}

How to do that?

This project uses Client-First v.2 by Finsweet.

1. Copy & Paste css snippet into an embed element placed in your project, save it as symbol and put on every page where you want to apply this effect.

(You can also copy the animated-gradient_embed symbol—found in page-wrapper—directly into your project.)

2. Add .animated-gradient class to any text element you'd like to have this effect applied or to its parent div.

3. Change values if you'd like to use different colors, rotation, or timing of your animated text.

<style>
.animated-gradient {
background-image: -webkit-linear-gradient(125deg, #f2291b, #f7db25, #84f527);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}@-webkit-keyframes hue {
 from {
   -webkit-filter: hue-rotate(0deg);
 }
 to {
   -webkit-filter: hue-rotate(-360deg);
 }
}
</style>

Heading
Heading
Heading

How to do that?

This project uses Client-First v.2 by Finsweet.

1. Copy & Paste css snippet into an embed element placed in your project, save it as symbol and put on every page where you want to apply this effect.

(You can also copy the animated-gradient_embed symbol—found in page-wrapper—directly into your project.)

2. Add .animated-gradient class to any text element you'd like to have this effect applied or to its parent div.

3. Change values if you'd like to use different colors, rotation, or timing of your animated text.

<style>
.animated-gradient {
background-image: -webkit-linear-gradient(125deg, #f2291b, #f7db25, #84f527);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}@-webkit-keyframes hue {
 from {
   -webkit-filter: hue-rotate(0deg);
 }
 to {
   -webkit-filter: hue-rotate(-360deg);
 }
}
</style>

“I love the online classes. I alternate between FlowLIFT and Yoga because it truly is the perfect combination for both strength and stretching! I love büddhi!”

Nicolle Bernal
Chilly Mcgill
New York City, ny
Check our Erin' büddhi experience, she loves her FlowLIFT workout gear and her weights

{good work, dudes}

How to do that?

This project uses Client-First v.2 by Finsweet.

1. Copy & Paste css snippet into an embed element placed in your project, save it as symbol and put on every page where you want to apply this effect.

(You can also copy the animated-gradient_embed symbol—found in page-wrapper—directly into your project.)

2. Add .animated-gradient class to any text element you'd like to have this effect applied or to its parent div.

3. Change values if you'd like to use different colors, rotation, or timing of your animated text.

<style>
.animated-gradient {
background-image: -webkit-linear-gradient(125deg, #f2291b, #f7db25, #84f527);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}@-webkit-keyframes hue {
 from {
   -webkit-filter: hue-rotate(0deg);
 }
 to {
   -webkit-filter: hue-rotate(-360deg);
 }
}
</style>

{good work, dudes}

How to do that?

This project uses Client-First v.2 by Finsweet.

1. Copy & Paste css snippet into an embed element placed in your project, save it as symbol and put on every page where you want to apply this effect.

(You can also copy the animated-gradient_embed symbol—found in page-wrapper—directly into your project.)

2. Add .animated-gradient class to any text element you'd like to have this effect applied or to its parent div.

3. Change values if you'd like to use different colors, rotation, or timing of your animated text.

<style>
.animated-gradient {
background-image: -webkit-linear-gradient(125deg, #f2291b, #f7db25, #84f527);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 15s infinite linear;
}@-webkit-keyframes hue {
 from {
   -webkit-filter: hue-rotate(0deg);
 }
 to {
   -webkit-filter: hue-rotate(-360deg);
 }
}
</style>

Heading
Heading
Heading
our büddhi is full of features & benefits

there are a million ways to get healthy
let us create your unique solution.

join and get 7 days free!

why not start with our 7 day free trial. Bee-line it to the plans & pricing page to choose the best option for your lifestyle.

6-week intro prgram?
Sign me up!

try our guided 6-week intro program and start with some of the best guidance to master the basics and move along on your fitness journey!

weekly reco's to keep your
büddhi movin!

check out our weekly reco's for help navigating our expansive on-demand class library or choose your own adventure