diff --git a/.gitignore b/.gitignore
index 2c32e63..0e80eda 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,5 @@ npm-debug.log
 /priv/static/
 .env
 .elixir_ls
+*.iml
+.idea
\ No newline at end of file
diff --git a/assets/package-lock.json b/assets/package-lock.json
index ba1d0d4..7468ee0 100644
--- a/assets/package-lock.json
+++ b/assets/package-lock.json
@@ -4119,8 +4119,7 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -4141,14 +4140,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -4163,20 +4160,17 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -4293,8 +4287,7 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "ini": {
           "version": "1.3.5",
@@ -4306,7 +4299,6 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -4321,7 +4313,6 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -4329,14 +4320,12 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -4355,7 +4344,6 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -4436,8 +4424,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -4449,7 +4436,6 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -4535,8 +4521,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -4572,7 +4557,6 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -4592,7 +4576,6 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -4636,14 +4619,12 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         }
       }
     },
diff --git a/assets/static/.DS_Store b/assets/static/.DS_Store
new file mode 100644
index 0000000..6d2a5f6
Binary files /dev/null and b/assets/static/.DS_Store differ
diff --git a/assets/static/images/.DS_Store b/assets/static/images/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/assets/static/images/.DS_Store differ
diff --git a/assets/static/images/favicon.ico b/assets/static/images/favicon.ico
new file mode 100644
index 0000000..a59308e
Binary files /dev/null and b/assets/static/images/favicon.ico differ
diff --git a/lib/app_web/templates/page/index.html.eex b/lib/app_web/templates/page/index.html.eex
index 5855d5d..893a98d 100644
--- a/lib/app_web/templates/page/index.html.eex
+++ b/lib/app_web/templates/page/index.html.eex
@@ -1,7 +1,33 @@
 <section class="phx-hero">
   <h1>Welcome to Awesome App!</h1>
   <p>To get started, login to your Google Account: <p>
+
   <a href="<%= @oauth_google_url %>">
     <img src="https://i.imgur.com/Kagbzkq.png" alt="Sign in with Google" />
   </a>
+
+  <div style="display:flex; flex-direction:column; width:368px; margin-left:133px;">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
+
+    <a href="<%= @oauth_google_url %>"
+      style="display:inline-flex; align-items:center; min-height:50px;
+        background-color:#4285F4; font-family:'Roboto',sans-serif;
+        font-size:28px; color:white; text-decoration:none;
+        margin-top: 12px">
+        <div style="background-color: white; margin:2px; padding-top:18px; padding-bottom:6px; min-height:59px; width:72px">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 533.5 544.3"
+          width="52px" height="35" style="display:inline-flex; align-items:center;" >
+          <path d="M533.5 278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1 33.8-25.7 63.7-54.4 82.7v68h87.7c51.5-47.4 81.1-117.4 81.1-200.2z" fill="#4285f4"/>
+          <path d="M272.1 544.3c73.4 0 135.3-24.1 180.4-65.7l-87.7-68c-24.4 16.6-55.9 26-92.6 26-71 0-131.2-47.9-152.8-112.3H28.9v70.1c46.2 91.9 140.3 149.9 243.2 149.9z" fill="#34a853"/>
+          <path d="M119.3 324.3c-11.4-33.8-11.4-70.4 0-104.2V150H28.9c-38.6 76.9-38.6 167.5 0 244.4l90.4-70.1z" fill="#fbbc04"/>
+          <path d="M272.1 107.7c38.8-.6 76.3 14 104.4 40.8l77.7-77.7C405 24.6 339.7-.8 272.1 0 169.2 0 75.1 58 28.9 150l90.4 70.1c21.5-64.5 81.8-112.4 152.8-112.4z" fill="#ea4335"/>
+        </svg>
+      </div>
+      <div style="margin-left: 27px;">
+        Sign in with Google
+      </div>
+    </a>
+
+  <div>
+
 </section>