diff --git a/src/views/course-create.ejs b/src/views/course-create.ejs
index cd5387b..10c67bd 100644
--- a/src/views/course-create.ejs
+++ b/src/views/course-create.ejs
@@ -1,16 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
 
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="../css/course-create.css" />
-    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-    <title>Create Course</title>
-</head>
 
-<body>
+<%- include('partials/header.ejs', {title:"Create Course", style: "course-create"}) %>
     <section class="wizard-section">
         <div class="row no-gutters">
             <div class="col-lg-6 col-md-6">
@@ -236,6 +226,4 @@
             });
         });
     </script>
-</body>
-
-</html>
\ No newline at end of file
+<%- include('partials/footer.ejs') %>
\ No newline at end of file
diff --git a/src/views/course.ejs b/src/views/course.ejs
index e872cd5..a392eb8 100644
--- a/src/views/course.ejs
+++ b/src/views/course.ejs
@@ -1,12 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="../css/course.css" />
-    <title>Courses</title>
-  </head>
-  <body>
+
+  <%- include('partials/header.ejs', {title:"Courses", style: "course"}) %>
+ 
     <div class="course-container">
       <h1>Courses</h1>
       <form action="/search-course" method="POST">
@@ -34,5 +28,4 @@
         </ul>
       </div>
     </div>
-  </body>
-</html>
+  <%- include('partials/footer.ejs') %>
\ No newline at end of file
diff --git a/src/views/login.ejs b/src/views/login.ejs
index 9317e44..fc3b040 100644
--- a/src/views/login.ejs
+++ b/src/views/login.ejs
@@ -1,37 +1,28 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/css/login.css"> <!-- Include your CSS file -->
-    <title>Login</title>
-</head>
-<body>
-    <div class="login-container">
-        <h1>Login</h1>
-        
-        <!-- Display error flash message if available -->
-        <% if (messages && messages.length > 0) { %>
+<%- include('partials/header.ejs', {title:"Login", style: "login"}) %>
+<div class="login-container">
+    <h1>Login</h1>
+
+    <!-- Display error flash message if available -->
+    <% if (messages && messages.length> 0) { %>
         <div class="alert alert-danger">
             <%= messages[0] %>
         </div>
         <% } %>
 
-        <form action="/login" method="POST">
-            <input type="hidden" name="_csrf" value="<%= locals.csrfToken %>">
-            <div class="form-group">
-                <label for="username">Username:</label>
-                <input type="text" id="username" name="username" required>
-            </div>
-            <div class="form-group">
-                <label for="password">Password:</label>
-                <input type="password" id="password" name="password" required>
-            </div>
-            <div class="form-group">
-                <button type="submit">Login</button>
-            </div>
-        </form>
-        <p>Don't have an account? <a href="/register">Register here</a></p>
-    </div>
-</body>
-</html>
+            <form action="/login" method="POST">
+                <input type="hidden" name="_csrf" value="<%= locals.csrfToken %>">
+                <div class="form-group">
+                    <label for="username">Username:</label>
+                    <input type="text" id="username" name="username" required>
+                </div>
+                <div class="form-group">
+                    <label for="password">Password:</label>
+                    <input type="password" id="password" name="password" required>
+                </div>
+                <div class="form-group">
+                    <button type="submit">Login</button>
+                </div>
+            </form>
+            <p>Don't have an account? <a href="/register">Register here</a></p>
+</div>
+<%- include('partials/footer.ejs') %>
\ No newline at end of file
diff --git a/src/views/partials/footer.ejs b/src/views/partials/footer.ejs
new file mode 100644
index 0000000..691287b
--- /dev/null
+++ b/src/views/partials/footer.ejs
@@ -0,0 +1,2 @@
+</body>
+</html>
\ No newline at end of file
diff --git a/src/views/partials/header.ejs b/src/views/partials/header.ejs
new file mode 100644
index 0000000..625f1bb
--- /dev/null
+++ b/src/views/partials/header.ejs
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="/css/<%= style %>.css"> <!-- Include your CSS file -->
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    
+    <title><%- title %></title>
+</head>
+<body>
\ No newline at end of file
diff --git a/src/views/profile.ejs b/src/views/profile.ejs
index dcd1347..f1479a9 100644
--- a/src/views/profile.ejs
+++ b/src/views/profile.ejs
@@ -1,13 +1,5 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>User Profile</title>
-    <link rel="stylesheet" href="/css/profile.css">
-</head>
-<body>
 
+<%- include('partials/header.ejs', {title:"Profile", style: "profile"}) %>
 <div class="container">
   <div class="profile-container">
     <h1>Welcome, <%= user.username %>!</h1>
@@ -128,5 +120,4 @@
     <% } %>
   </div>
 </div>
-
-</body>
+<%- include('partials/footer.ejs') %>
diff --git a/src/views/register.ejs b/src/views/register.ejs
index 996f366..d432329 100644
--- a/src/views/register.ejs
+++ b/src/views/register.ejs
@@ -1,12 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/css/register.css"> <!-- Include your CSS file -->
-    <title>Registration</title>
-</head>
-<body>
+<%- include('partials/header.ejs', {title:"Register", style: "register"}) %>
     <div class="registration-container">
         <h1>Registration</h1>
         
@@ -45,5 +37,4 @@
         </form>
         <p>Already have an account? <a href="/login">Login here</a></p>
     </div>
-</body>
-</html>
+<%- include('partials/footer.ejs') %>
