Sources base text added for where they will go and did some css editing on it

static/style.css

@@ -86,12 +86,14 @@ image {
 }
 
 .sources {
-  background-color: gray;
+  background-color: rgba(187, 185, 185, 0.479);
   color: white;
   text-align: left;
   height: 200px;
-  width: 1660px;
+  width: 1710px;
   margin-top: auto;
+  margin-left: -20px;
+  margin-bottom: -27px;
 }
 
 .sourcescontent{
@@ -99,6 +101,12 @@ image {
     color:white;
 }
 
+.sourcestext{
+  color: rgb(97, 97, 97);
+  font-family: Arial, Helvetica, sans-serif;
+  line-height: 8px;
+}
+
 .mainpart {
   display: flex;
   flex-direction: column;

templates/bivariate.html

@@ -21,6 +21,11 @@
     <footer class="sources">
         <div class="sourcescontent">
         <h2>Sources</h2>
-        <div>
+        <p class="sourcestext">links to sources would go here</p>
+        <p class="sourcestext">source one will embed link into text</p>
+        <p class="sourcestext">source two will embed link into text</p>
+        <p class="sourcestext">source three will embed link into text</p>
+        <p class="sourcestext">source four will embed link into text</p>
+        </div>
     </footer>
 {% endblock %}

templates/calculus.html

@@ -21,6 +21,11 @@
     <footer class="sources">
         <div class="sourcescontent">
         <h2>Sources</h2>
+        <p class="sourcestext">links to sources would go here</p>
+        <p class="sourcestext">source one will embed link into text</p>
+        <p class="sourcestext">source two will embed link into text</p>
+        <p class="sourcestext">source three will embed link into text</p>
+        <p class="sourcestext">source four will embed link into text</p>
         <div>
     </footer>
 {% endblock %}

templates/simultaneousequations.html

@@ -21,6 +21,11 @@
     <footer class="sources">
         <div class="sourcescontent">
         <h2>Sources</h2>
+        <p class="sourcestext">links to sources would go here</p>
+        <p class="sourcestext">source one will embed link into text</p>
+        <p class="sourcestext">source two will embed link into text</p>
+        <p class="sourcestext">source three will embed link into text</p>
+        <p class="sourcestext">source four will embed link into text</p>
         <div>
     </footer>
 {% endblock %}

templates/triganometry.html

@@ -21,6 +21,11 @@
     <footer class="sources">
         <div class="sourcescontent">
         <h2>Sources</h2>
+        <p class="sourcestext">links to sources would go here</p>
+        <p class="sourcestext">source one will embed link into text</p>
+        <p class="sourcestext">source two will embed link into text</p>
+        <p class="sourcestext">source three will embed link into text</p>
+        <p class="sourcestext">source four will embed link into text</p>
         <div>
     </footer>
 {% endblock %}