diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 594f163..22c7f97 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,18 +1,22 @@
 {{ define "main" }}
-    {{ partial "content.html" . }}
+    <div id="main">
+        <div class="container">
+            {{ partial "content.html" . }}
 
-    <!--Group posts by months-->
-    {{ range .Pages.GroupByDate "2006-01" }}
-        {{ $month := print .Key  "-01"}}
-        {{ $display := dateFormat "2006-01" $month }}
-        <h3 id="{{ $display }}">
-            <a href="#{{ $display }}">
-                <time datetime="{{ $month }}" title='{{ dateFormat "January 2006" $month }}'>{{ $display }}</time>
-            </a>
-        </h3>
-        <!--List posts belonging to current month -->
-        {{ range (sort .Pages "Date" "desc") }}
-            {{ partial "list_item.html" . }}
-        {{ end }}
-    {{ end }}
+            <!--Group posts by months-->
+            {{ range .Pages.GroupByDate "2006-01" }}
+                {{ $month := print .Key  "-01"}}
+                {{ $display := dateFormat "2006-01" $month }}
+                <h3 class="mt-5" id="{{ $display }}">
+                    <a href="#{{ $display }}">
+                        <time datetime="{{ $month }}" title='{{ dateFormat "January 2006" $month }}'>{{ $display }}</time>
+                    </a>
+                </h3>
+                <!--List posts belonging to current month -->
+                {{ range (sort .Pages "Date" "desc") }}
+                    {{ partial "list_item.html" . }}
+                {{ end }}
+            {{ end }}
+        </div>
+    </div>
 {{ end }}
diff --git a/layouts/partials/content-details.html b/layouts/partials/content-details.html
index f7b282f..99ef5d1 100644
--- a/layouts/partials/content-details.html
+++ b/layouts/partials/content-details.html
@@ -1,9 +1,11 @@
 {{ if not .Date.IsZero }}
-    <span title='{{ .Date.Format "January 2 2006" }}'>{{ .Date.Format "2006-01-02" }}</span>
+    <span class="pr-2" title='{{ .Date.Format "January 2 2006" }}'>
+        <i class="far fa-calendar-alt pr-1>"></i>{{ .Date.Format "2006-01-02" }}
+    </span>
 {{ end }}
 
 {{ if .Params.tags }}
     {{ range $1, $e := .Params.tags }}
-        <a href="/tags/{{ urlize . }}">#{{ . }}</a>
+        <a class="mr-1" href="/tags/{{ urlize . }}">#{{ . }}</a>
     {{ end }}
 {{ end }}
diff --git a/layouts/partials/content.html b/layouts/partials/content.html
index ee7d654..9333a03 100644
--- a/layouts/partials/content.html
+++ b/layouts/partials/content.html
@@ -1,14 +1,21 @@
-<h1>{{ .Title }}</h1>
+<h1 class="display-4">{{ .Title }}</h1>
+{{ if .Params.subtitle }}
+    <h5 class="my-3">{{ markdownify .Params.subtitle | emojify }}</h5>
+{{ end }}
+
 {{ if .IsPage }}
     <p>{{ partial "content-details.html" . }}</p>
 {{ end }}
-<hr>
 
-<div class="content">
-    {{ if .TableOfContents }}
-        <div class="content">
-            {{ .TableOfContents }}
-        </div>
-    {{ end }}
-    {{ .Content }}
-</div>
+{{ if .Content }}
+    <hr>
+
+    <div class="content mt-3">
+        {{ if .TableOfContents }}
+            <div class="float-1g-right ml-lg-3 mb-3 p-3">
+                {{ .TableOfContents }}
+            </div>
+        {{ end }}
+        {{ .Content }}
+    </div>
+{{ end }}
diff --git a/layouts/partials/list_item.html b/layouts/partials/list_item.html
index dbd3d79..a4da7a2 100644
--- a/layouts/partials/list_item.html
+++ b/layouts/partials/list_item.html
@@ -1,7 +1,9 @@
-<div class="media-body">
-    <a href="{{ .RelPermalink }}">
-        <h5>{{ .Title }}</h5>
-    </a>
-    <small>{{ partial "content-details.html" . }}</small>
-    <p>{{ partial "summary.html" . }}</p>
+<div class="media list-page-item mb-3" data-id="{{ .File.UniqueID }}">
+    <div class="media-body">
+        <a href="{{ .RelPermalink }}">
+            <h5 class="my-0">{{ .Title }}</h5>
+        </a>
+        <small>{{ partial "content-details.html" . }}</small>
+        <p>{{ partial "summary.html" . }}</p>
+    </div>
 </div>