Added code for Projects page and worked on styles for Volunteer page.

Author: danekolsen

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}

assets/css/global.css

@@ -3,7 +3,7 @@
   padding: 0;
   margin: 0;
   box-sizing: border-box;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   color: white;
   // outline: 1px solid white; //uncomment this line to diagnose position issues
 }
@@ -27,6 +27,10 @@ h1 {
   text-align: center;
 }
 
+a {
+  text-decoration: none;
+}
+
 h2 {
   background-color: #222222;
   padding: 0px 10px;
@@ -62,6 +66,18 @@ h3 {
   }
 }
 
+.h3_wrap {
+  &::before {
+    content: "";
+    height: 90%;
+    width: 7px;
+    background-color: $accent-color;
+    position: absolute;
+    left: -12px;
+    top: 4px;
+  }
+}
+
 p {
   font-size: 100%;
   line-height: 2;
@@ -132,7 +148,7 @@ p {
     margin-left: 0px;
 
     &::before {
-      content: '';
+      content: "";
       height: 30px;
       width: 9px;
       background-color: $accent-color;
@@ -151,7 +167,7 @@ p {
 
 @media (min-width: 600px) and (orientation: portrait) {
   .text-content {
-    width: 85%;
+    width: 75%;
   }
 
   p {
@@ -215,6 +231,4 @@ p {
 // XL DESKTOP *******************************************************************
 
 @media (min-width: 1800px) {
-  .container {
-  }
 }

assets/css/global.css.map

@@ -0,0 +1,27 @@
+#projects-title {
+  height: 200px;
+  width: 100%;
+  background: url(../img/hero_img/abstractbaseball.jpg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  margin-bottom: 20px;
+  position: relative;
+
+  h1 {
+    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9));
+    font-size: 50px;
+    width: 85%;
+    position: absolute;
+    left: 0px;
+    bottom: -25px;
+  }
+}
+
+.projectsIntro {
+  margin-top: 100px;
+}
+
+#our-work {
+  margin-top: 0px;
+}