From ad0f9d13fda05097206972f1053ac10459afaf5c Mon Sep 17 00:00:00 2001
From: mizutombo <thomas.shultz52@gmail.com>
Date: Fri, 6 Jan 2017 12:23:27 -0800
Subject: [PATCH] adds styling to about page

---
 app/src/components/about/about.html | 11 +++++------
 app/src/scss/main.scss              | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/app/src/components/about/about.html b/app/src/components/about/about.html
index 0c62ef1..881b570 100644
--- a/app/src/components/about/about.html
+++ b/app/src/components/about/about.html
@@ -1,11 +1,10 @@
-<section>
-  <h2>About TechFolio</h2>
-  <br/>
-  <p>The TechFolio app is a personal portfolio tool for software developers.
+<section class="boxes boxshadow">
+  <h2 class="about">About TechFolio</h2>
+  <p class="about1">The TechFolio app is a personal portfolio tool for software developers.
   This app provides the user with a single-page app that consolidates, exchanges, and updates personal data with Github, LinkedIn, and Twitter. This app will also enable the user to further expand the site's capabilities with additional social media and blog sites.
-
+  <br/><br/>
   For Github, the app will enable users to list all of their repositories, with the ability to select / de-select specific projects to display. As a stretch goal for our Github feature, the app will display the user's most recent project commits; incorporating Github's activity heat-map display and tweeting this activity via Twitter.
-
+  <br/><br/>
   For LinkedIn, the app will enable users to update and display their LinkedIn profiles; incorporating API-available data such as the user's photo, work history, personal profile information, etc.
   </p>
 </section>
diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index 1351068..bbfe26f 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -85,6 +85,21 @@ input {
   width: 600px;
 }
 
+.about {
+  color: black;
+  margin-left: 45px;
+  margin-right: 45px;
+}
+
+.about1 {
+  color: black;
+  font-family: 'Raleway', sans-serif;
+  font-size: 20px;
+  font-weight: 600;
+  margin-left: 45px;
+  margin-right: 45px;
+}
+
 // buttons styling
 
 .dashboard {