some layout changes

_includes/blog_post_breadcrumb.html

@@ -1,11 +1,10 @@
+<div class="col-lg-12">
 <nav aria-label="breadcrumb" role="navigation">
         <ol class="breadcrumb">
             <li class="breadcrumb-item">
-                <a href="{{site.url}}{{site.baseurl}}/blog">Blog</a>
-            </li>
-            <li class="breadcrumb-item">
-                <a href="{{site.url}}{{site.baseurl}}/blog/categories">Categories</a>
+                <a href="{{site.url}}{{site.baseurl}}/blog"><i class="fa fa-home" aria-hidden="true"></i></a>
             </li>
             <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
         </ol>
     </nav>
+</div>

_layouts/blog.html

@@ -2,7 +2,11 @@
 layout: default
 ---
 
-    <div class="row">
+<div class="row">
+  <!-- Blog Post Breadcrumbs -->
+  {%- include blog_post_breadcrumb.html -%}
+  </div>
+      <div class="row">
 
         <div class="col-lg-7 offset-md-1">
 
@@ -13,7 +17,7 @@
                     <div class="card blog-post">
                         <img class="card-img-top" src="{{site.url}}{{site.baseurl}}/assets/img/posts/{{ post.thumbnail }}" alt="{{ post.title }}">
                         <div class="card-body center">
-                            <img src="{{site.url}}{{site.baseurl}}/assets/img/{{ site.author_logo }}" class="author-profile-img">
+                            <!-- <img src="{{site.url}}{{site.baseurl}}/assets/img/{{ site.author_logo }}" class="author-profile-img"> -->
                             <h4 class="card-title">{{ post.title }}</h4>
 
                             <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</h6>

_layouts/post.html

@@ -7,17 +7,51 @@
 
 <div class="row" id="blog-post-container">
 
-        <div class="col-lg-8">
+        <div class="col-lg-8 offset-md-2">
 
            {%- include blog_post_article.html -%}
 
            {%- include blog_post_comments.html -%}
         </div>
 
-           {%- include blog_sidebar.html -%}
-
 
 
 </div> <!-- End of row-->
 
+<div class="row">
+ <div class="col-md-4">
+    <div class="card">
+        <div class="card-header"> About </div>
+        <div class="card-body">
+            <!-- Your Bio -->
+            <p class="author_bio"> {{ site.author_bio }}</p>
+
+            {%- include github_star_button.html -%}
+        </div>
+    </div>
+ </div>
+ <div class="col-md-4">
+    <div class="card">
+        <div class="card-header">Categories </div>
+        <div class="card-body text-dark">
+            {%- include blog_categories.html -%}
+        </div>
+    </div>
+   </div>
+    <div class="col-md-4">
+    <div class="card">
+        <div class="card-header">Useful Links </div>
+        <div class="card-body text-dark">
+            {% for i in site.urls %}
+               <li >
+                 <a href="{{ site.url}}{{site.baseurl}}{{ i.url }}">{{ i.text }}</a>
+              </li>
+           {% endfor %}
+        </div>
+    </div>
+   </div>
+
+</div>
+
+
 

_posts/2020-02-14-plugged-in.md

@@ -0,0 +1,11 @@
+---
+layout: post
+title: Programmer working in Office
+author: John Doe
+date: '2019-05-22 14:35:23 +0530'
+category: guides
+summary: 10 reasons why programmers prefers remote jobs
+thumbnail: code.jpg
+---
+
+This is a sample post