diff --git a/assets/css/modales/subscription/container_modal.css b/assets/css/modales/subscription/container_modal.css index ee4bfcf..382c254 100644 --- a/assets/css/modales/subscription/container_modal.css +++ b/assets/css/modales/subscription/container_modal.css @@ -3,8 +3,8 @@ position: fixed; width: 100%; height: 100%; - z-index: -1; - opacity: 0; + z-index: 1; + opacity: 1; top: 0; transition: all .5s ease-in; } diff --git a/assets/css/modales/subscription/form_subscription.css b/assets/css/modales/subscription/form_subscription.css index 233c421..b69c65b 100644 --- a/assets/css/modales/subscription/form_subscription.css +++ b/assets/css/modales/subscription/form_subscription.css @@ -1,7 +1,8 @@ .subscrition-frm { - background-image: url(../../../images/Cloudy_subscription.svg); + /* background-image: url(../../../images/Cloudy_subscription.svg); background-repeat: no-repeat; - background-size: cover; + background-size: cover; */ + background-color: var(--color5); width: 30%; margin: 100px auto; display: flex; @@ -24,34 +25,49 @@ font-weight: bolder; } .header-subscription { - width: 50%; - margin: 40px auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 40px auto 10px auto; + background-color: var(--color5); } .image-header-subscription { - width: 100%; -} -.lbl-subscription { - width: 90%; - margin: auto; - font-family: var(--font2); - font-weight: bolder; + width: 50%; } .title-modal-subscription { width: 90%; - margin: 0px auto 30px auto; + margin: 10px auto 10px auto; font-family: var(--font2); font-weight: bolder; text-align: center; } -/* .subtitle-modal-subscription { +.subtitle-modal-subscription { width: 90%; - margin: 10px auto; + margin: 0px auto 20px auto; font-family: var(--font4); -} */ + text-align: justify; + font-size: small; + font-weight: lighter; +} +.footer-modal { + display: flex; + flex-direction: column; + background-image: url(../../../images/Cloudy_subscription.svg); + background-repeat: no-repeat; + background-size: cover; +} +.lbl-subscription { + width: 90%; + margin: auto; + font-family: var(--font2); + font-weight: bolder; + /* background-color: green; */ +} .npt-subscription { width: 90%; height: 30px; - margin: 10px auto; + margin: 0px auto 10px auto; border: none; border-bottom: 1px solid var(--color4); font-family: var(--font4); diff --git a/index.html b/index.html index c77814b..e77a863 100644 --- a/index.html +++ b/index.html @@ -414,16 +414,20 @@

+

+ ¡Bienvenido al futuro digital! +

-

- ¡Bienvenido al futuro de tu negocio digital! -

- - - - + + +