Design blog page

Author: Gianluca Arbezzano

_includes/post_detail.html

@@ -1,5 +1,5 @@
 <div class="row">
-    <div class="col-md-12">
+    <div class="col-md-12 single-post">
         <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
         <p>{{ post.summary }}</p>
         <p>by. <a href="{{ post.author_url }}" target="_blank">{{ post.author }}</a></p>

blog.html

@@ -6,7 +6,7 @@
 tags: devops, developer, blog, post, docker, php
 permalink: /blog/
 ---
-<div id="slogan" class="row" style="margin-bottom:50px">
+<div id="slogan" class="row">
   <div class="col-md-12">
     <div class="text-center">
         <h1>Blog</h1>
@@ -15,6 +15,15 @@ <h2>tutorial, docs and news by Penny PHP world</h2>
   </div>
 </div>
 
+<div class="title col-md-12 text-center well">
+    <p>With this blog we would increase our use cases and helps you to
+    understand our daily work with news, trick and feedback to work in the best
+    wa with PennyPHP.</p> <p>Are you interested to share an article with us?
+    This site is manage from GitHub GH-Pages and Jenkins please create a PR
+    here <a href="https://github.com/pennyphp/pennyphp.github.com"
+    target="_blank">pennyphp/pennyphp.github.com</a></p>
+</div>
+
 {% for post in site.posts %}
 {% include post_detail.html %}
 <hr class="style-two">

css/compiled.css

@@ -6177,10 +6177,12 @@ button.close {
   padding: 40px 15px;
   text-align: center;
 }
-.title h1 {
-  font-size: 13em;
-  color: #58ecd5;
-  text-shadow: 5px 0 0 #6b7eb9, -5px 0 0 #6b7eb9, 0 5px 0 #6b7eb9, 0 -5px 0 #6b7eb9, 5px 5px #6b7eb9, -5px -5px 0 #6b7eb9, 5px -5px 0 #6b7eb9, -5px 5px 0 #6b7eb9;
+
+.col-md-12.single-post {
+  text-align: left;
+}
+.col-md-12.single-post h2 {
+    font-size: 1.8em;
 }
 span.post-tag.label.label-info {
     font-size:1em;