From eee0c2146cd0a9d1ad1aa46b5ae95dad9021e6b8 Mon Sep 17 00:00:00 2001
From: jackjcoop <jackjcoop@gmail.com>
Date: Wed, 24 Jan 2024 18:05:26 -0700
Subject: [PATCH] Structure finished.

---
 portfolio.html | 50 ++++++++++++++++++--------------------------------
 1 file changed, 18 insertions(+), 32 deletions(-)

diff --git a/portfolio.html b/portfolio.html
index 34048fa..df6493d 100644
--- a/portfolio.html
+++ b/portfolio.html
@@ -45,22 +45,22 @@
       </nav>
     </header>
 
-
-
     <div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
       <div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
         <div class="my-3 py-3">
           <h2 class="display-5">Another headline</h2>
-          <p class="lead">And an even wittier subheading.</p>
+          <p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an ev</p>
         </div>
-        <div class="bg-light box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
+        <p class="lead">And an even wittier subheading.</p>
+        <p><a class="btn btn-light btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
       <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
         <div class="my-3 p-3">
           <h2 class="display-5">Another headline</h2>
-          <p class="lead">And an even wittier subheading.</p>
+          <p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.</p>
         </div>
-        <div class="bg-dark box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
+        <p class="lead">And an even wittier subheading.</p>
+        <p><a class="btn btn-dark btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
     </div>
 
@@ -70,52 +70,38 @@ <h2 class="display-5">Another headline</h2>
           <h2 class="display-5">Another headline</h2>
           <p class="lead">And an even wittier subheading.</p>
         </div>
-        <div class="bg-dark box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
+        <p class="lead">And an even wittier subheading.</p>
+        <p><a class="btn btn-dark btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
-      <div class="bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
+      <div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
         <div class="my-3 py-3">
           <h2 class="display-5">Another headline</h2>
           <p class="lead">And an even wittier subheading.</p>
         </div>
-        <div class="bg-light box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
+        <p class="lead">And an even wittier subheading.</p>
+        <p><a class="btn btn-light btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
     </div>
 
     <div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
-      <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
-        <div class="my-3 p-3">
-          <h2 class="display-5">Another headline</h2>
-          <p class="lead">And an even wittier subheading.</p>
-        </div>
-        <div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
-      </div>
-      <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
+      <div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
         <div class="my-3 py-3">
           <h2 class="display-5">Another headline</h2>
-          <p class="lead">And an even wittier subheading.</p>
+          <p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an ev</p>
         </div>
-        <div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
+        <p class="lead">And an even wittier subheading.</p>
+        <p><a class="btn btn-light btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
-    </div>
-
-    <div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
       <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
         <div class="my-3 p-3">
           <h2 class="display-5">Another headline</h2>
-          <p class="lead">And an even wittier subheading.</p>
-        </div>
-        <div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
-      </div>
-      <div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
-        <div class="my-3 py-3">
-          <h2 class="display-5">Another headline</h2>
-          <p class="lead">And an even wittier subheading.</p>
+          <p class="lead">And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.And an even wittier subheading.</p>
         </div>
-        <div class="bg-white box-shadow mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
+        <p class="lead">And an even wittier subheading.</p>
+        <p><a class="btn btn-dark btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
     </div>
 
-
     <!-- FOOTER -->
     <footer class="container">
       <p class="float-right"><a href="#">Back to top</a></p>