From 254e13736e486da9b2f066cc8843b71cba09d294 Mon Sep 17 00:00:00 2001 From: Dslak Date: Sat, 12 Dec 2020 18:56:00 +0100 Subject: [PATCH] add new footer --- components/footer/footer.html | 10 +++++++++ components/footer/footer.js | 5 +++++ components/footer/footer.scss | 37 ++++++++++++++++++++++++++++++++++ images/logoFooter.png | Bin 0 -> 5596 bytes pages/index.ejs | 2 +- src/scss/main.scss | 1 + 6 files changed, 54 insertions(+), 1 deletion(-) create mode 100644 components/footer/footer.html create mode 100644 components/footer/footer.js create mode 100644 components/footer/footer.scss create mode 100644 images/logoFooter.png 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 @@ +
+
+ + © IoLovOlio +
+ Privacy policy + Termini e condizioni +
+
+
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 0000000000000000000000000000000000000000..4b2a33be3e2b4cc23f4452f61f45e0e1967df80c GIT binary patch literal 5596 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 literal 0 HcmV?d00001 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 @@ - + ${require('../components/footer/footer.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";