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

src/Jotunheimr/UserBundle/Resources/public/css/layout.css

@@ -152,6 +152,10 @@ header section h3.or {
     margin: 20px 0;
 }
 
+header section #id_welcome {
+    margin-bottom: 115px;
+}
+
 header section .buttons,
 header section form {
     z-index: 2;
@@ -225,6 +229,83 @@ header section .failure-main {
     border-radius: 5px;
 }
 
+main div.txt {
+    width: 100%;
+    max-width: 1000px;
+    font-family: 'Rajdhani', sans-serif;
+    color: #414040;
+    margin: 50px auto 0 auto;
+}
+
+main div.txt h2 {
+    margin: 0 0 50px 0;
+}
+
+main div.txt p {
+    font: normal 16px 'Rajdhani', sans-serif;
+}
+
+main div.txt li {
+    font: normal 16px 'Rajdhani', sans-serif;
+    padding-left: 10px;
+    margin-left: 50px;
+}
+
+main .technologies {
+    text-align: center;
+}
+
+main .technologies img {
+    display: inline-block;
+    width: 90%;
+    max-width: 100px;
+    margin: 20px;
+}
+
+main .technologies h1 {
+    font-weight: bold;
+}
+
+footer {
+    background: #414040;
+    width: 100%;
+    min-height: 50px;
+    margin-top: 50px;
+}
+
+footer nav {
+    display: block;
+    text-align: center;
+}
+
+footer nav ul {
+    display: inline-block;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+footer nav ul li {
+    display: inline-block;
+    font: bold 16px 'Rajdhani', sans-serif;
+    color: #FFFFFF;
+}
+
+footer nav ul li:nth-child(even) {
+    width: 50px;
+    text-align: center;
+}
+
+footer nav ul li a {
+    text-align: center;
+    line-height: 50px;
+    color: #FFFFFF;
+}
+
+footer nav ul li a:hover {
+    color: #FFFFFF;
+}
+
 @media screen and (max-width: 1100px) {
     header section .form-input,
     header section .form-check {
@@ -248,7 +329,7 @@ header section .failure-main {
 
 @media screen and (max-width: 550px) {
     header section {
-        padding: 10px;
+        padding: 20px;
     }
 
     header section .form-input {
@@ -274,4 +355,12 @@ header section .failure-main {
     header section div.buttons > a.slack-login span {
         display: none;
     }
+
+    footer nav ul li {
+        display: block;
+    }
+
+    footer nav ul li:nth-child(even) {
+        display: none;
+    }
 }