Reformat projects section

Author: EricaHD

index.html

@@ -128,49 +128,41 @@ <h2>Projects</h2>
     </section>
 
     <!-- Selected projects information -->
-    <section id="two" class="wrapper alt style2">
-      <section class="spotlight">
-        <div class="image"><img src="images/401kMatch.png" alt=""/></div>
-        <div class="content">
-          <h2><a href="https://ericahd.github.io/401kMatch/">401k Per-Paycheck Matching Calculator</a></h2>
-          <p>Mar 2024 – May 2024</p>
-        </div>
-      </section>
-      <section class="spotlight">
-        <div class="image"><img src="images/googol.png" alt=""/></div>
-        <div class="content">
-          <h2><a href="https://github.com/EricaHD/GettingGoodAtGoogol">Getting Good at Googol:<br/>Reinforcement Learning Meets Optimal Stopping Theory</a></h2>
-          <p>Mar 2019 – May 2019</p>
-        </div>
-      </section>
-      <section class="spotlight">
-        <div class="image"><img src="images/candyheist.gif" alt=""/></div>
-        <div class="content">
-          <h2>Candy Heist</h2>
-          <p>Nov 2018 – Dec 2018</p>
-        </div>
-      </section>
-      <section class="spotlight">
-        <div class="image"><img src="images/aml1.png" alt=""/></div>
-        <div class="content">
-          <h2><a href="https://github.com/EricaHD/MachineLearningLeukemiaDetection">Using Machine Learning to Detect Acute Myeloid Leukemia</a></h2>
-          <p>Feb 2018 – May 2018</p>
-        </div>
-      </section>
-      <section class="spotlight">
-        <div class="image"><img src="images/helloword.gif" alt=""/></div>
-        <div class="content">
-          <h2><a href="https://github.com/EricaHD/HelloWorld">Rendering the World:<br/>3D Computer Graphics</a></h2>
-          <p>Nov 2017 – Dec 2017</p>
-        </div>
-      </section>
-      <section class="spotlight">
-        <div class="image"><img src="images/itlola7.png" alt=""/></div>
-        <div class="content">
-          <h2><a href="https://www.scribd.com/doc/136181752/In-the-Land-of-Linear-Algebra">In the Land of Linear Algebra:<br/>A Cartoon Coursepack</a></h2>
-          <p>Sept 2012 – Dec 2012</p>
-        </div>
-      </section>
+    <section id="three" class="wrapper style3 special">
+      <div class="inner">
+        <ul class="features">
+          <li class="icon solid fa-laptop">
+            <h3><a href="https://ericahd.github.io/401kMatch/">401k Per-Paycheck Matching Calculator</a></h3>
+            <p>Mar 2024 – May 2024</p>
+            <img src="images/401kMatch.png" width="100%" style="display: block; margin: 0 auto;"/>
+          </li>
+          <li class="icon solid fa-code">
+            <h3><a href="https://github.com/EricaHD/GettingGoodAtGoogol">Getting Good at Googol: Reinforcement Learning Meets Optimal Stopping Theory</a></h3>
+            <p>Mar 2019 – May 2019</p>
+            <img src="images/googol.png" width="100%" style="display: block; margin: 0 auto;"/>
+          </li>
+          <li class="icon solid fa-code">
+            <h3>Candy Heist</h3>
+            <p>Nov 2018 - Dec 2018</p>
+            <img src="images/candyheist.gif" width="100%"/>
+          </li>
+          <li class="icon solid fa-laptop">
+            <h3><a href="https://github.com/EricaHD/MachineLearningLeukemiaDetection">Using Machine Learning to Detect Acute Myeloid Leukemia</a></h3>
+            <p>Feb 2018 – May 2018</p>
+            <img src="images/aml1.png" width="100%" style="display: block; margin: 0 auto;"/>
+          </li>
+          <li class="icon solid fa-laptop">
+            <h3><a href="https://github.com/EricaHD/HelloWorld">Rendering the World:<br/>3D Computer Graphics</a></h3>
+            <p>Nov 2017 – Dec 2017</p>
+            <img src="images/helloword.gif" width="100%" style="display: block; margin: 0 auto;"/>
+          </li>
+          <li class="icon solid fa-code">
+            <h3><a href="https://www.scribd.com/doc/136181752/In-the-Land-of-Linear-Algebra">In the Land of Linear Algebra: A Cartoon Coursepack</a></h3>
+            <p>Sept 2012 – Dec 2012</p>
+            <img src="images/itlola7.png" width="100%" style="display: block; margin: 0 auto;"/>
+          </li>
+        </ul>
+      </div>
     </section>
 
     <!-- Skills -->