diff --git a/public/css/footer.css b/public/css/footer.css
new file mode 100644
index 0000000..a3b8478
--- /dev/null
+++ b/public/css/footer.css
@@ -0,0 +1,38 @@
+.pageFooter {
+ background: #f3f3f7;
+ /*Gris pâle*/
+ width: 100%;
+ padding: 5px;
+ position: fixed;
+ bottom: 0;
+}
+
+ul.footerElementList {
+ display: flex;
+ flex-flow: row;
+ list-style: none;
+ justify-content: space-around;
+ align-items: center;
+ text-align: center;
+
+}
+
+.footerElement {
+ font-family: "Poppins";
+ font-weight: 400;
+ /*semi-bold*/
+ font-size: 0.5rem;
+ /*8px*/
+ text-align: center;
+}
+
+@media screen and (min-width: 768px) {
+ .footerElement {
+ font-family: "Poppins";
+ font-weight: 400;
+ /*semi-bold*/
+ font-size: 0.75rem;
+ /*12px*/
+ text-align: center;
+ }
+}
\ No newline at end of file
diff --git a/public/css/general.css b/public/css/general.css
index 4eee7c1..6f3b410 100644
--- a/public/css/general.css
+++ b/public/css/general.css
@@ -15,6 +15,7 @@ img {
body {
margin: 0;
padding-top: 60px;
+ padding-bottom: 20px;
}
ul {
@@ -24,6 +25,7 @@ ul {
a {
color: #FF563C;
text-decoration: none;
+ font-family: "Poppins";
}
.wrapper {
diff --git a/templates/html/footer.html b/templates/html/footer.html
index 74527db..8f9fb25 100644
--- a/templates/html/footer.html
+++ b/templates/html/footer.html
@@ -1,10 +1,10 @@
{{ define "footer-html" }}
-
-{{ end }}
+
+{{ end }}
\ No newline at end of file
diff --git a/templates/html/general.html b/templates/html/general.html
index 35f7d8a..ba47914 100644
--- a/templates/html/general.html
+++ b/templates/html/general.html
@@ -1,11 +1,12 @@
{{ define "general-html" }}
-
-
-
-
-{{ end }}
+
+
+
+
+
+{{ end }}
\ No newline at end of file
diff --git a/templates/html/index.html b/templates/html/index.html
index 8dd20e5..e62fe06 100644
--- a/templates/html/index.html
+++ b/templates/html/index.html
@@ -39,9 +39,10 @@
src="/public/icones/instagram-icon.svg">
-
- {{ template "footer-html" }}
+
+
+ {{ template "footer-html" }}