add new footer

components/footer/footer.html

@@ -0,0 +1,10 @@
+<div class="component-footer">
+  <div class="content">
+    <img class="logo" src="/images/logoFooter.png">
+    <span class="copy">&copy; IoLovOlio</span>
+    <div class="links">
+      <a class="link" href="#">Privacy policy</a>
+      <a class="link" href="#">Termini e condizioni </a>
+    </div>
+  </div>
+</div>

components/footer/footer.js

@@ -0,0 +1,5 @@
+
+$(document).ready( () => {
+  console.log('Load component - footer')
+
+})

components/footer/footer.scss

@@ -0,0 +1,37 @@
+@import "../../src/scss/variables.scss";
+@import "../../src/scss/mixins.scss";
+
+.component-footer {
+  position: relative;
+  display: flex;
+  height: 250px;
+  background: $olive-dark;
+  padding: 40px 0;
+
+  .content {
+    display: block;
+    margin: 0 auto;
+
+    .logo {
+      display: block;
+      height: 50px;
+      margin: 10px auto 20px auto;
+    }
+
+    .copy,
+    .links {
+      display: block;
+      @include font-style($font-sans, 'regular', $font-18);
+      color: $white;
+      text-align: center;
+      padding: 0;
+
+      .link {
+        color: $white;
+        text-decoration: none;
+        padding: 0 5px;
+      }
+    }
+  }
+
+}

pages/index.ejs

@@ -39,7 +39,7 @@
 
     </main>
 
-
+    ${require('../components/footer/footer.html')}
 
   </body>
 </html>

src/scss/main.scss

@@ -14,3 +14,4 @@
 @import "./components/header/header.scss";
 @import "./components/sectionHeader/sectionHeader.scss";
 @import "./components/content/content.scss";
+@import "./components/footer/footer.scss";