update layout

1 files changed, 54 insertions, 27 deletions

diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 8f4111b..2ac3c08 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -14,46 +14,73 @@
         </nav>
       </div>
     </div>
+
+    <div class="row p-3">
+      <div class="col-lg-10 col-md-10 offset-lg-1 offset-md-0 text-center">
+        <i class="fa fa-calendar"></i> &ensp;
+        {{ .PublishDate.Format "January 2, 2006" }}
+      </div>
+      <div class="col-lg-10 col-md-12 offset-lg-1 offset-md-0 text-center">
+        <i class="fa fa-clock-o"></i> &ensp;
+        {{ .ReadingTime }} mins read
+      </div>
+
+      <div class="col-lg-10 col-md-12 offset-lg-1 offset-md-0 text-center">
+        <i class="fa fa-tag"></i> &ensp;
+        {{ range (.GetTerms "tags") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>;
+        {{ end }}
+      </div>
+      <div class="col-lg-10 col-md-12 offset-lg-1 offset-md-0 text-center">
+        <i class="fa fa-folder-open"></i> &ensp;
+        {{ range (.GetTerms "categories") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>;
+        {{ end }}
+      </div>
+    </div>
+  </div>
+  </div>
+  </div>
   </div>
 </header>
 
 <section class="section singleBlog">
   <div class="svg-img">
-      <img src={{ "images/hero/figure-svg.svg" | absURL }} alt="">
+    <img src={{ "images/hero/figure-svg.svg" | absURL }} alt="">
   </div>
   <div class="animate-shape">
-      <!-- <img src="images/skill/skill-background-shape.svg" alt="background-shape"> -->
-      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
-          <defs>
-              <linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
-                  <stop offset="0" stop-color="#f1f6f9" />
-                  <stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
-              </linearGradient>
-          </defs>
-          <g data-name="blob-shape (3)">
-              <path class="blob" fill="url(#d)"
-                  d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
-          </g>
-      </svg>
+    <img src={{ "images/skill/skill-background-shape.svg" | absURL }} alt="">
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
+      <defs>
+        <linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
+          <stop offset="0" stop-color="#f1f6f9" />
+          <stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g data-name="blob-shape (3)">
+        <path class="blob" fill="url(#d)"
+          d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
+      </g>
+    </svg>
   </div>
   <div class="animate-pattern">
-      <img src={{ "images/service/background-pattern.svg" | absURL }} alt="background-shape">
+    <img src={{ "images/service/background-pattern.svg" | absURL }} alt="background-shape">
   </div>
   <div class="container">
-      <div class="row">
-          <div class="col-lg-12">
-              <div class="singleBlog__feature">
-                  <img src={{ .Params.postImage | absURL }} alt="feature-image">
-              </div>
-          </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="singleBlog__feature">
+          <img src={{ .Params.postImage | absURL }} alt="feature-image">
+        </div>
       </div>
-      <div class="row mt-5">
-          <div class="col-lg-12">
-              <div class="singleBlog__content">
-                  {{ .Content }}
-              </div>
-          </div>
+    </div>
+    <div class="row mt-5">
+      <div class="col-lg-12">
+        <div class="singleBlog__content">
+          {{ .Content }}
+        </div>
       </div>
+    </div>
   </div>
 </section>