{% block title %} Farzat's website {% endblock %}

From 0426290c48ec8a7f2c979a1d2a4b471480dcae3a Mon Sep 17 00:00:00 2001 From: A Farzat Date: Sat, 23 Nov 2024 21:51:48 +0900 Subject: Add the footer --- sass/_footer.scss | 35 +++++++++++++++++++++++++++++++++++ sass/style.scss | 1 + templates/base.html | 44 +++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 79 insertions(+), 1 deletion(-) create mode 100644 sass/_footer.scss diff --git a/sass/_footer.scss b/sass/_footer.scss new file mode 100644 index 0000000..cf944e1 --- /dev/null +++ b/sass/_footer.scss @@ -0,0 +1,35 @@ +footer { + margin-top: 200*$px; +} +.footer { + margin: 100*$px auto; + text-align: center; +} +.social-icons { + & a { + cursor: pointer; + outline: none; + &:link, &:visited { + color: inherit; + text-decoration: none; + transition: transform .2s; + } + &:hover, &:active { + color: var(--color-primary); + transform: scale(1.05); + } + &:focus { + color: var(--color-accent); + transform: scale(1.05); + } + } + & svg { + max-width: 30*$px; + max-height: 30*$px; + fill: currentColor; + } + margin-top: 20*$px; + display: flex; + gap: 40*$px; + justify-content: center; +} diff --git a/sass/style.scss b/sass/style.scss index e9938ec..fb6a659 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,4 +1,5 @@ @import "variables"; +@import "footer"; @import "header"; @import "main"; @import "mixins"; diff --git a/templates/base.html b/templates/base.html index 2506540..889026c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -6,7 +6,7 @@ {% block title %} Farzat's website {% endblock %} - +