From cd0dd4a10c7f47eb5338b88837ea0ad67565f142 Mon Sep 17 00:00:00 2001
From: "Jose M. Pinto" <josemipinton@gmail.com>
Date: Tue, 22 Jul 2025 01:00:38 +0000
Subject: [PATCH] space between header contact and footer

---
 src/front/components/HeaderContact.jsx | 9 +++++++--
 src/front/components/HeaderHome.jsx    | 4 ++--
 src/front/index.css                    | 3 +++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/front/components/HeaderContact.jsx b/src/front/components/HeaderContact.jsx
index 1a8839fc15..4e3294b54c 100644
--- a/src/front/components/HeaderContact.jsx
+++ b/src/front/components/HeaderContact.jsx
@@ -60,7 +60,8 @@ const HeaderContact = () => {
     };
 
     return (
-        <section className="w-100 h-100 mb-5 mt-5 position-relative ">
+        <>
+        <section className="header w-100 h-100 mb-5 mt-5 position-relative ">
             <img
                 src={HomeContact}
                 alt="CloudTech background image"
@@ -211,9 +212,13 @@ const HeaderContact = () => {
                         </form>
 
                     </div>
-                </div>
+                </div>    
             </div>
         </section>
+        <div className="h-100 mb-4">
+            <br/>
+        </div>
+    </>
     );
 };
 
diff --git a/src/front/components/HeaderHome.jsx b/src/front/components/HeaderHome.jsx
index 58ed948ed9..76b31b260b 100644
--- a/src/front/components/HeaderHome.jsx
+++ b/src/front/components/HeaderHome.jsx
@@ -15,11 +15,11 @@ export const HeaderHome = () => {
             <div className="container w-100 h-100 z-1">
                 <div className="row text-center z-1">
                     <div className="col my-5 pt-5 d-flex flex-column justify-content-center align-items-center z-1">
-                        <h1 className="hero-title-home display-3 fw-bolder text-warning mt-sm-0 mt-5 mb-4">
+                        <h1 className="hero-title-home display-3 fw-bolder text-warning w-75 mt-sm-0 mt-5 mb-4">
                             {t('headers.headerHome.headLine')}
                         </h1>
 
-                        <p className="hero-subtitle-home fs-5 text-white w-75 mb-5">
+                        <p className="hero-subtitle-home fs-5 text-white w-50 mb-5">
                             {t('headers.headerHome.headerDescription')}
                         </p>
 
diff --git a/src/front/index.css b/src/front/index.css
index ceb313abdf..7228af3ad1 100644
--- a/src/front/index.css
+++ b/src/front/index.css
@@ -341,6 +341,9 @@ h6 {
   color: transparent;
 }
 /* header contacto */
+.header{
+  margin-bottom: 4rem !important;
+}
 .form-label-contact {
   color: #60e0a5 !important;
 }