added favicon and redesigned blog and project single page

assets/css/style.css

@@ -887,4 +887,31 @@ blockquote {
   background-color: var(--primary-color);
   font-size: 20px;
   text-align: center;
+}
+
+.project-meta{
+  display: flex;
+  align-items: center;
+}
+
+.project-meta i{
+  height: 100px;
+  min-width: 100px;
+  line-height: 100px;
+  background-color: #fff;
+  color: var(--primary-color);
+  border-radius: 50%;
+  text-align: center;
+  display: block;
+  box-shadow:  0 18px 39.1px 6.9px rgba(224,241,255,.34);
+  font-size: 30px;
+}
+
+.project-meta h4{
+  font-weight: bold;
+  font-size: 24px;
+}
+
+.project-meta p{
+  margin-bottom: 0;
 }

exampleSite/content/portfolio/project-1.md

@@ -9,12 +9,17 @@ description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-2.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-2.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["branding"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-3.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-3.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["illustration"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-4.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-5.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["design"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-5.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-8.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["illustration","development"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-6.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-6.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["design"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-7.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-1.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["branding"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-8.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-3.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["illustration","development"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

exampleSite/content/portfolio/project-9.md

@@ -3,18 +3,23 @@ title: "Artwork Design"
 date: 2019-05-12T12:14:34+06:00
 image: "images/portfolio/item-7.png"
 client: "John Doe"
-project_url : "#"
+project_url : "https://themefisher.com/"
 categories: ["branding"]
 description: "This is meta description."
 draft: false
 ---
 
+#### Project Requirements
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.
 
+
+#### Project Details
+
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
 dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
 ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

layouts/_default/post.html

@@ -5,7 +5,7 @@
       <h4 class="card-title"><a class="text-dark" href="{{.Permalink}}">{{.Title }}</a>
       </h4>
       <p class="cars-text">{{.Summary}}</p>
-      <a href="{{.Permalink}}" class="btn btn-xs btn-primary">Read More</a>
+      <a href="{{.Permalink}}" class="btn btn-sm btn-primary">Read More</a>
     </div>
   </article>
 </div>

layouts/_default/single.html

@@ -4,12 +4,13 @@
 
   <section class="section">
     <div class="container">
-      <div class="row">
-        <div class="col-lg-12">
-          <h3 class="font-tertiary mb-5">{{.Title}}</h3>
+      <div class="row justify-content-center">
+        <div class="col-lg-9 text-center mb-4">
+          <img src="{{.Params.image | absURL }}" alt="{{.Title}}" class="img-fluid rounded mb-4">
           <p class="font-secondary">Published on {{ .PublishDate.Format "Jan 02, 2006" }} by <span class="text-primary">{{site.Params.Author}}</span></p>
+        </div>
+        <div class="col-lg-9">
           <div class="content">
-            <img src="{{.Params.Image | absURL }}" alt="post-thumb" class="img-fluid rounded float-left mr-5 mb-4">
             {{.Content }}
           </div>
         </div>

layouts/portfolio/single.html

@@ -5,35 +5,52 @@
 <!-- portfolio -->
 <section class="section">
   <div class="container">
-    <div class="row justify-content-around">
-      <div class="col-lg-5 col-md-6 mb-5">
+    <div class="row">
+      <div class="col-lg-5 mb-5">
         <img src="{{ .Params.image | absURL }}" class="img-fluid w-100" alt="{{ .Title }}">
       </div>
-      <div class="col-lg-5 col-md-6 mb-5">
-        <div class="card shadow">
-          <div class="card-body">
-            <h1 class="h3 mb-5">{{.Title}}</h1>
-            <div class="mb-4">
-              <h4>Date:</h4>
-              <strong>{{ .PublishDate.Format "Jan 02, 2006" }}</strong>
+      <div class="col-lg-7 mb-5 mb-lg-0 align-self-center">
+        <div class="row mx-0">
+          <div class="col-sm-6 mb-5">
+            <div class="project-meta">
+              <i class="ti-calendar"></i>
+              <div class="ml-3">
+                <h4>Date</h4>
+                <p>{{ .PublishDate.Format "Jan 02, 2006" }}</p>
+              </div>
             </div>
-            {{ with .Params.Client}}
-            <div class="mb-4">
-              <h4>Client:</h4>
-              <strong>{{. | markdownify}}</strong>
+          </div>
+          {{ with .Params.Client}}
+          <div class="col-sm-6 mb-5">
+            <div class="project-meta">
+              <i class="ti-user"></i>
+              <div class="ml-3">
+                <h4>Client</h4>
+                <p>{{. | markdownify}}</p>
+              </div>
             </div>
-            {{ end }}
-            <div class="mb-4">
-              <h4>Categories:</h4>
-              <strong>{{ delimit .Params.categories ", " | humanize }}</strong>
+          </div>
+          {{ end }}
+          <div class="col-sm-6 mb-5">
+            <div class="project-meta">
+              <i class="ti-folder"></i>
+              <div class="ml-3">
+                <h4>Categories</h4>
+                <p>{{ delimit .Params.categories ", " | humanize }}</p>
+              </div>
             </div>
-            {{ with .Params.project_url}}
-            <div class="mb-4">
-              <h4>Project Link:</h4>
-              <strong>{{. | markdownify}}</strong>
+          </div>
+          {{ with .Params.project_url}}
+          <div class="col-sm-6 mb-5">
+            <div class="project-meta">
+              <i class="ti-link"></i>
+              <div class="ml-3">
+                <h4>Project Link</h4>
+                <p>{{. | markdownify}}</p>
+              </div>
             </div>
-            {{ end }}
           </div>
+          {{ end }}
         </div>
       </div>
       <div class="col-lg-11">