diff --git a/templates/layouts/dark.html b/templates/layouts/dark.html
index 9cdc54e..20803ab 100644
--- a/templates/layouts/dark.html
+++ b/templates/layouts/dark.html
@@ -63,6 +63,8 @@
                 <hr />
                 {{ template "alerts.html" . }}
                 <hr />
+                {{ template "media.html" . }}
+                <hr />
                 {{ template "figure.html" . }}
                 <hr />
                 {{ template "highlight-js.html" . }}
diff --git a/templates/layouts/default.html b/templates/layouts/default.html
index 15d115e..b808a6e 100644
--- a/templates/layouts/default.html
+++ b/templates/layouts/default.html
@@ -37,6 +37,8 @@
                 <hr />
                 {{ template "alerts.html" . }}
                 <hr />
+                {{ template "media.html" . }}
+                <hr />
                 {{ template "figure.html" . }}
                 <hr />
                 {{ template "highlight-js.html" . }}
diff --git a/templates/layouts/sans-dark.html b/templates/layouts/sans-dark.html
index ee58fe1..1995192 100644
--- a/templates/layouts/sans-dark.html
+++ b/templates/layouts/sans-dark.html
@@ -58,6 +58,8 @@
                 <hr />
                 {{ template "alerts.html" . }}
                 <hr />
+                {{ template "media.html" . }}
+                <hr />
                 {{ template "figure.html" . }}
                 <hr />
                 {{ template "highlight-js.html" . }}
diff --git a/templates/layouts/sans.html b/templates/layouts/sans.html
index 7ad1880..3595f3b 100644
--- a/templates/layouts/sans.html
+++ b/templates/layouts/sans.html
@@ -45,6 +45,8 @@
                 <hr />
                 {{ template "alerts.html" . }}
                 <hr />
+                {{ template "media.html" . }}
+                <hr />
                 {{ template "figure.html" . }}
                 <hr />
                 {{ template "highlight-js.html" . }}
diff --git a/templates/partials/media.html b/templates/partials/media.html
new file mode 100644
index 0000000..fc7e61b
--- /dev/null
+++ b/templates/partials/media.html
@@ -0,0 +1,19 @@
+<h2 id="Media">Media</h2>
+<div class="terminal-media">
+    <div class="terminal-media-left">
+        <div class="terminal-avatarholder"><img width="50" height="50" src="https://picsum.photos/50/50?random&mediaLeft" alt="Picsum"></div>
+    </div>
+    <div class="terminal-media-body">
+        <div class="terminal-media-heading">Media Left Element</div>
+        <div class="terminal-media-content">This is the media content</div>
+    </div>
+</div>
+<div class="terminal-media">
+    <div class="terminal-media-body">
+        <div class="terminal-media-heading">Media Right Element</div>
+        <div class="terminal-media-content">This is the media content</div>
+    </div>
+    <div class="terminal-media-right">
+        <div class="terminal-avatarholder"><img width="50" height="50" src="https://picsum.photos/50/50?random&mediaRight" alt="Picsum"></div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/templates/partials/nav-list.html b/templates/partials/nav-list.html
index 0162b1f..9e91de0 100644
--- a/templates/partials/nav-list.html
+++ b/templates/partials/nav-list.html
@@ -2,15 +2,15 @@
   <header><h2 id="NavigationList">Navigation Lists</h2></header>
   <nav>
     <ul>
-      <li><a href="#">Dashboard</a></li>
-      <li><a href="#">Members</a></li>
-      <li><a href="#">Settings</a></li>
+      <li><a href="#NavigationList">Dashboard</a></li>
+      <li><a href="#NavigationList">Members</a></li>
+      <li><a href="#NavigationList">Settings</a></li>
       <li>
-        <a href="#">Profile</a>
+        <a href="#NavigationList">Profile</a>
         <ul>
-          <li><a  href="#">Account</a></li>
-          <li><a  href="#">Billing</a></li>
-          <li><a href="#">Logout</a></li>
+          <li><a href="#NavigationList">Account</a></li>
+          <li><a href="#NavigationList">Billing</a></li>
+          <li><a href="#NavigationList">Logout</a></li>
         </ul>
         </li>
     </ul>