diff --git a/static/style.css b/static/style.css
index 1f40c59..6b87939 100644
--- a/static/style.css
+++ b/static/style.css
@@ -83,4 +83,24 @@ image {
   padding: 40px;
   border-radius: 4px;
   margin-left: auto;
+}
+
+.sources {
+  background-color: gray;
+  color: white;
+  text-align: left;
+  height: 200px;
+  width: 1660px;
+  margin-top: auto;
+}
+
+.sourcescontent{
+    margin-left: 8px;
+    color:white;
+}
+
+.mainpart {
+  display: flex;
+  flex-direction: column;
+  min-height: 80vh;
 }
\ No newline at end of file
diff --git a/templates/bivariate.html b/templates/bivariate.html
index faccfa4..eb6f72a 100644
--- a/templates/bivariate.html
+++ b/templates/bivariate.html
@@ -1,10 +1,33 @@
 {% extends 'base.html' %}
 {% block content %}
+<style>
+
+.sources {
+  background-color: gray;
+  color: white;
+  text-align: left;
+  height: 200px;
+  width: 1660px;
+  margin-top: auto;
+}
+
+.sourcescontent{
+    margin-left: 8px;
+    color:white;
+}
+
+.mainpart {
+  display: flex;
+  flex-direction: column;
+  min-height: 80vh;
+}
+</style>
+<div class="mainpart">
 <h1>Information on bivariate data Analysis</h1>
 
     <div class="information">
         <h2>information</h2>
-
+        
     </div>
 
     <div class="formulas">
@@ -14,6 +37,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/calculus.html b/templates/calculus.html
index 13aca33..d26c64e 100644
--- a/templates/calculus.html
+++ b/templates/calculus.html
@@ -1,8 +1,9 @@
 {% extends 'base.html' %}
 {% block content %}
-    <h1>Calculus</h1>
+<div class="mainpart">
+<h1>Information on calculus</h1>
 
-        <div class="information">
+    <div class="information">
         <h2>information</h2>
 
     </div>
@@ -14,6 +15,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/simultaneousequations.html b/templates/simultaneousequations.html
index 587dc3e..f234118 100644
--- a/templates/simultaneousequations.html
+++ b/templates/simultaneousequations.html
@@ -1,8 +1,9 @@
 {% extends 'base.html' %}
 {% block content %}
-    <h1>Simultaneous Equations</h1>
+<div class="mainpart">
+<h1>Information on simultaneous equations</h1>
 
-        <div class="information">
+    <div class="information">
         <h2>information</h2>
 
     </div>
@@ -14,6 +15,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/triganometry.html b/templates/triganometry.html
index 7a7cb33..91044d1 100644
--- a/templates/triganometry.html
+++ b/templates/triganometry.html
@@ -1,8 +1,9 @@
 {% extends 'base.html' %}
 {% block content %}
-    <h1>Triganometry</h1>
+<div class="mainpart">
+<h1>Information on triganometry</h1>
 
-        <div class="information">
+    <div class="information">
         <h2>information</h2>
 
     </div>
@@ -14,6 +15,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}
\ No newline at end of file