From 4535a42081aeaedf98de5e66499c9d13fbf7354e Mon Sep 17 00:00:00 2001
From: Jennifer Aube <62511019+jaube05@users.noreply.github.com>
Date: Mon, 15 Apr 2024 16:04:47 -0400
Subject: [PATCH] adding final styles and fixing accessibility issues

---
 CNAME                                         |   1 +
 _includes/footer.html                         |  21 +--
 _includes/navbar.html                         |   2 +-
 _sass/base.scss                               | 126 ++++++++++++++----
 _site/404.html                                |  21 +--
 _site/feed.xml                                |   2 +-
 _site/index.html                              |  33 +++--
 .../update/2024/04/04/welcome-to-jekyll.html  |  21 +--
 _site/resume.html                             |  39 +++---
 assets/.DS_Store                              | Bin 0 -> 6148 bytes
 css/styles.scss                               |   4 +
 index.html                                    |  10 +-
 projects/chatapp.html                         |   2 +-
 projects/teamapp.html                         |   2 +-
 resume.html                                   |  16 +--
 15 files changed, 202 insertions(+), 98 deletions(-)
 create mode 100644 CNAME
 create mode 100644 assets/.DS_Store
 create mode 100644 css/styles.scss

diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..6ad337b
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+jenniferhoude.ca
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
index 99cbdcc..4b27e3e 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -6,21 +6,26 @@ <h2 class="h1">Want to Work?</h2>
       </div>
       
   
-      <div class="col-md-6">
+      <div class="col-md-6 pt-2 footer-info">
   
         <div>
           <p>If you need a modern and powerful website for your business, startup or yourself, I am available for work. You can email me directly at <a class="contact-email" href="mailto:jhoude5@yahoo.com">jhoude5@yahoo.com</a></p>
         </div>
-        <div class="social-icons">
-          <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/">
-            <i class="fa-brands fa-linkedin fa-2xl"></i></a>
-          <a class="social" href="https://github.com/jhoude5">
-            <i class="fa-brands fa-github fa-2xl"></i></a>
-        </div>
+        
           
         
       </div>
-      <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      <div class="col-md-6"></div>
+      <div class="social-icons col-md-6">
+        <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/" aria-label="linkedin link">
+          <i class="fa-brands fa-linkedin fa-2xl"></i></a>
+        <a class="social" href="https://github.com/jhoude5" aria-label="github link">
+          <i class="fa-brands fa-github fa-2xl"></i></a>
+      </div>
+      <div class="copyright-wrapper">
+        <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      </div>
+      
     </div>
   </div>
   </footer>
\ No newline at end of file
diff --git a/_includes/navbar.html b/_includes/navbar.html
index abaa7ae..955e7aa 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -2,7 +2,7 @@
     <a class="site-title" rel="author" href="/">Jennifer Houde.</a>
     <nav class="site-nav">
         <input type="checkbox" id="nav-trigger" class="nav-trigger" />
-        <label for="nav-trigger">
+        <label class="nav-trigger-label" for="nav-trigger" aria-label="menu">
         <span class="menu-icon">
             <svg viewBox="0 0 18 15" width="18px" height="15px">
             <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
diff --git a/_sass/base.scss b/_sass/base.scss
index 64de15b..ce56f19 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -3,13 +3,20 @@
 
 }
 header {
-    .nav-wrapper {
-        padding-bottom: 115px;
-    }
     border: 0 !important;
     background-color: #F9EFE7;
-    margin: 20px;
-    padding: 20px 20px 140px;
+    padding: 20px 20px 60px;
+    @media(min-width: 900px) {
+        padding: 20px 20px 140px;
+        
+    }
+    .nav-wrapper {
+        padding-bottom: 60px;
+        @media(min-width: 760px) {
+            padding-bottom: 115px;
+        }
+        
+    }
     .site-title {
         font-weight: 900;
         font-size: 20px;
@@ -17,6 +24,8 @@ header {
     }
     .site-nav {
         display: flex;
+        border: none;
+        top: 25px;
         .trigger {
             display: flex;
             padding-top: 15px;
@@ -28,10 +37,18 @@ header {
             }
         }
     }
+    .nav-trigger-label {
+        background-color: #F9EFE7;
+        border: none;
+    }
     .hero-cta.row {
         padding: 0;
         h1 {
-            line-height: 80px;
+            line-height: 60px;
+            @media(min-width: 900px) {
+                line-height: 80px;
+            }
+            
         }
         .highlight {
             border-bottom: 14px solid yellow;
@@ -70,12 +87,30 @@ header {
         }
     }
 }
+header.resume-wrapper {
+    h1{
+        text-align: center;
+    }
+}
+main.resume-wrapper {
+    text-align: center;
+    max-width: 900px;
+    margin: 0 auto;
+    ul li {
+        list-style-position: inside;
+    }
+    
+}
 h1, h2, h3, h4, h5, h6 {
     font-family: Abril Fatface;
     font-weight: 700 !important;
 }
 h1, .h1 {
-    font-size: 56px;
+    font-size: 38px;
+    @media(min-width: 760px) {
+        font-size: 56px;
+    }
+    
 }
 h2, .h2 {
     font-size: 40px;
@@ -106,6 +141,8 @@ a.btn {
     }
 }
 main {
+    max-width: none;
+   
     .project-image {
         margin-top: -125px;
         box-shadow: 0px 0px 30px 0px;
@@ -115,15 +152,23 @@ main {
 
     .work-wrapper {
         .row {
-            margin-bottom: 260px;
+            margin-bottom: 80px;
+            @media (min-width: 900px) {
+                margin-bottom: 260px;
+            }
+            
         }
         
         .latest-work-title {
             text-transform: uppercase;
             color: #716F73;
-            margin-bottom: 60px;
-            margin-top: 160px;
+            margin-bottom: 30px;
+            margin-top: 60px;
             font-size: 26px;
+            @media(min-width: 900px) {
+                margin-top: 160px;
+                margin-bottom: 60px;
+            }
 
         }
         .latest-title {
@@ -136,17 +181,24 @@ main {
                 padding: 6px 10px;
                 margin-right: 16px;
                 font-weight: 700;
+                margin-bottom: 10px;
+                display: inline-block;
             }
         }
         a.btn {
             margin-top: 64px;
+            margin-bottom: 40px;
         }
     }
     .what-ido {
+        h2 {
+            margin-bottom: 40px;
+        }
         .exp-title {
             font-weight: 700;
             font-size: 26px;
             padding-bottom: 9px;
+            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
         }
         .pb-80 {
             padding-bottom: 80px;
@@ -159,10 +211,16 @@ main {
             .exp-title {
                 font-weight: 700;
                 font-size: 24px;
+                padding-bottom: 0;
+                margin-bottom: 0;
             }
             .exp-company {
                 color:#716F73;
                 font-size: 14px;
+                margin-bottom: 15px;
+            }
+            ul {
+                padding-bottom: 40px;
             }
         }
     }
@@ -172,14 +230,22 @@ main {
 }
 footer {
     background-color: #F9EFE7;
-    margin: 20px;
-    padding: 50px 20px 140px;
+    padding: 30px 20px 20px;
     position: relative;
+    @media (min-width: 760px) {
+        padding: 50px 20px 20px;
+    }
+    .container {
+        padding: 0;
+        max-width: 1320px;
+        position: relative;
+        .row {
+            padding: 0;
+        }
+    }
     .social-icons {
-        float: right;
-        position: absolute;
-        bottom: 40px;
-        right: 230px;
+        margin-top: 75px;
+    
         .social {
             width: 35px;
             height: 35px;
@@ -188,22 +254,30 @@ footer {
             &:focus {
                 fill: black;
             }
+            @media (min-width: 760px) {
+                position: absolute;
+                bottom: 0;
+                right: 0;
+            }
         }
-        .linkedin:hover,
-        .linkedin:focus {
-            background:url('/assets/pictures/black-linkedin') no-repeat 0 0;
+        .social:nth-child(2) {
+            @media (min-width: 760px) {
+                right: 50px;
+            }
         }
     }
+    .footer-info {
+        padding: 5px;
+    }
     .contact-email {
         color: black !important;
-        font-weight: 700;
-        
+        font-weight: 700;   
     }
     .copyright {
-        position: absolute;
-        bottom: 20px;
-        left: 230px;
-        color:#716F73;
+        color:#6E6B70;
+        margin-top: 20px;
+        font-size: 14px;
+        width: auto;
+          
     }
-    
 }
\ No newline at end of file
diff --git a/_site/404.html b/_site/404.html
index f20afd1..8aba3fb 100644
--- a/_site/404.html
+++ b/_site/404.html
@@ -70,21 +70,26 @@ <h2 class="h1">Want to Work?</h2>
       </div>
       
   
-      <div class="col-md-6">
+      <div class="col-md-6 pt-2 footer-info">
   
         <div>
           <p>If you need a modern and powerful website for your business, startup or yourself, I am available for work. You can email me directly at <a class="contact-email" href="mailto:jhoude5@yahoo.com">jhoude5@yahoo.com</a></p>
         </div>
-        <div class="social-icons">
-          <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/">
-            <i class="fa-brands fa-linkedin fa-2xl"></i></a>
-          <a class="social" href="https://github.com/jhoude5">
-            <i class="fa-brands fa-github fa-2xl"></i></a>
-        </div>
+        
           
         
       </div>
-      <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      <div class="col-md-6"></div>
+      <div class="social-icons col-md-6">
+        <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/" aria-label="linkedin link">
+          <i class="fa-brands fa-linkedin fa-2xl"></i></a>
+        <a class="social" href="https://github.com/jhoude5" aria-label="github link">
+          <i class="fa-brands fa-github fa-2xl"></i></a>
+      </div>
+      <div class="copyright-wrapper">
+        <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      </div>
+      
     </div>
   </div>
   </footer></body>
diff --git a/_site/feed.xml b/_site/feed.xml
index b159520..1d2c618 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-04-11T16:40:02-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Jennifer Houde</title><subtitle>Portfolio</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2024-04-04T15:39:36-04:00</published><updated>2024-04-04T15:39:36-04:00</updated><id>http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-04-15T16:04:08-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Jennifer Houde</title><subtitle>Portfolio</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2024-04-04T15:39:36-04:00</published><updated>2024-04-04T15:39:36-04:00</updated><id>http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
 
 <p>Jekyll requires blog post files to be named according to the following format:</p>
 
diff --git a/_site/index.html b/_site/index.html
index dce5683..8542974 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -32,7 +32,7 @@
     <a class="site-title" rel="author" href="/">Jennifer Houde.</a>
     <nav class="site-nav">
         <input type="checkbox" id="nav-trigger" class="nav-trigger" />
-        <label for="nav-trigger">
+        <label class="nav-trigger-label" for="nav-trigger" aria-label="menu">
         <span class="menu-icon">
             <svg viewBox="0 0 18 15" width="18px" height="15px">
             <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
@@ -48,8 +48,8 @@
     </nav>
 </div>
         <div class="wrapper">
-          <div class="hero-cta row"><div class="col-8">
-            <h1>Hi, I’m Jennifer, <span class="highlight">Web Designer</span>, <span class="highlight">Web Developer</span> and <span class="highlight">Accessibility Specialist</span></h1>
+          <div class="hero-cta row"><div class="col-md-8">
+            <h1 class="pb-4">Hi, I’m Jennifer, <span class="highlight">Web Designer</span>, <span class="highlight">Web Developer</span> and <span class="highlight">Accessibility Specialist</span></h1>
             <p>I design and build beautiful websites for businesses around the globe. If you need a modern and powerful website, send me an email. If we are a good fit, I will give you a time and cost estimate.</p>
             <a class="btn btn-primary" href="#mywork">See my work</a>
           </div></div>
@@ -83,7 +83,7 @@ <h3 class="h1 latest-title">Team App website</h3>
             <a class="btn btn-primary" href="/projects/teamapp.html">See this project</a>
           </div>
           <div class="col-md-6">
-            <img src="assets/pictures/teamapp clip.jpg" alt="clip image of chatapp website"/>
+            <img src="assets/pictures/teamapp clip.jpg" alt="clip image of teamapp website"/>
           </div>
         </div>
         
@@ -94,9 +94,9 @@ <h3 class="h1 latest-title">Team App website</h3>
         <h2>What I Do</h2>
       </div>
       <div class="col-md-6">
-          <p class="exp-title">Development</p>
+          <h3 class="exp-title">Development</h3>
           <p class="pb-80">I build websites in Multiple different platforms, like Webflow, Drupal, Wordpress and more.  I can create responsive, powerful and fully custom websites. Plus, I am an Accessibility Specialist making sure your website is fully accessible to all.</p>
-          <p class="exp-title">Design</p>
+          <h3 class="exp-title">Design</h3>
           <p>I design beautiful and powerful websites for modern businesses. Any business today needs a website that wins customers’ trust and helps you do your business well. I make sure your website is up to that standard.</p>
         </div>
     </div>
@@ -112,21 +112,26 @@ <h2 class="h1">Want to Work?</h2>
       </div>
       
   
-      <div class="col-md-6">
+      <div class="col-md-6 pt-2 footer-info">
   
         <div>
           <p>If you need a modern and powerful website for your business, startup or yourself, I am available for work. You can email me directly at <a class="contact-email" href="mailto:jhoude5@yahoo.com">jhoude5@yahoo.com</a></p>
         </div>
-        <div class="social-icons">
-          <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/">
-            <i class="fa-brands fa-linkedin fa-2xl"></i></a>
-          <a class="social" href="https://github.com/jhoude5">
-            <i class="fa-brands fa-github fa-2xl"></i></a>
-        </div>
+        
           
         
       </div>
-      <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      <div class="col-md-6"></div>
+      <div class="social-icons col-md-6">
+        <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/" aria-label="linkedin link">
+          <i class="fa-brands fa-linkedin fa-2xl"></i></a>
+        <a class="social" href="https://github.com/jhoude5" aria-label="github link">
+          <i class="fa-brands fa-github fa-2xl"></i></a>
+      </div>
+      <div class="copyright-wrapper">
+        <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      </div>
+      
     </div>
   </div>
   </footer>
diff --git a/_site/jekyll/update/2024/04/04/welcome-to-jekyll.html b/_site/jekyll/update/2024/04/04/welcome-to-jekyll.html
index 8ab3084..b6a81bc 100644
--- a/_site/jekyll/update/2024/04/04/welcome-to-jekyll.html
+++ b/_site/jekyll/update/2024/04/04/welcome-to-jekyll.html
@@ -81,21 +81,26 @@ <h2 class="h1">Want to Work?</h2>
       </div>
       
   
-      <div class="col-md-6">
+      <div class="col-md-6 pt-2 footer-info">
   
         <div>
           <p>If you need a modern and powerful website for your business, startup or yourself, I am available for work. You can email me directly at <a class="contact-email" href="mailto:jhoude5@yahoo.com">jhoude5@yahoo.com</a></p>
         </div>
-        <div class="social-icons">
-          <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/">
-            <i class="fa-brands fa-linkedin fa-2xl"></i></a>
-          <a class="social" href="https://github.com/jhoude5">
-            <i class="fa-brands fa-github fa-2xl"></i></a>
-        </div>
+        
           
         
       </div>
-      <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      <div class="col-md-6"></div>
+      <div class="social-icons col-md-6">
+        <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/" aria-label="linkedin link">
+          <i class="fa-brands fa-linkedin fa-2xl"></i></a>
+        <a class="social" href="https://github.com/jhoude5" aria-label="github link">
+          <i class="fa-brands fa-github fa-2xl"></i></a>
+      </div>
+      <div class="copyright-wrapper">
+        <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      </div>
+      
     </div>
   </div>
   </footer></body>
diff --git a/_site/resume.html b/_site/resume.html
index 830215c..4f1e4cd 100644
--- a/_site/resume.html
+++ b/_site/resume.html
@@ -26,13 +26,13 @@
 <link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="Jennifer Houde" />
 </head>
 <body>
-    <header class="site-header" role="banner">
+    <header class="site-header resume-wrapper" role="banner">
 
         <div class="wrapper nav-wrapper">
     <a class="site-title" rel="author" href="/">Jennifer Houde.</a>
     <nav class="site-nav">
         <input type="checkbox" id="nav-trigger" class="nav-trigger" />
-        <label for="nav-trigger">
+        <label class="nav-trigger-label" for="nav-trigger" aria-label="menu">
         <span class="menu-icon">
             <svg viewBox="0 0 18 15" width="18px" height="15px">
             <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
@@ -48,12 +48,12 @@
     </nav>
 </div>
             <div class="wrapper">
-              <div class="hero-cta row"><div class="col-8">
+              <div class="hero-cta row">
                 <h1>My Resume</h1>
-              </div></div>
+              </div>
             </div>
       </header>
-<main class="page-content" aria-label="Content">
+<main class="page-content resume-wrapper" aria-label="Content">
     
     <div class="wrapper resume">
         <div class="work">
@@ -83,7 +83,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Programmer and Solution Analyst</p>
-          <span class="exp-company">OpenPlus - Ottawa 09/2023 - 11/2023</span>
+          <p class="exp-company">OpenPlus - Ottawa 09/2023 - 11/2023</p>
           <ul>
             <li>Worked on Drupal 9 and Drupal 10 site for multiple Government of Canada site using the Wxt Distribution</li>
             <li>Performed system analysis, documentation, testing, implementation, and user support for platform transitions.</li>
@@ -92,7 +92,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Web Engineer and Accessibility Specialist</p>
-          <span class="exp-company">CivicActions, Inc - California 11/2020 - 08/2023</span>
+          <p class="exp-company">CivicActions, Inc - California 11/2020 - 08/2023</p>
           <ul>
             <li>Collected, defined, and translated user requirements into project designs and implementation plans for the development of Governement Drupal 7 and Drupal 8 Sites and Moodle sites using the USWDS theme</li>
             <li>Acted as tech lead for multiple projects.</li>
@@ -101,7 +101,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Web Developer</p>
-          <span class="exp-company">OpenConcept - Ottawa 03/2020 - 11/2020</span>
+          <p class="exp-company">OpenConcept - Ottawa 03/2020 - 11/2020</p>
           <ul>
             <li>Architecting, designing, and implementing new features on multiple Drupal 8 Sites using the Wxt Distribution.</li>
             <li>Created site documentation and accessible documents.</li>
@@ -109,7 +109,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Web Developer</p>
-          <span class="exp-company">OPIN - Ottawa 06/2018 - 03/2020</span>
+          <p class="exp-company">OPIN - Ottawa 06/2018 - 03/2020</p>
           <ul>
             <li>Architecting, designing, and implementing new features on multiple Drupal 8 sites.</li>
             <li>Multi-tasked across multiple functions and roles to meet deadlines and organizational expectations.</li>
@@ -131,21 +131,26 @@ <h2 class="h1">Want to Work?</h2>
       </div>
       
   
-      <div class="col-md-6">
+      <div class="col-md-6 pt-2 footer-info">
   
         <div>
           <p>If you need a modern and powerful website for your business, startup or yourself, I am available for work. You can email me directly at <a class="contact-email" href="mailto:jhoude5@yahoo.com">jhoude5@yahoo.com</a></p>
         </div>
-        <div class="social-icons">
-          <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/">
-            <i class="fa-brands fa-linkedin fa-2xl"></i></a>
-          <a class="social" href="https://github.com/jhoude5">
-            <i class="fa-brands fa-github fa-2xl"></i></a>
-        </div>
+        
           
         
       </div>
-      <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      <div class="col-md-6"></div>
+      <div class="social-icons col-md-6">
+        <a class="social" href="https://www.linkedin.com/in/jennifer-houde-81119a91/" aria-label="linkedin link">
+          <i class="fa-brands fa-linkedin fa-2xl"></i></a>
+        <a class="social" href="https://github.com/jhoude5" aria-label="github link">
+          <i class="fa-brands fa-github fa-2xl"></i></a>
+      </div>
+      <div class="copyright-wrapper">
+        <p class="copyright">© All rights reserved – Jennifer Houde</p>
+      </div>
+      
     </div>
   </div>
   </footer>
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..f1265bce8c4fa0a54e4b7f6a4df1ac1cc3ed7b85
GIT binary patch
literal 6148
zcmeHK%Sr=55Ukc57QE!>ael!+7((&|`vZcC2ofclocEOP^3$w-Acl<>!HZNwcg^&4
z&9Zga-UeW+{rwHF1TfGYar7`ZKX;$mMP-ag=N)_O@PN0&xZBRE&nKKa;1y4}!~1vs
z^UL-z?>$dcRtiV~DIf);fE4(Z0^WOR!&Rc96p#W^;7bAjJ~X;xFPswN)4>oU0CB-|
z7}qgN5Su56y>LoohGt16Ce>=hu%t8Js;(DKiAjgm@L~02s|m&8>Ab&1IjkotN&zWw
zs=#G#m)`$3^dIK`Q<8R4KnnaT1#Gb%*DJnK_14+Td9Q8sTe{bL(A~HW3PZGGVzgs!
gyd7UhQPwqI^Sl>Mi9u&R=tTVtxGpj&@Yf1_0tXNk#{d8T

literal 0
HcmV?d00001

diff --git a/css/styles.scss b/css/styles.scss
new file mode 100644
index 0000000..f69c7a7
--- /dev/null
+++ b/css/styles.scss
@@ -0,0 +1,4 @@
+---
+
+---
+@import 'base';
\ No newline at end of file
diff --git a/index.html b/index.html
index bfebe99..622d57b 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,8 @@
 
     {% include navbar.html %}
         <div class="wrapper">
-          <div class="hero-cta row"><div class="col-8">
-            <h1>Hi, I’m Jennifer, <span class="highlight">Web Designer</span>, <span class="highlight">Web Developer</span> and <span class="highlight">Accessibility Specialist</span></h1>
+          <div class="hero-cta row"><div class="col-md-8">
+            <h1 class="pb-4">Hi, I’m Jennifer, <span class="highlight">Web Designer</span>, <span class="highlight">Web Developer</span> and <span class="highlight">Accessibility Specialist</span></h1>
             <p>I design and build beautiful websites for businesses around the globe. If you need a modern and powerful website, send me an email. If we are a good fit, I will give you a time and cost estimate.</p>
             <a class="btn btn-primary" href="#mywork">See my work</a>
           </div></div>
@@ -44,7 +44,7 @@ <h3 class="h1 latest-title">Team App website</h3>
             <a class="btn btn-primary" href="/projects/teamapp.html">See this project</a>
           </div>
           <div class="col-md-6">
-            <img src="assets/pictures/teamapp clip.jpg" alt="clip image of chatapp website"/>
+            <img src="assets/pictures/teamapp clip.jpg" alt="clip image of teamapp website"/>
           </div>
         </div>
         
@@ -55,9 +55,9 @@ <h3 class="h1 latest-title">Team App website</h3>
         <h2>What I Do</h2>
       </div>
       <div class="col-md-6">
-          <p class="exp-title">Development</p>
+          <h3 class="exp-title">Development</h3>
           <p class="pb-80">I build websites in Multiple different platforms, like Webflow, Drupal, Wordpress and more.  I can create responsive, powerful and fully custom websites. Plus, I am an Accessibility Specialist making sure your website is fully accessible to all.</p>
-          <p class="exp-title">Design</p>
+          <h3 class="exp-title">Design</h3>
           <p>I design beautiful and powerful websites for modern businesses. Any business today needs a website that wins customers’ trust and helps you do your business well. I make sure your website is up to that standard.</p>
         </div>
     </div>
diff --git a/projects/chatapp.html b/projects/chatapp.html
index 0cd48e3..d73f78b 100644
--- a/projects/chatapp.html
+++ b/projects/chatapp.html
@@ -18,7 +18,7 @@ <h1 class="project-title">Chat App Website </h1>
 <main class="page-content" aria-label="Content">
     
     <div class="wrapper project-image">
-        <img src="../assets/pictures/chatapp.jpg"
+        <img src="../assets/pictures/chatapp.jpg" alt="chat app website image"/>
     </div>
 
 </main>
diff --git a/projects/teamapp.html b/projects/teamapp.html
index 22ca7c4..fa557ee 100644
--- a/projects/teamapp.html
+++ b/projects/teamapp.html
@@ -17,7 +17,7 @@ <h1 class="project-title">Team App Website </h1>
 <main class="page-content" aria-label="Content">
     
     <div class="wrapper project-image">
-        <img src="../assets/pictures/teamapp.jpg"
+        <img src="../assets/pictures/teamapp.jpg" atl="team app image"/>
     </div>
 
 </main>
diff --git a/resume.html b/resume.html
index 4562b16..ea02e5a 100644
--- a/resume.html
+++ b/resume.html
@@ -5,16 +5,16 @@
 <html lang="en">
     {% include head.html %}
 <body>
-    <header class="site-header" role="banner">
+    <header class="site-header resume-wrapper" role="banner">
 
         {% include navbar.html %}
             <div class="wrapper">
-              <div class="hero-cta row"><div class="col-8">
+              <div class="hero-cta row">
                 <h1>My Resume</h1>
-              </div></div>
+              </div>
             </div>
       </header>
-<main class="page-content" aria-label="Content">
+<main class="page-content resume-wrapper" aria-label="Content">
     
     <div class="wrapper resume">
         <div class="work">
@@ -44,7 +44,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Programmer and Solution Analyst</p>
-          <span class="exp-company">OpenPlus - Ottawa 09/2023 - 11/2023</span>
+          <p class="exp-company">OpenPlus - Ottawa 09/2023 - 11/2023</p>
           <ul>
             <li>Worked on Drupal 9 and Drupal 10 site for multiple Government of Canada site using the Wxt Distribution</li>
             <li>Performed system analysis, documentation, testing, implementation, and user support for platform transitions.</li>
@@ -53,7 +53,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Web Engineer and Accessibility Specialist</p>
-          <span class="exp-company">CivicActions, Inc - California 11/2020 - 08/2023</span>
+          <p class="exp-company">CivicActions, Inc - California 11/2020 - 08/2023</p>
           <ul>
             <li>Collected, defined, and translated user requirements into project designs and implementation plans for the development of Governement Drupal 7 and Drupal 8 Sites and Moodle sites using the USWDS theme</li>
             <li>Acted as tech lead for multiple projects.</li>
@@ -62,7 +62,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Web Developer</p>
-          <span class="exp-company">OpenConcept - Ottawa 03/2020 - 11/2020</span>
+          <p class="exp-company">OpenConcept - Ottawa 03/2020 - 11/2020</p>
           <ul>
             <li>Architecting, designing, and implementing new features on multiple Drupal 8 Sites using the Wxt Distribution.</li>
             <li>Created site documentation and accessible documents.</li>
@@ -70,7 +70,7 @@ <h2>My Work Experience</h2>
         </div>
         <div>
           <p class="exp-title">Web Developer</p>
-          <span class="exp-company">OPIN - Ottawa 06/2018 - 03/2020</span>
+          <p class="exp-company">OPIN - Ottawa 06/2018 - 03/2020</p>
           <ul>
             <li>Architecting, designing, and implementing new features on multiple Drupal 8 sites.</li>
             <li>Multi-tasked across multiple functions and roles to meet deadlines and organizational expectations.</li>