Change blog classes

layouts/blog/single.html

@@ -5,7 +5,7 @@
     <div class="row justify-content-center">
       <div class="col-lg-8">
         <article class="site-blog-details">
-          <p><span>{{ .PublishDate.Format "January 2, 2006" }}</span> by <span>{{ .Params.author }}</span></p>
+          <p class="site-blog-details-header"><span>{{ .PublishDate.Format "January 2, 2006" }}</span> by <span>{{ .Params.author }}</span></p>
           <h2 class="blog-title">{{ .Title }}</h2>
           <img class="feature-image" src="{{ .Params.feature_image | absURL }}" alt="blog-feature-image">
           {{ .Content }}
@@ -17,4 +17,4 @@
 
 {{ partial "call-to-action.html" . }}
 
-{{ end }}
+{{ end }}

layouts/index.html

@@ -4,10 +4,12 @@
 
 {{ partial "counter.html" . }}
 
+{{ partial "blog.html" . }}
+
 {{ partial "portfolio.html" . }}
 
 {{ partial "testimonial.html" . }}
 
 {{ partial "call-to-action.html" . }}
 
-{{ end }}
+{{ end }}

layouts/partials/blog.html

@@ -0,0 +1,33 @@
+{{ with .Site.Params.Blog }}
+  {{ if .enable }}
+  <section class="site-project" id="project">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <div class="section-title">
+            <h2>{{ .title }}</h2>
+            <p>{{ .subtitle }}</p>
+          </div>
+        </div>
+        {{ range first 4 (where $.Site.RegularPages "Type" "blog") }}
+        <div class="col-lg-6 col-md-10 mx-auto">
+          <div class="site-project-item">
+            <div class="site-project-item-thumb">
+              <img src="{{ .Params.Image | absURL }}" alt="project-thumb">
+            </div>
+            <div class="site-project-item-content">
+              <span>{{ delimit .Params.category ", " }}</span>
+              <h3>{{ .Title }}</h3>
+              <a href="{{ .Permalink }}" class="read-more">{{ .Site.Params.blog.view_entry }}</a>
+            </div>
+          </div>
+        </div>
+        {{ end }}
+        <div class="col-12 text-center text-lg-left">
+          <a href="blog" class="site-project-cta">{{ .Site.Params.blog.read_more }}</a>
+        </div>
+      </div>
+    </div>
+  </section>
+  {{ end }}
+{{ end }}