From bab5a03d2311fc078943113217fe43800ff66be2 Mon Sep 17 00:00:00 2001
From: Raghu-Ch <raghu6004@gmail>
Date: Mon, 17 Sep 2018 18:53:16 -0400
Subject: [PATCH] modify home page content

---
 src/app/home/home.component.css  | 18 ++++++++++++------
 src/app/home/home.component.html | 21 ++++++++++++++-------
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index 02c46d3..03bcc35 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -31,12 +31,18 @@
   align-items: center;
 }
 
-.social {
-  display: flex;
-  flex-wrap: wrap;
-  align-content: space-around;
-}
-
 h3>i {
   letter-spacing: 8px;
 }
+
+#note {
+  padding: 8px;
+  text-align: center;
+  color: deeppink;
+}
+
+.social {
+  color: #202124;
+  font-size: 14px;
+  text-decoration: none;
+}
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index c2be0cb..627448b 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,4 +1,4 @@
-<div class="viewer" fxLayout="column">
+<div class="viewer" fxLayout="column" fxLayoutGap=30px>
   <div class="view-wrapper">
     <div class="viewer-title">
       <h3><i>Awesome - Your dream's come true !!</i></h3>
@@ -6,14 +6,21 @@
     <div class="viwer-body" fxLayout="row">
       <img fxFlex=50 src="../../assets/images/wood-3157395_640.jpg" alt="Photo of a Shiba Inu">
       <div fxFlex=50 class="viewer-section">
-        <span>
-          Developed By: @Raghu Chagarlamudi
-          <div class="social" fxLayout="row">
-            <mat-icon class="viewer-section" fxFlex=50>code</mat-icon>
-            <mat-icon class="viewer-section" fxFlex=50>code</mat-icon>
+        <div fxLayout="column" fxLayoutGap='30px'>
+          <span>
+            Developed By: @Raghu Chagarlamudi
+          </span>
+          <div fxLayout="row">
+            <!-- <mat-icon class="viewer-section" fxFlex=50>code</mat-icon>
+                <mat-icon class="viewer-section" fxFlex=50>code</mat-icon> -->
+            <a class="social" target="_blank" fxFlex=50 fxLayoutAlign="center" href="https://github.com/Raghu-Ch">Github</a>
+            <a class="social" target="_blank" fxFlex=50 fxLayoutAlign="center" href="https://twitter.com/ng_raghuch?lang=en">Twitter</a>
           </div>
-        </span>
+        </div>
       </div>
     </div>
   </div>
+  <div id="note" class="view-wrapper">
+    <p><strong>Note: For login - Please use user name as 'Admin' and use any password</strong></p>
+  </div>
 </div>