diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e69de29..b6deb51 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -0,0 +1,27 @@
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- CSS - Local -->
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/index.css" />
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/navbar.css" />
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/tailwind.min.css" />
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}/fontawesome/css/all.min.css" >
+
+    <!-- CSS - Remote -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
+
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+
+    <!-- Navbar scrolling script -->
+    <script type="text/javascript">
+    window.addEventListener('scroll', ()=>{
+        const nav = document.querySelector('nav')
+        nav.classList.toggle('onscroll', window.scrollY > 0)
+    })
+    </script>
+
+    <!-- Title attribute -->
+    <title>{{.Title}}</title>
+</head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 36708cc..6c00900 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,21 +1 @@
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-<!-- CSS - Local -->
-<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/index.css" />
-<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/navbar.css" />
-<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/tailwind.min.css" />
-<link rel="stylesheet" href="{{ .Site.BaseURL }}/fontawesome/css/all.min.css" >
-
-<!-- CSS - Remote -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
-
-<!-- Favicon -->
-<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-
-<script type="text/javascript">
-    window.addEventListener('scroll', ()=>{
-        const nav = document.querySelector('nav')
-        nav.classList.toggle('onscroll', window.scrollY > 0)
-    })
-</script>
+{{ partial "navbar.html" . }}
