
<!--<head>-->
 
    <!-- Favicon -->
<!--    <link href="img/favicon.ico" rel="icon">-->

    <!-- Google Web Fonts -->
<!--    <link rel="preconnect" href="https://fonts.gstatic.com">-->
<!--    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> -->

    <!-- Font Awesome -->
<!--    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">-->

    <!-- Libraries Stylesheet -->
<!--    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">-->

    <!-- Customized Bootstrap Stylesheet -->
<!--    <link href="css/style.css" rel="stylesheet">-->

<!--    <meta name="viewport" content="width=device-width, initial-scale=1">-->
<!--  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">-->
<!--  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>-->
    
<!--</head>-->


<!--<div class="container-fluid py-5">-->
<!--        <div class="container py-5">-->
<!--            <div class="section-title text-center position-relative mb-5">-->
<!--                <h6 class="d-inline-block position-relative text-secondary text-uppercase pb-2">Instructors</h6>-->
<!--                <h1 class="display-4">Meet Our Team</h1>-->
<!--            </div>-->
<!--            <div class="owl-carousel team-carousel position-relative" style="padding: 0 30px;">-->
<!--                <div class="team-item">-->
<!--                    <img class="img-fluid w-100" src="img/gaurav-ypdo.jpg" alt="Gaurav Computer Trainer">-->
<!--                    <div class="bg-light text-center p-4">-->
<!--                        <h5 class="mb-3">Gaurav</h5>-->
<!--                        <p class="mb-2">Computer Trainer</p>-->
<!--                        <div class="d-flex justify-content-center">-->
<!--                            <a class="mx-1 p-1" href="mailto:gaurav@youthpdorg.in"><i class="fab fa fa-envelope"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://www.facebook.com/profile.php?id=61559522595376"><i class="fab fa-facebook-f"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://www.linkedin.com/in/imrealgaurav/"><i class="fab fa-linkedin-in"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://www.instagram.com/_sharma_pandit_ji_/"><i class="fab fa-instagram"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://wa.me/+919354761050?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="team-item">-->
<!--                    <img class="img-fluid w-100" src="img/himanshi-ypdo.jpg" alt="Himanshi Student Councellor">-->
<!--                    <div class="bg-light text-center p-4">-->
<!--                        <h5 class="mb-3">Himanshi</h5>-->
<!--                        <p class="mb-2">Student Coucellor</p>-->
<!--                        <div class="d-flex justify-content-center">-->
<!--                            <a class="mx-1 p-1" href="mailto:admin@youthpdorg.in"><i class="fab fa fa-envelope"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-facebook-f"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-linkedin-in"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://www.instagram.com/_sharma_pandit_ji_/"><i class="fab fa-instagram"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://wa.me/+918700017871?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="team-item">-->
<!--                    <img class="img-fluid w-100" src="img/hemant-gujela-ypdo.jpg" alt="Hemant Gujela Project Manager">-->
<!--                    <div class="bg-light text-center p-4">-->
<!--                        <h5 class="mb-3">Hemant Gujela</h5>-->
<!--                        <p class="mb-2">Project Manager</p>-->
<!--                        <div class="d-flex justify-content-center">-->
<!--                            <a class="mx-1 p-1" href="mailto:ceo@youthpdorg.in"><i class="fab fa fa-envelope"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-facebook-f"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-linkedin-in"></i></a>-->
<!--                            <a class="mx-1 p-1" href="https://www.instagram.com/_sharma_pandit_ji_/"><i class="fab fa-instagram"></i></a>-->
<!--                            <a class="mx-1 p-1" href="wa.me/+919821107892?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="team-item">-->
<!--                    <img class="img-fluid w-100" src="img/team.jpg" alt="">-->
<!--                    <div class="bg-light text-center p-4">-->
<!--                        <h5 class="mb-3">Devender Gujela</h5>-->
<!--                        <p class="mb-2">Director (CEO)</p>-->
<!--                        <div class="d-flex justify-content-center">-->
<!--                            <a class="mx-1 p-1" href="mailto:youthpdorg@gmail.com"><i class="fab fa fa-envelope"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-facebook-f"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-linkedin-in"></i></a>-->
<!--                            <a class="mx-1 p-1" href="#"><i class="fab fa-instagram"></i></a>-->
<!--                            <a class="mx-1 p-1" href="wa.me/+919821107892?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

<!-- Team 1 - Bootstrap Brain Component -->
<section class="bg-light py-3 py-md-5 py-xl-8">
  <div class="container">
    <div class="row justify-content-md-center">
      <div class="col-12 col-md-10 col-lg-8 col-xl-7 col-xxl-6">
        <h2 class="mb-4 display-5 text-center">Our Team</h2>
        <p class="text-secondary mb-5 text-center lead fs-4">We are a group of innovative, experienced, and proficient teams. You will love to collaborate with us.</p>
        <hr class="w-50 mx-auto mb-5 mb-xl-9 border-dark-subtle">
      </div>
    </div>
  </div>

  <div class="container overflow-hidden">
    <div class="row gy-4 gy-lg-0 gx-xxl-5">
      <div class="col-12 col-md-6 col-lg-3">
        <div class="card border-0 border-bottom border-primary shadow-sm overflow-hidden">
          <div class="card-body p-0">
            <figure class="m-0 p-0">
              <img class="img-fluid" loading="lazy" src="img/team.jpg" alt="">
              <figcaption class="m-0 p-4"><center>
                <h4 class="mb-1">Devender Gujela</h4>
                <p class="text-secondary mb-0">President</p></center>
                                        <div class="d-flex justify-content-center">
                            <a class="mx-1 p-1" href="mailto:youthpdorg@gmail.com"><i class="fab fa fa-envelope"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-instagram"></i></a>
                            <a class="mx-1 p-1" href="wa.me/+919821107892?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>
                        </div>
              </figcaption>
            </figure>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6 col-lg-3">
        <div class="card border-0 border-bottom border-primary shadow-sm overflow-hidden">
          <div class="card-body p-0">
            <figure class="m-0 p-0">
              <img class="img-fluid" loading="lazy" src="img/gaurav-ypdo.jpg" alt="Gaurav Computer Trainer">
              <figcaption class="m-0 p-4"><center>
                <h4 class="mb-1">Gaurav</h4>
                <p class="text-secondary mb-0">Trainer</p></center>
                 <div class="d-flex justify-content-center">
                            <a class="mx-1 p-1" href="mailto:gaurav@youthpdorg.in"><i class="fab fa fa-envelope"></i></a>
                            <a class="mx-1 p-1" href="https://www.facebook.com/profile.php?id=61559522595376"><i class="fab fa-facebook-f"></i></a>
                            <a class="mx-1 p-1" href="https://www.linkedin.com/in/imrealgaurav/"><i class="fab fa-linkedin-in"></i></a>
                            <a class="mx-1 p-1" href="https://www.instagram.com/_sharma_pandit_ji_/"><i class="fab fa-instagram"></i></a>
                            <a class="mx-1 p-1" href="https://wa.me/+919354761050?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>
                        </div>
              </figcaption>
            </figure>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6 col-lg-3">
        <div class="card border-0 border-bottom border-primary shadow-sm overflow-hidden">
          <div class="card-body p-0">
            <figure class="m-0 p-0">
              <img class="img-fluid" loading="lazy"  src="img/hemant-gujela-ypdo.jpg" alt="Hemant Gujela Project Manager">
              <figcaption class="m-0 p-4"><center>
                <h4 class="mb-1">Hemant Gujela</h4>
                <p class="text-secondary mb-0">Project Manager</p></center>
                                        <div class="d-flex justify-content-center">
                            <a class="mx-1 p-1" href="mailto:ceo@youthpdorg.in"><i class="fab fa fa-envelope"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-instagram"></i></a>
                            <a class="mx-1 p-1" href="wa.me/+919821107892?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>
                        </div>

              </figcaption>
            </figure>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6 col-lg-3">
        <div class="card border-0 border-bottom border-primary shadow-sm overflow-hidden">
          <div class="card-body p-0">
            <figure class="m-0 p-0">
              <img class="img-fluid" loading="lazy" src="img/himanshi-ypdo.jpg" alt="Himanshi coordinator">
              <figcaption class="m-0 p-4"><center>
                <h4 class="mb-1">Himanshi</h4>
                <p class="text-secondary mb-0">Coordinator</p></center>
                                        <div class="d-flex justify-content-center">
                                                      <a class="mx-1 p-1" href="mailto:admin@youthpdorg.in"><i class="fab fa fa-envelope"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a class="mx-1 p-1" href="#"><i class="fab fa-instagram"></i></a>
                            <a class="mx-1 p-1" href="https://wa.me/+918700017871?text=%22hello%22"><i class="fab fa-whatsapp"></i></a>
                       
                        </div>
              </figcaption>
            </figure>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>