added footer

_includes/footer.html

@@ -0,0 +1,34 @@
+<!-- Footer -->
+
+<footer>
+  <div class="footer">
+    <div class="container">
+      <div class="footer-left">
+        {% if page.section-type == "index" %}
+          <a href="#"><h3>Vocaluxe</h3></a>
+        {% else %}
+          <a href="{{site.baseurl}}/"><h3>Vocaluxe</h3></a>
+        {% endif %}
+      </div>
+      <ul class="footer-right">
+        <li>
+          <a href="https://github.com/Vocaluxe/Vocaluxe">
+            <i class="fa fa-github" aria-hidden="true"></i>
+          </a>
+        </li>
+        <li>
+          <a href="https://facebook.com/Vocaluxe">
+            <i class="fa fa-facebook" aria-hidden="true"></i>
+          </a>
+        </li>
+        <li>
+          <a href="#">
+            <i class="fa fa-rss" aria-hidden="true"></i>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</footer>
+
+<!-- Footer End -->

_layouts/index.html

@@ -20,6 +20,8 @@
           {% endfor %}
         {% endfor %}
 
+      {% include footer.html %}
+      
       {% include js.html %}
 
   </body>

_layouts/post.html

@@ -32,6 +32,8 @@
     </div>
   </section>
 
+  {% include footer.html %}
+  
   {% include js.html %}
 
 </body>

css/main.css

@@ -549,7 +549,6 @@ a:hover {
 
 /**************/
 
-
 /*****Post*****/
 
 .post-info {
@@ -585,3 +584,51 @@ a:hover {
 
 
 /**************/
+
+/****Footer****/
+
+.footer {
+  background-color: #243342;
+  color: white;
+  /*border-top: 1px solid rgba(255,255,255,0.1);*/
+  padding-top: 20px;
+  padding-bottom: 10px;
+}
+
+.footer-left {
+  float: left;
+}
+
+.footer-right {
+  float: right;
+}
+
+.footer li {
+  display: inline-block;
+  list-style-type: none;
+  margin-right: 10px;
+}
+
+.footer li i {
+  font-size: 20pt;
+}
+
+.footer a {
+  color: white;
+}
+
+.footer a:hover {
+  color: #E74C3C;
+  text-decoration: none;
+}
+
+.footer h3 {
+  margin: 0;
+  padding: 0;
+}
+
+.footer hr {
+  border-color: rgba(255, 255, 255, 0.2);
+  border-width: 1px;
+}
+/**************/