diff --git a/CSS/Main.css b/CSS/Main.css
index 977fe54..e748d84 100644
--- a/CSS/Main.css
+++ b/CSS/Main.css
@@ -9,9 +9,11 @@ body{
     font-family: JetBrains_Mono;
 }
 
-header{
-    background-image: linear-gradient(to right, #2c3e50, #4CAF50);
+.GradientBorder{
+    border: 5px solid;
+    border-image: linear-gradient(45deg, purple, orange) 1;
+    border-radius: 10px;
+}
+.GradientBackground{
+    background-image: linear-gradient(45deg, purple, orange) 1;
 }
-footer{
-    background-image: linear-gradient(to left, #2c3e50, #4CAF50);
-}
\ No newline at end of file
diff --git a/Views/footer.html b/Views/footer.html
index e69de29..ae2d4ad 100644
--- a/Views/footer.html
+++ b/Views/footer.html
@@ -0,0 +1 @@
+<footer class="GradientBackground"></footer>
\ No newline at end of file
diff --git a/Views/header.html b/Views/header.html
index e69de29..37c703b 100644
--- a/Views/header.html
+++ b/Views/header.html
@@ -0,0 +1,10 @@
+<header class="GradientBackground">
+    <div class="container">
+        <div class="logo">
+            <a href="../index.html"><img src="../Content/Images/Logo.png" alt="Logo" /></a>
+        </div>
+    </div>
+    <div class="menu">
+
+    </div>
+</header>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5113053..c0de189 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,9 @@
         <div class="row">
             <header></header>
         </div>
-        <div class="row"></div>
+        <div class="row GradientBorder">
+            <p>Test</p>
+        </div>
         <div class="row">
             <footer></footer>
         </div>