blog.html in word-games-theme-0.7.4

- old
+ new
@@ -3,30 +3,52 @@
 {% assign dataToShow = site.data.[page.folderName][lang][file] %}
 
 <div class="container-fluid" id="blog">
     <div class="row rowHeight3">
         <!-- <div class="col-md-12 p-0"> -->
-            <div class="blog">
-                <!-- <img src="/assets/images/right_obj_01.png" alt=""> -->
-                <!-- <div class="content"> -->
-                    <!-- <span class="site-no">05</span> -->
-                    <h5 class="title">{{dataToShow.blog_title}}</h5>
-                <!-- </div> -->
-            </div>
+        <div class="blog">
+            <!-- <img src="/assets/images/right_obj_01.png" alt=""> -->
+            <!-- <div class="content"> -->
+            <!-- <span class="site-no">05</span> -->
+            <h5 class="title">{{dataToShow.blog_title}}</h5>
+            <!-- </div> -->
+        </div>
         <!-- </div> -->
-        <div class="blog_section container" style="padding-left: 120px; margin-top:50px"> <!--earlier class=col-xl-8 col-lg-12-->
+        <div class="blog_section container" style="margin:50px auto">
+            <!--earlier class=col-xl-8 col-lg-12-->
             <section class="section_post">
                 <div class="row">
-                    {% for post in site.posts limit: 2 %}
-                    <div class="col-md-6 my-5">
-                        <a href="{{ post.url }}">
-                            <img src="{{ post.image }}" loading="lazy" width="100%" height="230px" class="card-img-top"
-                                alt="{{post.image}}">
-                        </a>
-                        <a href="{{ post.url }}" class="anchor_link">
-                            <h4 class="card-title mb-4">{{ post.title }}</h4>
-                        </a>
-                        <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p>
+                    {% for post in site.posts limit: 3 %}
+                    <div class="col-lg-4 col-md-6 mb-4 my-5">
+                        <div class="card">
+                            <a href="{{ post.url }}">
+                                <img src="{{ post.image }}" loading="lazy" width="100%" height="230px"
+                                    class="card-img-top" alt="{{post.image}}">
+                            </a>
+                            <a href="{{ post.url }}" class="anchor_link p-3">
+                                <h4 class="card-title mb-4">{{ post.title }}</h4>
+                            </a>
+                            <!-- / <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p> -->
+                            {%- include authors/authors.html -%}
+                            <div class="card-footer bg-white">
+                                <div class="wrapfooter">
+                                    {% if post.author %}
+                                    <span class="meta-footer-thumb">
+                                        <img class="author-thumb" loading="lazy" src="{{ image }}"
+                                            alt="{{ authorName }}">
+                                    </span>
+                                    {% endif %}
+                                    <span class="author-meta">
+                                        <span class="post-name">
+                                            <a target="_blank" href="/blog">{{authorName}}</a>
+                                        </span><br>
+                                        <span class="post-date">{{post.date | date_to_string }}</span>
+                                    </span>
+                                    <span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
+                                            title="Read Story">Read More</a></span>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                     {% endfor %}
 
                     {%- if site.posts.size>0 -%}
                     <div class="col-lg-6 my-5">
\ No newline at end of file