<?php include 'includes/header.php'; ?>
<body>
    <!-- MAIN WRAPPER
    ================================================== -->
    <div class="main-wrapper">

        <!-- HEADER
        ================================================== -->
        <?php include 'includes/nav.php'; ?>

        <!-- PAGE TITLE
        ================================================== -->
        <section class="page-title-section bg-img cover-background dark-overlay" data-overlay-dark="8" data-background="img/bg/bg-03.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="display-2 text-white fw-bold">Our Team</h1>
                    </div>
                    <div class="col-md-12">
                        <div class="breadcrumb">
                            <ul>
                                <li><a href="/">Home</a></li>
                                <li><a href="#">Our Team</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-transparent border-width-2 border-solid border-secondary p-3 d-sm-inline-block rounded-circle position-absolute bottom-10 left-5 ani-top-bottom d-none z-index-3"></div>
            <div class="bg-primary p-1-6 d-lg-block rounded-circle position-absolute top-25 right-25 ani-top-bottom d-none z-index-3"></div>
            <div class="bg-white p-2 d-sm-inline-block rounded-circle position-absolute top-40 left-25 ani-left-right d-none z-index-3"></div>
        </section>

        <!-- TEAM
        ================================================== -->
        <section>
            <div class="container">
                <div class="section-heading">
                    <span class="text-secondary title-font display-25 display-md-23 d-block mb-1">Diet & nutrition experts</span>
                    <h2><span class="fw-bolder"> Expert team</span> members</h2>
                    <p class="mb-0 w-md-90 w-lg-70 w-xl-60 w-xxl-55 mx-auto">We connect buyers and sellers of natural, organic, environmentally sound products. We find the best suppliers and makers of natural and organic products.</p>
                </div>
                <div class="row g-xxl-5 mt-n1-9">
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/01.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Percy Rouse</a></h3>
                                <p class="mb-0">Diet & Nutrition</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/02.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Luca Bullen</a></h3>
                                <p class="mb-0">Executive Officer</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/03.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Laura Ash</a></h3>
                                <p class="mb-0">General Nutrition</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/04.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Julia Conley</a></h3>
                                <p class="mb-0">General Dietician</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/05.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Sarah Younger</a></h3>
                                <p class="mb-0">Nutritionist</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/06.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Alicia Stuart</a></h3>
                                <p class="mb-0">Pediatric Dietician</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/07.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Riley Riddle</a></h3>
                                <p class="mb-0">Sports Nutritionist</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 mt-1-9">
                        <div class="card-style3">
                            <div class="pb-1-9">
                                <div class="card-image position-relative">
                                    <div class="card-icons">
                                        <span class="card-icon ti-close"></span>
                                        <a href="#" class="card-icon fa-brands fa-x-twitter"></a>
                                        <a href="#" class="card-icon fab fa-facebook-f"></a>
                                        <a href="#" class="card-icon fab fa-instagram"></a>
                                    </div>
                                    <a href="#" class="card-inner-img">
                                        <img src="img/team/08.jpg" class="rounded-circle" alt="...">
                                    </a>
                                </div>
                            </div>
                            <div class="text-center">
                                <h3 class="h4 mb-1"><a href="team-details.html">Caitlyn Alston</a></h3>
                                <p class="mb-0">Research Dietitian</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

               <!-- FOOTER
        ================================================== -->
<?php include 'includes/footer.php'; ?>