Merge pull request #16 from pythonhealthdatascience/dev_carousel

Dev carousel

Author: amyheather

css/cardslider.css

@@ -13,7 +13,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   border-radius: 10px;
   backdrop-filter: blur(30px);
   background: #f3fbfd;

images/chris.jpeg

@@ -60,7 +60,7 @@ The STARS project supports the development of transparent and impactful discrete
         <div class="card-item swiper-slide">
           <img src="images/amy.jpg" alt="User Image" class="user-image">
           <p class="user-name">Amy Heather</p>
-          <p class="user-profession">Researcher</p>
+          <p class="user-profession">Lead Researcher</p>
           <a href="https://orcid.org/0000-0002-6596-3479" class="message-button" target="_blank">
             <i class="fa-brands fa-orcid"></i> ORCID
           </a>
@@ -101,6 +101,36 @@ The STARS project supports the development of transparent and impactful discrete
             <i class="fa-brands fa-github"></i> GitHub
           </a>
         </div>
+        <div class="card-item swiper-slide">
+          <img src="images/fatemeh.jpeg" alt="User Image" class="user-image">
+          <p class="user-name">Fatemeh Alidoost</p>
+          <p class="user-profession">Contributor</p>
+          <a href="https://orcid.org/0009-0000-0252-560X" class="message-button" target="_blank">
+            <i class="fa-brands fa-orcid"></i> ORCID
+          </a>
+          <a href="https://github.com/Falidoost" class="message-button" target="_blank">
+            <i class="fa-brands fa-github"></i> GitHub
+          </a>
+        </div>
+        <div class="card-item swiper-slide">
+          <img src="images/rob.jpg" alt="User Image" class="user-image">
+          <p class="user-name">Robert Challen</p>
+          <p class="user-profession">Contributor</p>
+          <a href="https://orcid.org/0000-0002-5504-7768" class="message-button" target="_blank">
+            <i class="fa-brands fa-orcid"></i> ORCID
+          </a>
+          <a href="https://github.com/robchallen" class="message-button" target="_blank">
+            <i class="fa-brands fa-github"></i> GitHub
+          </a>
+        </div>
+        <div class="card-item swiper-slide">
+          <img src="images/chris.jpeg" alt="User Image" class="user-image">
+          <p class="user-name">Chris Sampson</p>
+          <p class="user-profession">Contributor</p>
+          <a href="https://github.com/CSampsonSomersetFT" class="message-button" target="_blank">
+            <i class="fa-brands fa-github"></i> GitHub
+          </a>
+        </div>
       </div>
       <div class="swiper-pagination"></div>
       <div class="swiper-slide-button swiper-button-prev"></div>