improve graph design on homepage && add footer and techs && add official pages

src/Mine/SeekerBundle/Resources/public/css/style.homepage.css

@@ -9,19 +9,19 @@ html, body {
     display: block;
     width: 100%;
     height: 100%;
-
-    overflow-x: hidden;
 }
 
 header {
     background: #d1e8ff;
+    position: relative;
     width: 100%;
-    height: 900px;
+    height: 950px;
     color: #ffffff;
+
+    overflow: hidden;
 }
 
 header section {
-    position: relative;
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
@@ -46,8 +46,8 @@ header section > img {
     position: absolute;
     width: 1300px;
     height: 1300px;
-    right: -50%;
-    bottom: -30%;
+    right: -10%;
+    top: -10%;
 
     z-index: 1;
 }
@@ -80,12 +80,12 @@ header section h3 img {
 }
 
 header section div.buttons > a {
-    background: #83aed9;
+    background: #69788e;
     display: table;
     font: bold 32px 'Rajdhani', sans-serif;
     text-transform: uppercase;
     text-decoration: none;
-    border: 1px solid #658fb8;
+    border: 5px solid #57667b;
     color: #FFFFFF;
     padding: 25px 150px;
     margin-bottom: 20px;
@@ -101,7 +101,7 @@ header section div.buttons > a {
 }
 
 header section div.buttons > a:hover {
-    background: #86b5e1;
+    background: #57667b;
 
     -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
     box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
@@ -112,15 +112,16 @@ header section div.buttons > a:hover {
 }
 
 header section div.buttons > a.small {
-    background: transparent;
+    background: #83aed9;
     display: inline-block;
     font: bold 22px 'Rajdhani', sans-serif;
-    border: 3px solid #83aed9;
-    color: #83aed9;
+    border: 1px solid #6890ba;
+    color: #FFFFFF;
     padding: 10px;
 
-    -webkit-box-shadow: none;
-    box-shadow: none;-webkit-transition: all 250ms ease-in-out;
+    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+    -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
@@ -128,10 +129,12 @@ header section div.buttons > a.small {
 }
 
 header section div.buttons > a.small:hover {
-    background: #658fb8;
-    border: 3px solid #658fb8;
+    background: #86b5e1;
+    border: 1px solid #658fb8;
     color: #FFFFFF;
 
+    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;