expand_less <div class="container-fluid "> <!-- top banner area --> <div class="row "> <div class="col-md-12 p-0"> {{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|content}} <a class="btn btn-light mt-2" href="/{{casual camel+learn more|name}}" role="button">DrinkBrowse Samples</a> </div> </div> <!-- card 2 --> <div class="row p-5"> <div class="col-md-8"> {{editor eagle|core}}{{editor eagle|content}} <a class="btn btn-primary mt-2" href="/{{editor eagle+learn more|name}}" role="button">FlyExplore Features</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}}{{card shark|content}} <a class="btn btn-light mt-2" href="/{{card shark+learn more|name}}" role="button">SwimShark Docs</a> </div> </div> <!-- card 4 --> <div class="row p-5"> <div class="col-md-8"> {{code monkey|core}}{{code monkey|content}} <a class="btn btn-primary pt-2" href="/{{code monkey+learn more|name}}" role="button">SwingMonkey Docs</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">StretchContribute</a> </div> </div> <div class="row p-5 text-center"> <div class="col-12"> {{testimony|core}} </div> </div> </div> {{decko org footer|core}}