Elements
These modular elements can be readily used and customized across pages and in different blocks.
Theme Card Style 1 <> show code
<div class="row">
<div class="col-md-4">
<div class="card text-center feature feature-hover">
<div class="icon">
<i class="fit-dumbbell-3"></i>
</div>
<div class="card-body">
<h4 class="card-title">Fitness</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est
laborum.</p>
</div>
</div>
</div>
</div>
how to use
- Follow the code example to get the following style. You you want to customize the style you can add classes or modify the existing class property
Fitness
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est laborum.
Diet
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est laborum.
Habbits
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est laborum.
Theme Card Style 2 <> show code
<div class="row">
<div class="col-md-6 col-lg-3 ">
<div class="card text-center feature feature-step bg-white-smoke">
<div class="icon icon-round">
<i class="fit-timer-1"></i>
</div>
<div class="card-body">
<h4 class="card-title">Understand Your Needs</h4>
<p class="card-text">Excepteur sint occaecat cup idatat non proid.</p>
</div>
<div class="d-flex justify-content-end card-footer bg-primary">
<div class="mr-auto p-2 step">step</div>
<div class="p-2 count">01</div>
</div>
</div>
</div>
</div>
how to use
- Follow the code example to get the following style. You you want to customize the style you can add classes or modify the existing class property
Understand Your Needs
Excepteur sint occaecat cup idatat non proid.
Create Workout Plan
Excepteur sint occaecat cup idatat non proid.
Keep You on Track
Excepteur sint occaecat cup idatat non proid.
Achieve Your Goal
Excepteur sint occaecat cup idatat non proid.