Create footer

views/landingPage/landing.ejs

@@ -84,6 +84,8 @@
             </div>
         </div>
 
+        <% include ../shared/footer %>
+
         <script>let error = <%- JSON.stringify(error) %>;</script>
         <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
         <script src="../shared/validation.js"></script>

views/shared/footer.ejs

@@ -0,0 +1,9 @@
+<div class="footer">
+    <p>The Subline</p>
+    <div>
+        <a href="/information">Privacy Policy</a>
+        <a href="/information">Terms and Conditions</a>
+        <a href="/information">Help</a>
+        <a href="/information">Contact us</a>
+    </div>
+</div>

views/shared/shared.css

@@ -203,6 +203,22 @@ strand-selector{
         color: white;
     }
 
+/* Footer Partial */
+.footer{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 10px;
+}
+
+    .footer > *{
+        margin: 5px;
+    }
+
+    .footer div > *{
+        margin: 0 25px;
+    }
+
 @media screen and (max-width: 600px){
     .button{
         font-size: 15px;