diff --git a/components/Footer.js b/components/Footer.js new file mode 100644 index 0000000..846af78 --- /dev/null +++ b/components/Footer.js @@ -0,0 +1,19 @@ +import styles from "../styles/Footer.module.css"; +// Import Component +import Link from "next/link"; +// Import Images + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/styles/Footer.module.css b/styles/Footer.module.css new file mode 100644 index 0000000..9d521ce --- /dev/null +++ b/styles/Footer.module.css @@ -0,0 +1,26 @@ +.Footer { + height: 30px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + bottom: 0; +} + +.Footer a { + padding: 0 1em; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} + +.Footer a:hover { + opacity: 0.8; +} +/*# sourceMappingURL=Footer.module.css.map */ \ No newline at end of file diff --git a/styles/Footer.module.css.map b/styles/Footer.module.css.map new file mode 100644 index 0000000..9078b07 --- /dev/null +++ b/styles/Footer.module.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,OAAO,CAAC;EACP,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EAEnB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;CAST;;AAlBD,AAWC,OAXM,CAWN,CAAC,CAAC;EACD,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,QAAQ;CAIpB;;AAjBF,AAcE,OAdK,CAWN,CAAC,AAGC,MAAM,CAAC;EACP,OAAO,EAAE,GAAG;CACZ", + "sources": [ + "Footer.module.scss" + ], + "names": [], + "file": "Footer.module.css" +} \ No newline at end of file diff --git a/styles/Footer.module.scss b/styles/Footer.module.scss new file mode 100644 index 0000000..cb02096 --- /dev/null +++ b/styles/Footer.module.scss @@ -0,0 +1,19 @@ +.Footer { + height: 30px; + width: 100%; + + display: flex; + justify-content: center; + align-items: center; + + position: absolute; + bottom: 0; + + a { + padding: 0 1em; + transition: all 0.2s; + &:hover { + opacity: 0.8; + } + } +}