Add footer to all pages. Finishes #179844107

app/assets/stylesheets/footer.scss

@@ -0,0 +1,10 @@
+@import "colors";
+
+.footer-item {
+  margin: 40px 12px;
+  color: $gray-1;
+}
+.footer-link {
+  @extend .font-cabin;
+  color: #01788E;
+}

app/assets/stylesheets/sqm_application.scss

@@ -9,6 +9,7 @@
 @import "buttons";
 @import "scss/fontawesome.scss";
 @import "scss/solid.scss";
+@import "footer.scss";
 
 .height-56 {
   height: 56px;

app/assets/stylesheets/welcome.scss

@@ -4,6 +4,7 @@
 @import "colors";
 @import "fonts";
 @import "borders";
+@import "footer";
 
 .hero-image {
   background-image: url("hero.png");

app/views/home/index.html.erb

@@ -66,7 +66,7 @@
   </div>
 </div>
 
-<footer class="bg-color-blue text-center py-11 mt-12px">
+<footer class="bg-color-blue text-center py-11 mt-12">
   <div class="footer-content">
     <h2 class="mb-4">About MCIEA</h2>
     <p>The Massachusetts Consortium for Innovative Education Assessment (MCIEA) is a partnership of Massachusetts public

app/views/layouts/home.html.erb

@@ -20,6 +20,11 @@
 </header>
 
 <%= yield %>
+
+<div>
+  <%= render partial: 'layouts/sqm/footer' %>
+</div>
+
 <script>
   window.schools = <%= @schools.map{ |school| school_mapper(school) }.to_json.html_safe %>;
 </script>

app/views/layouts/sqm/_footer.html.erb

@@ -0,0 +1,5 @@
+<footer class="d-flex justify-content-center">
+    <p class="footer-item">Copyright © 2021</p>
+    <%= link_to "MCIEA.org" , "https://www.mciea.org/" , class: "footer-item footer-link", target: "_blank" %>
+    <%= link_to "Contact Us" , "https://www.mciea.org/contact.html", class: "footer-item footer-link", target: "_blank"%>
+</footer>

app/views/layouts/sqm/application.html.erb

@@ -30,7 +30,7 @@
   <%= render partial: 'layouts/sqm/header' %>
 </div>
 
-<div class="bg-color-light-blue pb-7">
+<div class="bg-color-light-blue">
   <div class="container">
     <div class="row">
       <div class="col mt-7">
@@ -39,5 +39,10 @@
     </div>
   </div>
 </div>
+
+<div>
+  <%= render partial: 'layouts/sqm/footer' %>
+</div>
+
 </body>
 </html>