diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 3996c94..0382af3 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,126 +1,324 @@
-<div class="home-section1">
-  <section class="section1 container">
-    <div class="home-banner">
-      <h1 class="home-heading">Cynthesize is a place to turn your ideas into projects.</h1>
-      <p class="home-description">
-        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum, dolor sit amet.
-      </p>
-      <mat-card class="home-community">
-        <h2 class="home-description">Wanna join the community?</h2>
-        <button mat-raised-button color="primary" class="community-button">See active projects</button>
-        <button mat-raised-button color="primary" class="community-button">Ideate with the community</button>
-      </mat-card>
-    </div>
-    <div class="home-banner-image">
-      <img src="../../assets/images/building.svg" />
-    </div>
-  </section>
-</div>
-<div class="container">
-  <section class="top-margin-120">
-    <div class="home-content">
-      <h1 class="home-heading">What do we do?</h1>
-      <p class="home-description">
-        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum, dolor sit amet.
-      </p>
-    </div>
-    <div class="home-info-cards">
-      <mat-card class="home-card">
-        <mat-card-content>
-          <p class="card-heading">START PROJECTS</p>
-          <p class="home-description">
-            Turn out your idea into product by sharing it here. The activities began in hackathons and side tasks, the
-            project that you started but are incomplete yet can be share and could be transform into real one.
-          </p>
-        </mat-card-content>
-        <mat-divider></mat-divider>
-        <mat-card-actions>
-          <button mat-button style="width:100%;">Create a project</button>
-        </mat-card-actions>
-      </mat-card>
-      <mat-card class="home-card">
-        <mat-card-content>
-          <p class="card-heading">IDEATE WITH OTHERS</p>
-          <p class="home-description">
-            We intend to give all our users a springboard that mechanizes the procedure of going from idea to product.
-            This is where you continuously build and break your product, and gain constant feedback with improvements
-            suggested by the certified mentor experts and move towards your first Series A funding!
-          </p>
-        </mat-card-content>
-        <mat-divider></mat-divider>
-        <mat-card-actions>
-          <button mat-button style="width:100%;">Submit your idea</button>
-        </mat-card-actions>
-      </mat-card>
-      <mat-card class="home-card">
-        <mat-card-content>
-          <p class="card-heading">COLLABORATE</p>
-          <p class="home-description">
-            Refine your product and go towards market readiness (MVPs/MPPs) by collaborating it with the perfect
-            guidelines of the mentor and with others to get the best out of it and to have a number of different
-            perspectives about the project.
-          </p>
-        </mat-card-content>
-        <mat-divider></mat-divider>
-        <mat-card-actions>
-          <button mat-button style="width:100%;">Find projects</button>
-        </mat-card-actions>
-      </mat-card>
-      <mat-card class="home-card">
-        <mat-card-content>
-          <p class="card-heading">BECOME A MENTOR</p>
-          <p class="home-description">
-            Put your finger on the pulse of budding entrepreneurs and pass on the knowledge you have learned by
-            mentoring them in the process of idea to product. There is little more rewarding than knowing you are making
-            a difference to someone else’s effort and toil!
-          </p>
-        </mat-card-content>
-        <mat-divider></mat-divider>
-        <mat-card-actions>
-          <button mat-button style="width:100%;">Apply</button>
-        </mat-card-actions>
-      </mat-card>
-      <mat-card class="home-card">
-        <mat-card-content>
-          <p class="card-heading">SEE PROJECTS</p>
-          <p class="home-description">
-            Let the world know what you’re up to and give them a chance to get to know about you and your project by
-            publishing it! Explore your ideas and projects to make them more successful.
-          </p>
-        </mat-card-content>
-        <mat-divider></mat-divider>
-        <mat-card-actions>
-          <button mat-button style="width:100%;">Published projects</button>
-        </mat-card-actions>
-      </mat-card>
-    </div>
-  </section>
-</div>
-<section class="home-section center-divs">
-  <div class="container contact">
-    <div class="home-content-contact">
-      <h1 class="home-contact-heading">Get in Touch</h1>
-      <p class="home-contact-description">
-        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusantium eius voluptatibus, exercitationem cum
-        veritatis
-      </p>
-    </div>
-    <div class="home-contact-icons center-divs">
-      <div class="icons">
-        <mat-icon class="social-icon">email</mat-icon>
-        <div class="icon-details">cynthesize.tech@gmail.com</div>
-        <div class="icon-name">Email</div>
-      </div>
-      <div class="icons">
-        <img class="social-icon" src="../../assets/logos/social/twitter-logo.svg" />
-        <div class="icon-details">@CynthesizeTech</div>
-        <div class="icon-name">Twitter</div>
-      </div>
-      <div class="icons">
-        <img class="social-icon" src="../../assets/logos/social/facebook-logo.svg" />
-        <div class="icon-details">cynthesizetech</div>
-        <div class="icon-name">Facebook</div>
-      </div>
-    </div>
-  </div>
-</section>
+<!DOCTYPE html>
+<html>
+<head>
+  <title>home</title>
+  <style type="text/css">
+  body{
+    background-color: white;
+  }
+.home-content {
+  width: 425px;
+  margin: 0 auto;
+  padding: 80px 0;
+  text-align: center;
+}
+
+.home-description {
+  font-size: 1rem;
+  font-weight: 500;
+  color:black;
+}
+
+h2.log-in {
+  font-size: 1rem;
+  font-weight: 500;
+  color:#0264fb;
+}
+
+.home-heading {
+  font-size: 1.4rem;
+  color: #0264fb;
+}
+
+.home-heading2 {
+  font-size: 2.5rem;
+  color: #0264fb;
+}
+
+.home-card {
+  display: inline-block;
+  flex-basis: 17%;
+  text-align: center;
+  margin: 10px;
+}
+
+@media screen and (max-width: 1134px) {
+  .home-info-cards {
+    flex-direction: column;
+  }
+}
+
+.home-contact-heading {
+  font-size: 2rem;
+  color: #0264fb;
+  line-height: 6rem;
+}
+
+.home-contact-description {
+  font-size: 1rem;
+  color: black;
+}
+
+.home-content-contact {
+  display: inline-block;
+  width: 50%;
+}
+
+.home-section {
+  height: 300px;
+  background-color: white;
+}
+
+.home-contact-icons {
+  width: 50%;
+  margin-left: 40px;
+}
+
+.icons {
+  display: inline-block;
+  margin: 0 20px;
+  text-align: center;
+}
+
+.social-icon {
+  width: 40px;
+  margin: 10px;
+  border-radius: 0%;
+  font-size: 3rem;
+}
+
+.contact {
+  display: flex;
+  justify-content: center;
+  align-items: baseline;
+}
+
+.icon-details {
+  font-size: 0.8rem;
+  color: #0264fb;
+}
+
+.icon-name {
+  font-size: 1rem;
+  color: grey;
+}
+
+.card-heading {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 20px;
+  font-weight: 500;
+}
+
+.home-info-cards {
+  display: flex;
+  justify-content: space-around;
+}
+
+.section1 {
+  display: flex;
+}
+
+.home-banner {
+  display: flex;
+  flex-direction: column;
+  margin-left: 20px;
+}
+
+.home-section1 {
+  background-color: white;
+  padding: 125px 0;
+}
+
+.home-community {
+  text-align: center;
+  width: 400px;
+  margin: 40px auto 0 auto;
+}
+
+.community-button {
+  width: 100%;
+  margin-top: 10px;
+  border-radius:10px;
+  border:none;
+}
+.community-button:hover {
+ background-color: black;
+ color:#0264fb;
+ font-weight: 600;
+}
+
+.home-banner-image{
+  margin-left:15%;
+}
+
+.mat-button:hover {
+    font-weight: 600;
+    z-index: 1;
+}
+
+.home-card:nth-child(odd):hover{
+  background-color: #0264fb;
+  color: white;
+}
+
+.home-card:nth-child(odd):hover .home-description{
+  color: white;
+}
+
+.home-card:nth-child(even):hover{
+  background-color: orange;
+  color: white;
+}
+
+.home-card:nth-child(even):hover .home-description{
+  color: white;
+}
+
+.curve{
+  width: 100%;
+}
+
+section.top-margin-120{
+  {
+    margin: 40px 0;
+  }
+
+
+
+  </style>
+</head>
+<body>
+  <div class="home-section1">
+  <section class="section1 container">
+    <div class="home-banner">
+      <h1 class="home-heading">Cynthesize is a place to turn your ideas into projects.</h1><br>
+      <p class="home-description">
+        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum, dolor sit amet.
+      </p>
+      <mat-card class="home-community" >
+        <h2 class="home-description" class="log-in">Wanna be part of us?</h2>
+        <button mat-raised-button color="primary" class="community-button">Log In with Google</button>
+        <button mat-raised-button color="primary" class="community-button">Log In with Facebook</button>
+      </mat-card>
+    </div>
+    <div class="home-banner-image">
+      <img src="../../assets/images/building.svg" />
+    </div>
+    
+  </section>
+</div>
+<img class="curve" src="../../assets/logos/social/full2.png" />
+<div class="container">
+  <section class="top-margin-120">
+    <div class="home-content">
+      <h1 class="home-heading2">What do we do?</h1><br>
+      <p class="home-description">
+        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum, dolor sit amet.
+      </p>
+    </div>
+    <div class="home-info-cards">
+      <mat-card class="home-card">
+        <mat-card-content>
+          <p class="card-heading">START PROJECTS</p>
+          <p class="home-description">
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+          </p>
+        </mat-card-content><br><br><br><br>
+        <mat-divider></mat-divider>
+        <mat-card-actions>
+          <button mat-button class="mat-button" style="width:100%;">Create a project</button>
+        </mat-card-actions>
+      </mat-card>
+      <mat-card class="home-card">
+        <mat-card-content>
+          <p class="card-heading">IDEATE WITH OTHERS</p>
+          <p class="home-description" >
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+          </p>
+        </mat-card-content><br><br><br><br>
+        <mat-divider></mat-divider>
+        <mat-card-actions>
+          <button mat-button class="mat-button" style="width:100%;">Submit your idea</button>
+        </mat-card-actions>
+      </mat-card>
+      <mat-card class="home-card">
+        <mat-card-content>
+          <p class="card-heading">COLLABORATE</p>
+          <p class="home-description">
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum, dolor sit amet.
+          </p>
+        </mat-card-content><br><br><br>
+        <mat-divider></mat-divider>
+        <mat-card-actions>
+          <button mat-button class="mat-button" style="width:100%;">Find projects</button>
+        </mat-card-actions>
+      </mat-card>
+      <mat-card class="home-card">
+        <mat-card-content>
+          <p class="card-heading">BECOME A MENTOR</p>
+          <p class="home-description">
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+          </p>
+        </mat-card-content><br><br><br><br>
+        <mat-divider></mat-divider>
+        <mat-card-actions>
+          <button mat-button class="mat-button" style="width:100%;">Apply</button>
+        </mat-card-actions>
+      </mat-card>
+      <mat-card class="home-card">
+        <mat-card-content>
+          <p class="card-heading">SEE PROJECTS</p>
+          <p class="home-description">
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+          </p>
+        </mat-card-content><br><br><br><br><br><br><br>
+        <mat-divider></mat-divider>
+        <mat-card-actions>
+          <button mat-button class="mat-button" style="width:100%;">Published projects</button>
+        </mat-card-actions>
+      </mat-card>
+    </div>
+  </section>
+</div>
+<div>
+    <img class="curve" src="../../assets/logos/social/full1.png" />
+    <section class="home-section center-divs">
+        <div class="container contact">
+          <div class="home-content-contact"><br>
+            <h1 class="home-contact-heading">Get in Touch</h1>
+            <p class="home-contact-description">
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusantium eius voluptatibus, exercitationem cum
+              veritatis
+            </p><br><br><br>
+          </div>
+          <div class="home-contact-icons center-divs">
+              
+            <div class="icons">
+                <br><br>
+              <img class="social-icon" src="../../assets/logos/social/envelope.svg" /><br><br>
+              <div class="icon-details">Hello@gmail.com</div><br>
+              <div class="icon-name">Email</div>
+            </div>
+            <div class="icons">
+                <br><br>
+              <img class="social-icon" src="../../assets/logos/social/smartphone-call.svg" /><br><br>
+              <div class="icon-details">+9100000000000</div><br>
+              <div class="icon-name">Phone</div>
+            </div>
+            <div class="icons">
+                <br><br>
+              <img class="social-icon" src="../../assets/logos/social/placeholder-filled-point.svg" /><br><br>
+              <div class="icon-details">Allahabad</div><br>
+              <div class="icon-name">Address</div>
+            </div>
+          </div>
+        </div>
+       
+      </section>
+</div>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
index 5442931..22cfe25 100644
--- a/src/app/home/home.component.scss
+++ b/src/app/home/home.component.scss
@@ -118,3 +118,13 @@
   width: 100%;
   margin-top: 10px;
 }
+.mat-raised-button.ng-star-inserted{
+  margin: 0 0 0 50px;
+  border-radius: 18px;
+}
+img{
+margin:0 0 0 140px;
+}
+.community-button.mat-raised-button.mat-primary{
+  margin: 10px 0 0;
+}
diff --git a/src/app/shared/activity-actions/activity-actions.component.scss b/src/app/shared/activity-actions/activity-actions.component.scss
index ca90e0a..4a8a25f 100644
--- a/src/app/shared/activity-actions/activity-actions.component.scss
+++ b/src/app/shared/activity-actions/activity-actions.component.scss
@@ -4,5 +4,5 @@
   align-items: center;
 }
 .card-icons > mat-icon {
-  margin: 5px;
+  margin-left: 15px;
 }
diff --git a/src/app/shell/header/header.component.html b/src/app/shell/header/header.component.html
index 2727db4..c75475d 100644
--- a/src/app/shell/header/header.component.html
+++ b/src/app/shell/header/header.component.html
@@ -1,66 +1,60 @@
-<mat-toolbar class="mat-elevation-z1 navbar header">
-  <div class="container">
-    <div fxHide.gt-sm fxLayoutAlign="start center">
-      <button class="menu-button" mat-icon-button (click)="sidenav.toggle()"><mat-icon>menu</mat-icon></button>
-    </div>
-    <div class="header__content" fxHide.lt-md>
-      <a class="brand header__full-logo" routerLink="/"
-        ><img src="../../../assets/cynthesize-logo.png" alt="Cynthesize" width="30px" /><b
-          style="vertical-align: text-bottom;
-                  color: blue;
-                  margin: 7px;"
-          >Cynthesize
-        </b></a
-      >
-    </div>
-    <span fxFlex></span>
-    <div class="v-desktop" fxHide.lt-md>
-      <button class="header__link" mat-button routerLink="/view/feed/ideas">
-        <span translate>Ideas</span>
-      </button>
-      <button class="header__link" mat-button routerLink="/view/feed/projects/ongoing" [matMenuTriggerFor]="menu">
-        <span translate>Collaborate </span>
-      </button>
-      <mat-menu #menu="matMenu">
-        <button class="header__link" mat-menu-item routerLink="/add/idea">
-          <span translate>New Idea</span>
-        </button>
-        <button class="header__link" mat-menu-item routerLink="/add/project">
-          <span translate>New Project</span>
-        </button>
-      </mat-menu>
-      <button class="header__link" mat-button routerLink="/">
-        <span translate>Become a mentor</span>
-      </button>
-      <button class="header__link" mat-button routerLink="/view/feed/projects/launched">
-        <span translate>Launched Projects</span>
-      </button>
-      <button mat-icon-button [matMenuTriggerFor]="userMenu" *ngIf="authenticationService.isAuthenticated()">
-        <mat-icon> person </mat-icon>
-      </button>
-      <button
-        mat-raised-button
-        style="background-color: orange; color: white;"
-        *ngIf="!authenticationService.isAuthenticated()"
-        (click)="authenticationService.login()"
-      >
-        Login/Signup
-      </button>
-      <mat-menu #userMenu="matMenu" class="profile-menu">
-        <div>
-          <div class="user-info">
-            <div class="user-image" *ngIf="profilepPic">
-              <cl-image height="50" crop="scale" public-id="{{ profilepPic }}" secure="true"></cl-image>
-            </div>
-            <div class="username">{{ username }}</div>
-          </div>
-          <mat-divider></mat-divider>
-          <div class="user-links">
-            <div class="user-link" routerLink="/user/{{ username }}">Profile</div>
-            <div class="user-link" (click)="logout()">Logout</div>
-          </div>
-        </div>
-      </mat-menu>
-    </div>
-  </div>
-</mat-toolbar>
+<mat-toolbar class="mat-elevation-z1 navbar header">
+  <div class="container">
+    <div fxHide.gt-sm fxLayoutAlign="start center">
+      <button class="menu-button" mat-icon-button (click)="sidenav.toggle()"><mat-icon>menu</mat-icon></button>
+    </div>
+    <div class="header__content" fxHide.lt-md>
+      <a class="brand header__full-logo" routerLink="/"
+        ><img src="../../../assets/cynthesize-logo.png" alt="Cynthesize" width="30px" /><b
+          style="vertical-align: text-bottom;
+                  color: blue;
+                  margin: 7px;"
+          >Cynthesize
+        </b></a
+      >
+    </div>
+    <span fxFlex></span>
+    <div class="v-desktop" fxHide.lt-md>
+      <button class="header__link" mat-button routerLink="/view/feed/ideas">
+        <span translate>Ideas</span>
+      </button>
+      <button class="header__link" mat-button routerLink="/view/feed/projects/ongoing" [matMenuTriggerFor]="menu">
+        <span translate>Collaborate </span>
+      </button>
+      <mat-menu #menu="matMenu">
+        <button class="header__link" mat-menu-item routerLink="/add/idea">
+          <span translate>New Idea</span>
+        </button>
+        <button class="header__link" mat-menu-item routerLink="/add/project">
+          <span translate>New Project</span>
+        </button>
+      </mat-menu>
+      <button class="header__link" mat-button routerLink="/">
+        <span translate>Become a mentor</span>
+      </button>
+      <button class="header__link"  style="background-color: orange; color: white;
+      border-radius: 10px;
+      margin-left: 30px;" mat-button routerLink="/view/feed/projects/launched">
+        <span translate>Launched Projects</span>
+      </button>
+      <button mat-icon-button [matMenuTriggerFor]="userMenu" *ngIf="authenticationService.isAuthenticated()">
+        <mat-icon> person </mat-icon>
+      </button>
+      <mat-menu #userMenu="matMenu" class="profile-menu">
+        <div>
+          <div class="user-info">
+            <div class="user-image" *ngIf="profilepPic">
+              <cl-image height="50" crop="scale" public-id="{{ profilepPic }}" secure="true"></cl-image>
+            </div>
+            <div class="username">{{ username }}</div>
+          </div>
+          <mat-divider></mat-divider>
+          <div class="user-links">
+            <div class="user-link" routerLink="/user/{{ username }}">Profile</div>
+            <div class="user-link" (click)="logout()">Logout</div>
+          </div>
+        </div>
+      </mat-menu>
+    </div>
+  </div>
+</mat-toolbar>
diff --git a/src/assets/logos/social/envelope.svg b/src/assets/logos/social/envelope.svg
new file mode 100644
index 0000000..94bcd21
--- /dev/null
+++ b/src/assets/logos/social/envelope.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="511.626px" height="511.626px" viewBox="0 0 511.626 511.626" style="enable-background:new 0 0 511.626 511.626;"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M49.106,178.729c6.472,4.567,25.981,18.131,58.528,40.685c32.548,22.554,57.482,39.92,74.803,52.099
+			c1.903,1.335,5.946,4.237,12.131,8.71c6.186,4.476,11.326,8.093,15.416,10.852c4.093,2.758,9.041,5.852,14.849,9.277
+			c5.806,3.422,11.279,5.996,16.418,7.7c5.14,1.718,9.898,2.569,14.275,2.569h0.287h0.288c4.377,0,9.137-0.852,14.277-2.569
+			c5.137-1.704,10.615-4.281,16.416-7.7c5.804-3.429,10.752-6.52,14.845-9.277c4.093-2.759,9.229-6.376,15.417-10.852
+			c6.184-4.477,10.232-7.375,12.135-8.71c17.508-12.179,62.051-43.11,133.615-92.79c13.894-9.703,25.502-21.411,34.827-35.116
+			c9.332-13.699,13.993-28.07,13.993-43.105c0-12.564-4.523-23.319-13.565-32.264c-9.041-8.947-19.749-13.418-32.117-13.418H45.679
+			c-14.655,0-25.933,4.948-33.832,14.844C3.949,79.562,0,91.934,0,106.779c0,11.991,5.236,24.985,15.703,38.974
+			C26.169,159.743,37.307,170.736,49.106,178.729z"/>
+		<path d="M483.072,209.275c-62.424,42.251-109.824,75.087-142.177,98.501c-10.849,7.991-19.65,14.229-26.409,18.699
+			c-6.759,4.473-15.748,9.041-26.98,13.702c-11.228,4.668-21.692,6.995-31.401,6.995h-0.291h-0.287
+			c-9.707,0-20.177-2.327-31.405-6.995c-11.228-4.661-20.223-9.229-26.98-13.702c-6.755-4.47-15.559-10.708-26.407-18.699
+			c-25.697-18.842-72.995-51.68-141.896-98.501C17.987,202.047,8.375,193.762,0,184.437v226.685c0,12.57,4.471,23.319,13.418,32.265
+			c8.945,8.949,19.701,13.422,32.264,13.422h420.266c12.56,0,23.315-4.473,32.261-13.422c8.949-8.949,13.418-19.694,13.418-32.265
+			V184.437C503.441,193.569,493.927,201.854,483.072,209.275z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/assets/logos/social/full1.png b/src/assets/logos/social/full1.png
new file mode 100644
index 0000000..1b258e9
Binary files /dev/null and b/src/assets/logos/social/full1.png differ
diff --git a/src/assets/logos/social/full2.png b/src/assets/logos/social/full2.png
new file mode 100644
index 0000000..25f9533
Binary files /dev/null and b/src/assets/logos/social/full2.png differ
diff --git a/src/assets/logos/social/placeholder-filled-point.svg b/src/assets/logos/social/placeholder-filled-point.svg
new file mode 100644
index 0000000..ce1a19e
--- /dev/null
+++ b/src/assets/logos/social/placeholder-filled-point.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="97.713px" height="97.713px" viewBox="0 0 97.713 97.713" style="enable-background:new 0 0 97.713 97.713;"
+	 xml:space="preserve">
+<g>
+	<path d="M48.855,0C29.021,0,12.883,16.138,12.883,35.974c0,5.174,1.059,10.114,3.146,14.684
+		c8.994,19.681,26.238,40.46,31.31,46.359c0.38,0.441,0.934,0.695,1.517,0.695s1.137-0.254,1.517-0.695
+		c5.07-5.898,22.314-26.676,31.311-46.359c2.088-4.57,3.146-9.51,3.146-14.684C84.828,16.138,68.69,0,48.855,0z M48.855,54.659
+		c-10.303,0-18.686-8.383-18.686-18.686c0-10.304,8.383-18.687,18.686-18.687s18.686,8.383,18.686,18.687
+		C67.542,46.276,59.159,54.659,48.855,54.659z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/assets/logos/social/smartphone-call.svg b/src/assets/logos/social/smartphone-call.svg
new file mode 100644
index 0000000..a9b0186
--- /dev/null
+++ b/src/assets/logos/social/smartphone-call.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="35px" height="35px" viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">
+<g>
+	<path d="M25.302,0H9.698c-1.3,0-2.364,1.063-2.364,2.364v30.271C7.334,33.936,8.398,35,9.698,35h15.604
+		c1.3,0,2.364-1.062,2.364-2.364V2.364C27.666,1.063,26.602,0,25.302,0z M15.004,1.704h4.992c0.158,0,0.286,0.128,0.286,0.287
+		c0,0.158-0.128,0.286-0.286,0.286h-4.992c-0.158,0-0.286-0.128-0.286-0.286C14.718,1.832,14.846,1.704,15.004,1.704z M17.5,33.818
+		c-0.653,0-1.182-0.529-1.182-1.183s0.529-1.182,1.182-1.182s1.182,0.528,1.182,1.182S18.153,33.818,17.5,33.818z M26.021,30.625
+		H8.979V3.749h17.042V30.625z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/main.scss b/src/main.scss
index aa388aa..a01c57d 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -56,7 +56,7 @@ body {
   box-sizing: border-box;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
-  background: #f7f8fb;
+  background: white;
   color: white;
   font-size: 0.8rem;
 }
@@ -68,11 +68,13 @@ body {
 }
 
 .top-margin-120 {
-  margin: 120px 0;
+  margin: 0px 0;
 }
 
 .pointer {
   cursor: pointer;
+  color:#0264FB;
+  font-weight: bold;
 }
 
 .page {
@@ -105,7 +107,7 @@ body {
 }
 
 .mat-form-field-appearance-fill .mat-form-field-flex {
-  border-radius: 40px !important;
+  border-radius: 10px !important;
   background-color: white;
   border: #8e8e8e solid;
 }
@@ -200,7 +202,7 @@ body {
 }
 
 .active-context {
-  color: blue;
+  color:blue;
   font-weight: bold;
 }