diff --git a/pages/bspwm.html b/pages/bspwm.html
index e69de29..9211b86 100644
--- a/pages/bspwm.html
+++ b/pages/bspwm.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Window Manager Configurinator</title>
+    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../lib/FontAwesome/css/all.css" rel="stylesheet">
+    <link href="../css/main.css" rel="stylesheet">
+</head>
+<body>
+    <div class="NewContainer">
+        <div class="row" id="header"></div>
+        <div class="row GradientBorder">
+            <h1>bspwm</h1>
+        </div>
+        <div class="row" id="footer"></div>
+    </div>
+</body>
+</html>
+<script src="../lib/jquery/jquery.js" type="text/javascript"></script>
+<script src="../lib/bootstrap/js/boostrap.js" type=text/javascript"></script>
+<script src="../javascript/main.js"></script>
\ No newline at end of file
diff --git a/pages/dwm.html b/pages/dwm.html
index e69de29..271575f 100644
--- a/pages/dwm.html
+++ b/pages/dwm.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Window Manager Configurinator</title>
+    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../lib/FontAwesome/css/all.css" rel="stylesheet">
+    <link href="../css/main.css" rel="stylesheet">
+</head>
+<body>
+    <div class="NewContainer">
+        <div class="row" id="header"></div>
+        <div class="row GradientBorder">
+            <h1>dwm</h1>
+        </div>
+        <div class="row" id="footer"></div>
+    </div>
+</body>
+</html>
+<script src="../lib/jquery/jquery.js" type="text/javascript"></script>
+<script src="../lib/bootstrap/js/boostrap.js" type=text/javascript"></script>
+<script src="../javascript/main.js"></script>
\ No newline at end of file
diff --git a/pages/hyprland.html b/pages/hyprland.html
index e69de29..30396b0 100644
--- a/pages/hyprland.html
+++ b/pages/hyprland.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Window Manager Configurinator</title>
+    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../lib/FontAwesome/css/all.css" rel="stylesheet">
+    <link href="../css/main.css" rel="stylesheet">
+</head>
+<body>
+    <div class="NewContainer">
+        <div class="row" id="header"></div>
+        <div class="row GradientBorder">
+            <h1>hyprland</h1>
+        </div>
+        <div class="row" id="footer"></div>
+    </div>
+</body>
+</html>
+<script src="../lib/jquery/jquery.js" type="text/javascript"></script>
+<script src="../lib/bootstrap/js/boostrap.js" type=text/javascript"></script>
+<script src="../javascript/main.js"></script>
\ No newline at end of file
diff --git a/pages/i3.html b/pages/i3.html
index e69de29..7abe51f 100644
--- a/pages/i3.html
+++ b/pages/i3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Window Manager Configurinator</title>
+    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../lib/FontAwesome/css/all.css" rel="stylesheet">
+    <link href="../css/main.css" rel="stylesheet">
+</head>
+<body>
+    <div class="NewContainer">
+        <div class="row" id="header"></div>
+        <div class="row GradientBorder">
+            <h1>i3</h1>
+        </div>
+        <div class="row" id="footer"></div>
+    </div>
+</body>
+</html>
+<script src="../lib/jquery/jquery.js" type="text/javascript"></script>
+<script src="../lib/bootstrap/js/boostrap.js" type=text/javascript"></script>
+<script src="../javascript/main.js"></script>
\ No newline at end of file
