diff --git a/screenshot2.png b/screenshot2.png
index 523b90a..ff29203 100644
Binary files a/screenshot2.png and b/screenshot2.png differ
diff --git a/webapp/index.html b/webapp/index.html
index c9e73ab..045d6f4 100644
--- a/webapp/index.html
+++ b/webapp/index.html
@@ -23,7 +23,7 @@
 
 
         <nav>
-          <div class="nav-wrapper green lighten-2">
+          <div class="nav-wrapper blue-grey darken-1">
               <a href="#" class="brand-logo">Open Work Time</a>
               <ul id="nav-mobile" class="right">
                 <li>
@@ -47,35 +47,35 @@
 
         <div class="">
             <div class="row">
-                <div class="card green lighten-5 col s12 m5 l5">
+                <div class="card green lighten-4 col s12 m5 l5">
                     <div class="card-content">
                         <span class="card-title">Projects</span>
                         <ul class="collection">
-                          <li class="collection-item avatar green lighten-5">
+                          <li class="collection-item avatar green lighten-4">
                               <img src="img/webicons/modeling.png" class="circle"/>
                               <span class="title">Piratel</span>
                               <span class="badge">14h</span>
                               <p class="grey-text">User1, User2</p>
                           </li>
-                          <li class="collection-item avatar green lighten-4">
+                          <li class="collection-item avatar green lighten-3">
                               <img src="img/webicons/smartphone.png" class="circle"/>
                               <span class="title">CarsharingApp Frontend</span>
                               <span class="badge">10h 34min</span>
                               <p class="grey-text">User4, User3</p>
                           </li>
-                          <li class="collection-item avatar green lighten-5">
+                          <li class="collection-item avatar green lighten-4">
                               <img src="img/webicons/browser-4.png" class="circle"/>
                               <span class="title">CarsharingApp Backend</span>
                               <span class="badge">11h 20min</span>
                               <p class="grey-text">User1, User2</p>
                           </li>
-                          <li class="collection-item avatar green lighten-5">
+                          <li class="collection-item avatar green lighten-4">
                               <img src="img/webicons/coding.png" class="circle"/>
                               <span class="title">OpenWorkTime</span>
                               <span class="badge">2h 15min</span>
                               <p class="grey-text">User1, User2, User3, User4</p>
                           </li>
-                          <li class="collection-item avatar green lighten-5">
+                          <li class="collection-item avatar green lighten-4">
                               <img src="img/webicons/devices-1.png" class="circle"/>
                               <span class="title">WebPrimusTech</span>
                               <span class="badge">0h</span>
@@ -84,13 +84,13 @@
                         </ul>
                     </div>
                     <div class="card-action">
-                        <a class="waves-effect waves-light btn green lighten-3">Add new project</a>
+                        <a class="waves-effect waves-light btn green lighten-2">Add new project</a>
                     </div>
                 </div>
 
-                <div class="card green lighten-4 col s12 m7 l7">
+                <div class="card blue lighten-4 col s12 m7 l7">
                     <div class="card-content">
-                        <span class="card-title">CarsharingApp Frontend</span>
+                        <span class="card-title"> <img src="img/webicons/smartphone.png" class="o_project_title_img"/>CarsharingApp Frontend</span>
                         <p>
                             project github: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
                         </p>
@@ -106,13 +106,13 @@
 
                     </div>
                     <div class="card-action">
-                        <a class="waves-effect waves-light btn green lighten-2">Work!</a>
+                        <a class="waves-effect waves-light btn blue lighten-2">Work!</a>
 
                         <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
                     </div>
                 </div>
 
-                <div class="card green lighten-5 col s12 m7 l7">
+                <div class="card yellow lighten-3 col s12 m7 l7">
                     <div class="card-content">
                         <span class="card-title">Workers</span>
                         <p>
diff --git a/webapp/own.css b/webapp/own.css
index 45eec8c..abdee9c 100644
--- a/webapp/own.css
+++ b/webapp/own.css
@@ -1,3 +1,7 @@
+.o_project_title_img{
+    width: 50px;
+    display: inline-block;
+}
 .o_worker_avatar_img{
     width: 70px;
     display: block;