From 1c6b6ad4e36c236bb04ab77664755bd4d5703f52 Mon Sep 17 00:00:00 2001
From: Mumshad Mannambeth <mmumshad@gmail.com>
Date: Sun, 11 Jun 2017 12:39:05 -0400
Subject: [PATCH] Update Main landing page.

---
 client/app/app.css        |  5 ++++-
 client/app/main/main.css  |  3 ++-
 client/app/main/main.html | 18 ++++++++++--------
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/client/app/app.css b/client/app/app.css
index f8b1350..ef9b722 100644
--- a/client/app/app.css
+++ b/client/app/app.css
@@ -127,5 +127,8 @@
   color: #333;
 }
 
-.ace_editor { height: 800px; }
+.ace_editor {
+  height: 800px;
+  font-family: Consolas;
+}
 
diff --git a/client/app/main/main.css b/client/app/main/main.css
index a26237a..093cf6d 100644
--- a/client/app/main/main.css
+++ b/client/app/main/main.css
@@ -29,6 +29,7 @@
 
 
 
-div {
+body {
   font-family: 'ExpletusSans-Regular';
 }
+
diff --git a/client/app/main/main.html b/client/app/main/main.html
index 0972085..4a29fca 100644
--- a/client/app/main/main.html
+++ b/client/app/main/main.html
@@ -9,7 +9,7 @@
 <div class="container">
   <div class="features-unit">
     <div class="row" style="margin-top:50px;">
-      <div class="col-md-6 ">
+      <div class="col-md-6 " style="align-content: center;text-align: center;">
         <img  class="md-whiteframe-21dp" src="assets/images/Computer-icon.png">
       </div>
       <div class="col-md-6 " style="text-align: left;">
@@ -37,9 +37,9 @@
       </div>
 
     </div>
-    <div class="row" style="margin-top:50px;">
+    <div class="row" style="margin-top:50px;align-content: center;text-align: center;">
       <div class="col-lg-6  ">
-        <img class="md-whiteframe-21dp" src="assets/images/play-folded-icon.png">
+        <img class="md-whiteframe-21dp" width="30%" src="assets/images/play-folded-icon.png">
       </div>
       <div class="col-lg-6 " style="text-align: left;">
         <h2><i class="fa fa-play-circle-o" aria-hidden="true"></i> Play!</h2>
@@ -62,8 +62,8 @@
           <i class="fa fa-check-square-o fa-2x" aria-hidden="true" style="color: #ffa800"></i> Test Custom Modules with sample data <br>
         </ul>
       </div>
-      <div class="col-lg-6 ">
-        <img class="md-whiteframe-21dp" src="assets/images/Settings-icon.png" >
+      <div class="col-lg-6 " style="align-content: center;text-align: center;">
+        <img class="md-whiteframe-21dp" width="30%" src="assets/images/Settings-icon.png" >
       </div>
 
     </div>
@@ -71,7 +71,7 @@
 
 </div>
 
-<div style="color:black;padding-top:20px;padding-bottom:50px;">
+<div style="color: #2e3b45;margin-top:10px;padding-top:20px;padding-bottom:50px;background: #fabc3d;">
   <div class="container" >
     <div>
 
@@ -98,8 +98,10 @@
       <div layout="row" layout-align="center" class="layout-align-center-stretch layout-row">
         <div layout="column" layout-align="center" style="text-align: center;margin-left:30px;margin-right:30px;" class="layout-align-center-stretch layout-column">
           <h3>Mumshad Mannambeth</h3>
-          <br><i class="fa fa-send" aria-hidden="true"></i> <a href="mailto:mmumshad@gmail.com">  mmumshad@gmail.com </a>
-          <br><i class="fa fa-twitter" aria-hidden="true"></i> <a href="https://twitter.com/mmumshad">  @mmumshad </a>
+          <i class="fa fa-send" aria-hidden="true"></i> <a href="mailto:mmumshad@gmail.com">  mmumshad@gmail.com </a>
+          <i class="fa fa-twitter" aria-hidden="true"></i> <a href="https://twitter.com/mmumshad">  @mmumshad </a>
+          <br>
+          I am a Cloud Computing Solutions Architect and an Ansible Enthusiast. This is a fun project that I think will help Ansible users. I Look forward to working with you in maintaining and improving this open-source platform.
         </div>
       </div>
       <div layout="row" layout-align="center" style="text-align: center;margin-top:30px;" class="layout-align-center-stretch layout-row">