<div class="container-fluid px-0 mb-5">
    <div class="border-top" style="background-color: var(--bs-tertiary-bg);">
        <div class="d-flex justify-content-between align-items-center">
            <h3 class="p-3 m-0">Team</h3>
            <div class="d-block p-3">
                <button type="button" class="btn btn-sm btn-danger btbAction" data-action="click" data-target="contact button" data-bs-toggle="modal" data-bs-target="#contactModal">Contact</button>
            </div>
        </div>
    </div>
    <div class="hstack justify-content-between gap-5 p-3 px-md-5 border border-start-0 border-end-0" style="overflow-x:scroll;">
        <!-- <div class="vstack gap-3 text-center">
            <div><strong class="">Danny<br>Jones</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Danny Jones.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Project<br>Manager</span></small></div>
        </div> -->
        <div class="vstack gap-3 text-center">
            <div><strong class="">Danny<br>Tinsley</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Danny Tinsley.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Project<br>Manager</span></small></div>
        </div>
        <!-- <div class="vstack gap-3 text-center">
            <div><strong class="">Dylan<br>Evans</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Dylan Evans.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Project<br>Manager</span></small></div>
        </div> -->
        <!-- <div class="vstack gap-3 text-center">
            <div><strong class="">Dustin<br>Samples</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Dustin Samples.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Equipment<br>Manager</span></small></div>
        </div> -->
        <div class="vstack gap-3 text-center">
            <div><strong class="">John<br>Kries</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/John Kries.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Administration<br></span></small></div>
        </div>
        <div class="vstack gap-3 text-center">
            <div><strong class="">Karen<br>Salinas</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Karen Salinas.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Administration<br></span></small></div>
        </div>
        <div class="vstack gap-3 text-center">
            <div><strong class="">Mitchell<br>McWayne</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Mitchell McWayne.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Project<br>Manager</span></small></div>
        </div>
        <div class="vstack gap-3 text-center">
            <div><strong class="">Peyton<br>Lambert</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Peyton Lambert.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Portal<br>Manager</span></small></div>
        </div>
        <div class="vstack gap-3 text-center">
            <div><strong class="">Randy<br>Wear</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Randy Wear.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Construction<br>Manager</span></small></div>
        </div>
        <div class="vstack gap-3 text-center">
            <div><strong class="">Robert<br>Lambert</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Robert Lambert.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">President<br></span></small></div>
        </div>
        
        <div class="vstack gap-3 text-center">
            <div><strong class="">Shellie<br>Valentine</strong></div>
            <div><img src="<?php echo URL_ASSETS; ?>/images/avatar/Shellie Valentine.jpg" alt="Avatar" class="avatar-large" ></div>
            <div><small><span class="text-muted">Administration<br></span></small></div>
        </div>
    </div>
</div>