M css/blog.css → css/blog.css

@@ -37,6 +37,22 @@ .bcontent h1{
     font-size: 36px;
 }
 
+.post-labels{
+    display:flex;
+    width: 50%;
+}
+
+.post-label{
+    background-color: #aaaaaa;
+    border-radius: 0.4rem;
+    padding: 0.2rem 1rem;
+    font-size: 0.8rem;
+}
+
+.post-label:not(:first-child){
+    margin-left: 0.8rem;
+}
+
 ul.posts{
     list-style: none;
     margin-top: 10px;
@@ -48,8 +64,7 @@ 
 ul.posts > li:nth-child(odd){
     background-color: #E5E5E5;
 }
-.date{
-    border-bottom: 2px solid #BCBCBC;
+.post-date{
     padding-bottom: 5px
 }
 

M post.html → post.html

@@ -30,7 +30,11 @@ 
   <div class="bcontainer">
     <div class="bcontent">
       <h1>Post title goes here </h1>
-      <p class="date">Januaray 19, 2019</p>
+      <p class="post-date">Januaray 19, 2019</p>
+      <div class="post-labels">
+        <div class=post-label>Linux</div>
+        <div class=post-label>InfoSec</div>
+      </div>
       <div class="post-text">
         <h1>This is heading1</h1>
         <h2>This is heading2</h1>