Hopkinton people pictures

team/index.html

@@ -27,7 +27,7 @@ <h6 class="animate__animated animate__bounceIn"><a href="../programs/slice-of-ar
         <h5><br>Quick jump</h5>
         <h6><a href="#lexington">Lexington</a></h6>
         <h6><a href="#hopkinton">Hopkinton</a></h6>
-        <h6><a href="#wachusett">Wachusett</a></h6>
+        <!-- <h6><a href="#wachusett">Wachusett</a></h6> -->
       </div>
       <span class="scroll-down-arrow"></span>
     </div>
@@ -267,7 +267,7 @@ <h5 class="offcanvas-title" id="offcanvas22Label"><strong><em>Arav Gavade</em></
         <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
       </div>
       <div class="offcanvas-body">
-        Arav Gavade is a rising junior at Hopkinton High School, who enjoys creating animations, computer programming, learning about economics, and learning about history. Furthermore, he also enjoys skiing and snowboarding in his spare time, creating and playing video games, hepling others, and volunteering at non-profit organizations all across his town.
+        Arav Gavade is a rising junior at Hopkinton High School, who enjoys creating animations, computer programming, learning about economics, and learning about history. Furthermore, he also enjoys skiing and snowboarding in his spare time, creating and playing video games, helping others, and volunteering at non-profit organizations all across his town.
       </div>
     </div>
 
@@ -287,10 +287,10 @@ <h5 class="offcanvas-title" id="offcanvas24Label"><strong><em>Simrit Kukreja</em
         <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
       </div>
       <div class="offcanvas-body">
-        Simrit Kukreja is a rising junior at Hopkinton High  School who finds passion in a diverse selection of interests. He participates in VEX V5 robotics and Math Team, achieving international and state recognition. He also purses proficiency as a cellist and tutors younger individuals in mathematics. He is an avid sports fan and pursues STEM opportunities in his free time.
+        Simrit Kukreja is a rising junior at Hopkinton High School who finds passion in a diverse selection of interests. He participates in VEX V5 robotics and Math Team, achieving international and state recognition. He also purses proficiency as a cellist and tutors younger individuals in mathematics. He is an avid sports fan and pursues STEM opportunities in his free time.
       </div>
     </div>
-    
+
     <div class="container body-container">
       <br>
       <h1 class="text-center" id="lexington"><a href="../branches/lexington">Lexington</a></h1>
@@ -569,11 +569,11 @@ <h6 class="card-subtitle mb-2 text-dark-50"><em>Used to teach: </em> <a href="pr
         </div>
       </div>
       <br>
-      <h1 class="text-center" id="hopkinton">Hopkinton</h1>
+      <h1 class="text-center" id="hopkinton"><a href="../branches/hopkinton">Hopkinton</a></h1>
       <div class="row row-cols-2 row-cols-lg-4 g-3 text-center justify-content-center">
         <div class="col">
           <div class="card card-animated shadow bg-purple-gradient mx-1" id="aryan">
-            <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+            <img src="../images/portraits/aryan.jpg" class="card-img-top" alt="Aryan's picture">
             <div class="card-body">
               <h5 class="card-title">Aryan Shah</h5>
               <h6 class="card-subtitle mb-2 text-white-50"><em>Founded:</em> <a href="../branches/hopkinton">Hopkinton Branch</a></h6>
@@ -586,7 +586,7 @@ <h6 class="card-subtitle mb-2 text-white-50"><em>Founded:</em> <a href="../branc
         </div>
         <div class="col">
           <div class="card card-animated shadow bg-purple-gradient mx-1" id="arav">
-            <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+            <img src="../images/portraits/arav.jpg" class="card-img-top" alt="Arav's picture">
             <div class="card-body">
               <h5 class="card-title">Arav Gavade</h5>
               <h6 class="card-subtitle mb-2 text-white-50"><em>Founded:</em> <a href="../branches/hopkinton">Hopkinton Branch</a></h6>
@@ -598,8 +598,8 @@ <h6 class="card-subtitle mb-2 text-white-50"><em>Founded:</em> <a href="../branc
           </div>
         </div>
         <div class="col">
-          <div class="card card-animated shadow bg-purple-gradient mx-1" id="arav">
-            <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+          <div class="card card-animated shadow bg-purple-gradient mx-1" id="thomas">
+            <img src="../images/portraits/thomas.png" class="card-img-top" alt="Thomas's picture">
             <div class="card-body">
               <h5 class="card-title">Thomas Fitzgerald</h5>
               <h6 class="card-subtitle mb-2 text-white-50"><em>Teaching:</em> <a href="../branches/hopkinton">Hopkinton Branch</a></h6>
@@ -611,8 +611,8 @@ <h6 class="card-subtitle mb-2 text-white-50"><em>Teaching:</em> <a href="../bran
           </div>
         </div>
         <div class="col">
-          <div class="card card-animated shadow bg-purple-gradient mx-1" id="arav">
-            <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+          <div class="card card-animated shadow bg-purple-gradient mx-1" id="simrit">
+            <img src="../images/portraits/simrit.png" class="card-img-top" alt="Simrit's picture">
             <div class="card-body">
               <h5 class="card-title">Simrit Kukreja</h5>
               <h6 class="card-subtitle mb-2 text-white-50"><em>Teaching:</em> <a href="../branches/hopkinton">Hopkinton Branch</a></h6>