added sources block on each topic

static/style.css

@@ -84,3 +84,23 @@ image {
   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;
+}

templates/bivariate.html

@@ -1,5 +1,28 @@
 {% 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">
@@ -14,6 +37,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}

templates/calculus.html

@@ -1,6 +1,7 @@
 {% extends 'base.html' %}
 {% block content %}
-    <h1>Calculus</h1>
+<div class="mainpart">
+<h1>Information on calculus</h1>
 
     <div class="information">
         <h2>information</h2>
@@ -14,6 +15,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}

templates/simultaneousequations.html

@@ -1,6 +1,7 @@
 {% extends 'base.html' %}
 {% block content %}
-    <h1>Simultaneous Equations</h1>
+<div class="mainpart">
+<h1>Information on simultaneous equations</h1>
 
     <div class="information">
         <h2>information</h2>
@@ -14,6 +15,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}

templates/triganometry.html

@@ -1,6 +1,7 @@
 {% extends 'base.html' %}
 {% block content %}
-    <h1>Triganometry</h1>
+<div class="mainpart">
+<h1>Information on triganometry</h1>
 
     <div class="information">
         <h2>information</h2>
@@ -14,6 +15,12 @@
 
     <div class="quizzes">
         <h2>quizzes</h2>
-
     </div>
+
+</div>
+    <footer class="sources">
+        <div class="sourcescontent">
+        <h2>Sources</h2>
+        <div>
+    </footer>
 {% endblock %}