Merge pull request #3 from enredacoop/feature/add-prefooter

Add prefooter to layout
enredacoop · Jan 2, 2024 · 256a4ba · 256a4ba
2 parents 18ab954 + 6aacd78
commit 256a4ba
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 6 deletions.
diff --git a/src/css/base.css b/src/css/base.css
@@ -412,6 +412,20 @@ footer {
   color: var(--white);
   font-family: var(--title-font);
 }
+footer .prefooter {
+  background-color: #EBDDDD;;
+  padding: var(--section-padding);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2.5rem;
+}
+footer .prefooter  h4 {
+  color: var(--black);
+  font-weight: 400;
+  font-size: 2rem;
+  text-align: center;
+}
 footer .main {
   display: flex;
   flex-direction: row;
@@ -507,6 +521,9 @@ footer .subfooter p a {
   header ~ .menu li {
     text-align: center;
   }
+  footer .prefooter  h4 {
+    font-size: 1.75rem;
+  }
   footer .main {
     flex-direction: column-reverse;
     align-items: center;
@@ -553,6 +570,10 @@ footer .subfooter p a {
   header ~ .menu menu {
     gap: 1.75rem;
   }
+  footer .prefooter h4 {
+    font-size: 1.5rem;;
+    gap: 1.5rem;
+  }
 }
 
 .button-primary {

diff --git a/src/layouts/base.html b/src/layouts/base.html
@@ -170,6 +170,14 @@
       <div id="content">{{ content }}</div>
     </main>
     <footer>
+      <div class="prefooter">
+        <h4>¡Lánzate al siguiente nivel con ENREDA!</h4>
+        <a 
+          class="button-primary" 
+          href="/contacto/">
+          Contacta
+        </a>
+      </div>
       <div class="main">
         <div class="contact">
           <h4>Contacta</h4>
@@ -213,12 +221,14 @@ <h4>Contacta</h4>
         </div>
         <div class="ods">
           <h4>Echa un vistazo a nuestros</h4>
-          <img
-            width="215"
-            height="98"
-            src="/assets/img/objetivos-desarrollo-sostenible.svg"
-            alt=""
-          />
+          <a href="/ods/">
+            <img
+              width="215"
+              height="98"
+              src="/assets/img/objetivos-desarrollo-sostenible.svg"
+              alt=""
+            />
+          </a>
         </div>
       </div>
       <div class="subfooter">