new footer with columns

cao_blogr/static/theme.css

@@ -149,18 +149,6 @@ h5 {
   margin-left: 10px;
 }
 
-footer {
-  background-color: #2d2d30;
-  color: #f5f5f5;
-  padding: 32px;
-}
-footer a {
-  color: #f5f5f5;
-}
-footer a:hover {
-  color: #777;
-  text-decoration: none;
-}  
 .form-control {
   border-radius: 0;
 }
@@ -226,3 +214,59 @@ blockquote {
   display:block;
 }
 
+/* https://web-eau.net/blog/10-exemples-de-footer-pour-vous-inspirer */
+
+.footer-dark {
+  padding:40px;
+  color:#f0f9ff;
+  background-color:#282d32;
+}
+
+.footer-dark h3 {
+  margin-top:12px;
+  margin-bottom:12px;
+  font-weight:bold;
+  font-size:16px;
+}
+
+.footer-dark ul {
+  padding:0;
+  list-style:none;
+  line-height:1.6;
+  font-size:14px;
+  margin-bottom:0;
+}
+
+.footer-dark ul a {
+  color:inherit;
+  text-decoration:none;
+  opacity:0.6;
+}
+
+.footer-dark ul a:hover {
+  opacity:0.8;
+}
+
+.footer-dark .item.text {
+  margin-bottom:36px;
+}
+
+@media (max-width:767px) {
+  .footer-dark .item.text {
+    margin-bottom:0;
+  }
+}
+
+.footer-dark .item.text p {
+  opacity:0.6;
+  margin-bottom:0;
+}
+
+.footer-dark .copyright {
+  text-align:center;
+  padding-top:24px;
+  opacity:0.7;
+  font-size:15px;
+  margin-bottom:0;
+}
+