diff --git a/components/footer/footer.html b/components/footer/footer.html
new file mode 100644
index 0000000..db8d4a3
--- /dev/null
+++ b/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>
diff --git a/components/footer/footer.js b/components/footer/footer.js
new file mode 100644
index 0000000..23dd2cf
--- /dev/null
+++ b/components/footer/footer.js
@@ -0,0 +1,5 @@
+
+$(document).ready( () => {
+  console.log('Load component - footer')
+
+})
\ No newline at end of file
diff --git a/components/footer/footer.scss b/components/footer/footer.scss
new file mode 100644
index 0000000..b67fa37
--- /dev/null
+++ b/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;
+      }
+    }
+  }
+
+}
diff --git a/images/logoFooter.png b/images/logoFooter.png
new file mode 100644
index 0000000..4b2a33b
Binary files /dev/null and b/images/logoFooter.png differ
diff --git a/pages/index.ejs b/pages/index.ejs
index 83dca25..955502e 100644
--- a/pages/index.ejs
+++ b/pages/index.ejs
@@ -39,7 +39,7 @@
 
     </main>
 
-
+    ${require('../components/footer/footer.html')}
 
   </body>
 </html>
diff --git a/src/scss/main.scss b/src/scss/main.scss
index a748583..508be94 100644
--- a/src/scss/main.scss
+++ b/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";