From 12ae98d4547023900884e1b99fa74d83f85246f2 Mon Sep 17 00:00:00 2001
From: Colton Donkersgoed <coltonmdonk@gmail.com>
Date: Thu, 25 Aug 2022 22:58:06 -0400
Subject: [PATCH] -- attempting to adjust content justification

---
 index.html | 56 ++++++++++++++++++++++++++++++++----------------------
 style.css  |  7 +++----
 2 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/index.html b/index.html
index 2e0fd5c..a1148bc 100644
--- a/index.html
+++ b/index.html
@@ -96,19 +96,19 @@ <h5>Third slide label</h5>
 
      <div id="WORK" class="container">
         <h1 class="display-5 fw-bold"></h1>
-        <div class="p-4 p-md-5 mb-4 rounded text-bg-dark">
+        <div class="p-4 p-md-5 mb-4 rounded text-bg-dark ">
           <h1 class="display-4 fst-italic">WORK EXPERIENCE & CURRENT JOB</h1>
           <p class="lead my-3"> In addition to the everlasting pursuit of knowledge, below outlines how I make my money to enable my pursuit...</p>
           <div class="p-4 p-md-5 mb-4 rounded text-bg-dark">
-              <div class="col-md-6 px-0">
-              <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
-                <div class="col p-4 d-flex flex-column position-static">
-                  <strong class="d-inline-block mb-2 text-primary">Six Nations of the Grand River</strong>
-                  <h3 class="mb-0">Water Treatment Plant Operator</h3>
-                  <div class="mb-1 text-muted">Aug 2021 -> Present</div>
-                  <p class="card-text mb-auto">Working as a water treatment operator at a Class III water treatment plant.</p>
+              <div class="col align-self-center">
+                <div class="row g-0 justify-content-center border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
+                  <div class="col p-4 d-flex flex-column">
+                    <strong class="d-inline-block mb-2 text-primary">Six Nations of the Grand River</strong>
+                    <h3 class="mb-0">Water Treatment Plant Operator</h3>
+                    <div class="mb-1 text-muted">Aug 2021 -> Present</div>
+                    <p class="card-text mb-auto">Working as a water treatment operator at a Class III water treatment plant.</p>
+                  </div>
                 </div>
-              </div>
             </div>
           </div>
           <div class="row mb-2">
@@ -309,6 +309,11 @@ <h1 class="display-4 fw-bold lh-1"> Programming Projects</h1>
                         <td> 1. A passion project expanding on the systems in place in a game I love.
                             <br> 2.</td>
                       </tr>
+                      <tr class="table-success">
+                          <th scope="row"> Waterbilling Fix </th>
+                          <td> <a href="www.github.com"> Waterbilling Fix </a> </td>
+                          <td> A python program that I wrote to solve a problem with regards to importing files into one of our company's programs </td>
+                      </tr>
                     </tbody>
                   </table>
           </div>
@@ -340,25 +345,30 @@ <h1 class="display-5 fw-bold">-- GITHUB DATA --</h1>
 
     <div class="container">
       <footer class="py-3 my-3 border-top">
-        <div class="socials">
-            <a class="socials_links" href="https://github.com/greatcoltini" target="_blank">
-                <img class="image socialimg" src="githubicohov.png" alt="GitHub">
-            </a>
-            <a class="socials_links" href="https://instagram.com/greatcoltini" target="_blank">
-                <img class="image socialimg" src="greyinstaico.png" alt="Instagram">
-            </a>
-            <a class="socials_links" href="https://www.linkedin.com/in/colton-donkersgoed/" target="_blank">
-                <img class="image socialimg" src="greylinkedinico.png" alt="Indeed">
-            </a>
-            <a class="socials_links" href="https://www.facebook.com/colton.donkersgoed" target="_blank">
-                <img class="image socialimg" src="greyfbico.png" alt="Facebook">
-            </a>
+        <div class="row mb-2">
+          <div class="socials">
+              <a class="socials_links" href="https://github.com/greatcoltini" target="_blank">
+                  <img class="image socialimg" src="githubicohov.png" alt="GitHub">
+              </a>
+              <a class="socials_links" href="https://instagram.com/greatcoltini" target="_blank">
+                  <img class="image socialimg" src="greyinstaico.png" alt="Instagram">
+              </a>
+              <a class="socials_links" href="https://www.linkedin.com/in/colton-donkersgoed/" target="_blank">
+                  <img class="image socialimg" src="greylinkedinico.png" alt="Indeed">
+              </a>
+              <a class="socials_links" href="https://www.facebook.com/colton.donkersgoed" target="_blank">
+                  <img class="image socialimg" src="greyfbico.png" alt="Facebook">
+              </a>
+          </div>
+        </div>
+        <div class="row g-0 position-relative">
+          <p class="text-center text-muted">© 2022 COLTON DONKERSGOED</p>
         </div>
       </footer>
-      <p class="text-center text-muted">© 2022 COLTON DONKERSGOED</p>
     </div>
 
 
+
     <script>
 		// or enable responsive functionality:
 		GitHubCalendar(".calendar", "greatcoltini", { responsive: true });
diff --git a/style.css b/style.css
index 334e475..09e1a4f 100644
--- a/style.css
+++ b/style.css
@@ -26,8 +26,7 @@ h1 {
 .socials {
     display: block;
     position: relative;
-    margin-left: 10vw;
-    float: left;
+    margin-left: 37%;
 }
 
 .socials_links {
@@ -45,6 +44,6 @@ h1 {
 }
 
 .socialimg {
-    width: 10vw;
-    height: 10vw;
+    width: 5vw;
+    height: 5vw;
 }
\ No newline at end of file