member.html

<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <div class="MemberCard">
            <div class="CardImg">
                <img src="ressources\images\MjAyMTAyMDJmNTdjNGY4NmJlZTQ2Y2U1MmExNzJmNjQ3ZmYzMzA.avif"
                    alt="Hero - Mars " />
            </div>
            <div class="CardContent">
                <h4 class="CardName"> Mohamed SALIFOU</h4>
                <p class="CardTitle"> Maker & Fablab Manager </p>
                <p class="CardText">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Molestias
                    odio
                    ipsa magnam nostrum qui id omnis repellat nam doloribus. Accusantium sunt
                    debitis
                    libero
                    numquam commodi. Ad, architecto. Minus, illo sunt?</p>
            </div>
            <div class="Connect">
                <a href="https://www.linkedin.com/" target="_blank"><img
                        src="ressources\images\LinkedIn_logo_initials.png" alt="Linkedin"> </a>
                <a href="https://www.instagram.com/" target="_blank"><img
                        src="ressources\images\Instagram_icon.png.webp" alt="Instagram"></a>
                <a href="https://www.github.com/" target="_blank"> <img
                        src="ressources\images\Github.png" alt="Github"> </a>
            </div>
        </div>
      </div>
      <div class="carousel-item">
        <div class="MemberCard">
            <div class="CardImg">
                <img src="ressources\images\MjAyMTAyMDJmNTdjNGY4NmJlZTQ2Y2U1MmExNzJmNjQ3ZmYzMzA.avif"
                    alt="Hero - Mars " />
            </div>
            <div class="CardContent">
                <h4 class="CardName"> Mohamed SALIFOU</h4>
                <p class="CardTitle"> Maker & Fablab Manager </p>
                <p class="CardText">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Molestias
                    odio
                    ipsa magnam nostrum qui id omnis repellat nam doloribus. Accusantium sunt
                    debitis
                    libero
                    numquam commodi. Ad, architecto. Minus, illo sunt?</p>
            </div>
            <div class="Connect">
                <a href="https://www.linkedin.com/" target="_blank"><img
                        src="ressources\images\LinkedIn_logo_initials.png" alt="Linkedin"> </a>
                <a href="https://www.instagram.com/" target="_blank"><img
                        src="ressources\images\Instagram_icon.png.webp" alt="Instagram"></a>
                <a href="https://www.github.com/" target="_blank"> <img
                        src="ressources\images\Github.png" alt="Github"> </a>
            </div>
        </div>
          </div>
      <div class="carousel-item">
        <div class="MemberCard">
            <div class="CardImg">
                <img src="ressources\images\MjAyMTAyMDJmNTdjNGY4NmJlZTQ2Y2U1MmExNzJmNjQ3ZmYzMzA.avif"
                    alt="Hero - Mars " />
            </div>
            <div class="CardContent">
                <h4 class="CardName"> Mohamed SALIFOU</h4>
                <p class="CardTitle"> Maker & Fablab Manager </p>
                <p class="CardText">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Molestias
                    odio
                    ipsa magnam nostrum qui id omnis repellat nam doloribus. Accusantium sunt
                    debitis
                    libero
                    numquam commodi. Ad, architecto. Minus, illo sunt?</p>
            </div>
            <div class="Connect">
                <a href="https://www.linkedin.com/" target="_blank"><img
                        src="ressources\images\LinkedIn_logo_initials.png" alt="Linkedin"> </a>
                <a href="https://www.instagram.com/" target="_blank"><img
                        src="ressources\images\Instagram_icon.png.webp" alt="Instagram"></a>
                <a href="https://www.github.com/" target="_blank"> <img
                        src="ressources\images\Github.png" alt="Github"> </a>
            </div>
        </div>
       </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>

<!-- 

        <nav class="NavBar">
            <h2 class="site-title"><a href="#">BenRover-24</a></h2>
            <ul class="menu">
                <li>
                    <a href="#AboutProject"> About the project</a>
                </li>
                <li>
                    <a href="#Goals"> Goals & Objectives </a>
                </li>
                <li>
                    <a href="#AboutTeam"> About the Team </a>
                </li>
                <li>
                    <a href="#Sponsor"> Sponsor the Team </a>
                </li>
                <li class="Socialmedia">
                    <a href="https://www.linkedin.com/">Instagram</a>
                </li>
                <li class="Donate">
                    <button class="btn-donate"> Donate </button>
                </li>
            </ul>
        </nav>




-->