expand_less
<div class="container-fluid ">
<!-- top banner area -->
<div class="row ">
<div class="col-md-12 p-0">
{{top banner|core}}{{top banner|content}}
</div>
</div>
<!-- card 1 -->
<div class="row bg-primary p-5 text-white">
<div class="col-md-4">
{{casual camel+image|size:large;view:content}}
</div>
<div class="col-md-8">
{{casual camel|core}}{{casual camel|content}}
<a class="btn btn-light mt-2" href="/{{casual camel+learn more|name}}" role="button">Drink</a>
</div>
</div>
<!-- card 2 -->
<div class="row p-5">
<div class="col-md-8">
{{editor eagle|core}}
<a class="btn btn-primary mt-2" href="/{{editor eagle+learn more|name}}" role="button">Fly</a>
</div>
<div class="col-md-4 ">
{{editor eagle+image|size:large;view:content}}
</div>
</div>
<!-- card 3 -->
<div class="row bg-primary p-5 text-white">
<div class="col-md-4">
{{card shark+image|size:large;view:content}}
</div>
<div class="col-md-8">
{{card shark|core}}
<a class="btn btn-light mt-2" href="/{{card shark+learn more|name}}" role="button">Swim</a>
</div>
</div>
<!-- card 4 -->
<div class="row p-5">
<div class="col-md-8">
{{code monkey|core}}
<a class="btn btn-primary pt-2" href="/{{code monkey+learn more|name}}" role="button">Swing</a>
</div>
<div class="col-md-4 ">
{{code monkey+image|size:large;view:content}}
</div>
</div>
<!-- card 5 -->
<div class="row bg-primary p-5 text-white">
<div class="col-md-4">
{{gem giraffe+image|size:large;view:content}}
</div>
<div class="col-md-8">
{{gem giraffe|core}}
<a class="btn btn-light mt-2" href="/{{gem giraffe+learn more|name}}" role="button">Stretch</a>
</div>
</div>
<div class="row p-5 text-center">
<div class="col-12">
{{testimony|core}}
</div>
</div>
</div>
{{decko org footer|core}}