From cb3dcc6c84c29e0590f7e79321535686485318e9 Mon Sep 17 00:00:00 2001
From: SamirFront-End
Date: Tue, 30 Jan 2024 16:44:12 -0500
Subject: [PATCH] se crea form de contacto
---
.../css/modales/begin/characterize_begin.css | 113 +++++++++++
assets/css/modales/begin/container_begin.css | 20 ++
assets/css/modales/begin/frm_begin.css | 36 ++++
assets/css/modales/begin/slider_begin.css | 9 +
.../subscription/form_subscription.css | 8 +-
assets/css/section_begin/container_begin.css | 3 -
assets/css/section_begin/frm_begin.css | 65 ------
assets/images/illustrations/business1.svg | 1 +
assets/images/illustrations/business2.svg | 1 +
assets/images/illustrations/business3.svg | 1 +
assets/images/illustrations/business4.svg | 1 +
assets/images/illustrations/business5.svg | 1 +
assets/images/illustrations/business6.svg | 1 +
assets/images/illustrations/calling1.svg | 1 +
assets/images/illustrations/calling2.svg | 1 +
assets/images/illustrations/creative.svg | 2 +-
assets/images/illustrations/dream1.svg | 1 +
assets/images/illustrations/dream2.svg | 1 +
assets/images/illustrations/dream3.svg | 1 +
assets/images/illustrations/dream4.svg | 1 +
assets/images/illustrations/profile1.svg | 1 +
assets/images/illustrations/profile2.svg | 1 +
assets/images/illustrations/profile3.svg | 1 +
assets/images/illustrations/profile4.svg | 1 +
assets/images/illustrations/sucess1.svg | 1 +
assets/images/illustrations/sucess2.svg | 1 +
assets/images/illustrations/sucess3.svg | 1 +
index.html | 155 +++++++++++++-
pages/start_services.html | 190 ------------------
29 files changed, 356 insertions(+), 264 deletions(-)
create mode 100644 assets/css/modales/begin/characterize_begin.css
create mode 100644 assets/css/modales/begin/container_begin.css
create mode 100644 assets/css/modales/begin/frm_begin.css
create mode 100644 assets/css/modales/begin/slider_begin.css
delete mode 100644 assets/css/section_begin/container_begin.css
delete mode 100644 assets/css/section_begin/frm_begin.css
create mode 100644 assets/images/illustrations/business1.svg
create mode 100644 assets/images/illustrations/business2.svg
create mode 100644 assets/images/illustrations/business3.svg
create mode 100644 assets/images/illustrations/business4.svg
create mode 100644 assets/images/illustrations/business5.svg
create mode 100644 assets/images/illustrations/business6.svg
create mode 100644 assets/images/illustrations/calling1.svg
create mode 100644 assets/images/illustrations/calling2.svg
create mode 100644 assets/images/illustrations/dream1.svg
create mode 100644 assets/images/illustrations/dream2.svg
create mode 100644 assets/images/illustrations/dream3.svg
create mode 100644 assets/images/illustrations/dream4.svg
create mode 100644 assets/images/illustrations/profile1.svg
create mode 100644 assets/images/illustrations/profile2.svg
create mode 100644 assets/images/illustrations/profile3.svg
create mode 100644 assets/images/illustrations/profile4.svg
create mode 100644 assets/images/illustrations/sucess1.svg
create mode 100644 assets/images/illustrations/sucess2.svg
create mode 100644 assets/images/illustrations/sucess3.svg
delete mode 100644 pages/start_services.html
diff --git a/assets/css/modales/begin/characterize_begin.css b/assets/css/modales/begin/characterize_begin.css
new file mode 100644
index 0000000..e45bb97
--- /dev/null
+++ b/assets/css/modales/begin/characterize_begin.css
@@ -0,0 +1,113 @@
+.characterize {
+ width: 90%;
+ height: 500px;
+ margin: auto;
+ display: grid;
+ grid-template-columns: 50% 50%;
+ background-image: url(../../../images/Cloudy.svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ position: relative;
+}
+.container-image {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.image-characterize {
+ width: 80%;
+}
+.container-form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.title-characterize {
+ text-align: center;
+ font-family: var(--font2);
+ width: 90%;
+ margin: 0px auto 10px auto;
+}
+.subtitle-characterize {
+ text-align: center;
+ font-family: var(--font4);
+ width: 90%;
+ font-weight: lighter;
+ margin-bottom: 40px;
+}
+.footer-characterize {
+ width: 100%;
+ height: 60px;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ /* background-color: red; */
+}
+.all-footer-char {
+ margin-top: 50px;
+}
+.btn-start-characterize {
+ width: 40%;
+ height: 50px;
+ background-color: var(--color1);
+ display: flex;
+ align-items: center;
+ border-radius: 5px;
+}
+.btn-profile-characterize {
+ width: 90px;
+ height: 40px;
+ background-color: var(--color1);
+ display: flex;
+ align-items: center;
+ border-radius: 5px;
+}
+.btn-next-char {
+ border: none;
+ border-radius: 5px;
+ width: 90px;
+ height: 40px;
+ background-color: var(--color1);
+ color: var(--color5);
+ font-family: var(--font2);
+ font-weight: bolder;
+ font-size: medium;
+}
+.btn-start-characterize:hover, .btn-profile-characterize:hover, .btn-next-char:hover {
+ cursor: pointer;
+ background-color: var(--color2);
+}
+.fa-circle-left {
+ font-size: x-large;
+}
+.btn-content-start {
+ margin: auto;
+ text-align: center;
+ font-family: var(--font2);
+ font-weight: bolder;
+ color: var(--color5);
+}
+
+/* ===>>> SCREEN MOBILE <<<=== */
+@media (max-width: 767px) {
+ .characterize {
+ display: block;
+ }
+ .title-characterize {
+ margin-top: 20px;
+ font-size: large;
+ }
+ .subtitle-characterize {
+ text-align: justify;
+ margin-bottom: 20px;
+ font-size: small;
+ }
+ .btn-start-characterize {
+ width: 60%;
+ height: 40px;
+ }
+ .all-footer-char {
+ margin-top: 20px;
+ }
+}
\ No newline at end of file
diff --git a/assets/css/modales/begin/container_begin.css b/assets/css/modales/begin/container_begin.css
new file mode 100644
index 0000000..efc49e9
--- /dev/null
+++ b/assets/css/modales/begin/container_begin.css
@@ -0,0 +1,20 @@
+.container-begin {
+ background-color: rgba(30, 136, 229, 0.6);
+ /* position: fixed; */
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ opacity: 1;
+ top: 0;
+ transition: all .5s ease-in;
+}
+.container-begin.show {
+ background-color: rgba(30, 136, 229, 0.6);
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ opacity: 1;
+ top: 0;
+ transition: all .5s ease-in;
+}
\ No newline at end of file
diff --git a/assets/css/modales/begin/frm_begin.css b/assets/css/modales/begin/frm_begin.css
new file mode 100644
index 0000000..63b31ff
--- /dev/null
+++ b/assets/css/modales/begin/frm_begin.css
@@ -0,0 +1,36 @@
+.profile-char {
+ /* background-color: green; */
+ width: 100%;
+}
+.lbl-profile-char {
+ width: 90%;
+ margin: 0 5%;
+ font-family: var(--font2);
+ font-size: small;
+ font-weight: bolder;
+}
+.inp-profile-char {
+ width: 90%;
+ height: 24px;
+ margin: 10px 5%;
+ border: none;
+ font-family: var(--font2);
+}
+.inp-profile-char:focus, .txtmsg-characterize:focus {
+ outline: none;
+ border-bottom: 1px solid var(--color1);
+ background-color: var(--color3);
+}
+.txtmsg-characterize {
+ width: 90%;
+ margin: 0 5%;
+ border: none;
+ font-family: var(--font2);
+}
+
+/* ===>>> SCREEN MOBILE <<<=== */
+@media (max-width: 767px) {
+ .txtmsg-characterize {
+ height: 100px;
+ }
+}
\ No newline at end of file
diff --git a/assets/css/modales/begin/slider_begin.css b/assets/css/modales/begin/slider_begin.css
new file mode 100644
index 0000000..c619e23
--- /dev/null
+++ b/assets/css/modales/begin/slider_begin.css
@@ -0,0 +1,9 @@
+.slider {
+ background-color: blue;
+ margin-top: 80px;
+ width: 600%;
+ display: grid;
+ grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
+ justify-content: space-evenly;
+ overflow-x: scroll;
+}
\ No newline at end of file
diff --git a/assets/css/modales/subscription/form_subscription.css b/assets/css/modales/subscription/form_subscription.css
index 05e9452..8f4e873 100644
--- a/assets/css/modales/subscription/form_subscription.css
+++ b/assets/css/modales/subscription/form_subscription.css
@@ -65,13 +65,16 @@
.npt-subscription {
width: 90%;
height: 30px;
- margin: 0px auto 10px auto;
+ margin: 5px auto 10px auto;
border: none;
- border-bottom: 1px solid var(--color4);
font-family: var(--font4);
+ background-color: var(--color3);
+ transition: background-color 0.6s ease;
}
.npt-subscription:focus {
outline: none;
+ border-bottom: 1px solid var(--color4);
+ background-color: var(--color5);
}
.modal-btn-subscription {
width: 40%;
@@ -89,6 +92,7 @@
cursor: pointer;
background-color: var(--color3);
color: var(--color4);
+ border: 1px solid var(--color4);
}
diff --git a/assets/css/section_begin/container_begin.css b/assets/css/section_begin/container_begin.css
deleted file mode 100644
index 14dc051..0000000
--- a/assets/css/section_begin/container_begin.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.container-begin {
- width: 100%;
-}
\ No newline at end of file
diff --git a/assets/css/section_begin/frm_begin.css b/assets/css/section_begin/frm_begin.css
deleted file mode 100644
index 7a573c8..0000000
--- a/assets/css/section_begin/frm_begin.css
+++ /dev/null
@@ -1,65 +0,0 @@
-.frm-begin {
- background-image: url(../../images/Cloudy_subscription.svg);
- background-repeat: no-repeat;
- background-size: cover;
- margin: auto;
- display: flex;
- flex-direction: column;
- justify-content: stretch;
- overflow-y:auto;
-}
-
-.title-begin {
- text-align: center;
- font-family: var(--font2);
- margin: 0px auto;
- font-weight: bolder;
-}
-.subtitle-begin {
- text-align: center;
- font-family: var(--font2);
- margin: 2px auto 80px auto;
- font-size: large;
-}
-.lbl-begin {
- width: 90%;
- margin: auto;
- font-family: var(--font4);
-}
-.npt-begin {
- width: 90%;
- height: 20px;
- margin: 5px auto 20px auto;
- border: none;
- border-bottom: 1px solid var(--color4);
- font-family: var(--font4);
-}
-.npt-begin:focus {
- outline: none;
-}
-.txtarea-begin {
- width: 90%;
- margin: 5px auto 20px auto;
- border: none;
- border-bottom: 1px solid var(--color4);
- font-family: var(--font4);
-}
-.txtarea-begin:focus {
- outline: none;
-}
-.sbmt-begin {
- width: 40%;
- margin: 20px auto;
- height: 40px;
- border: none;
- border-radius: 5px;
- background-color: var(--color5);
- font-family: var(--font2);
- color: var(--color4);
- font-weight: bolder;
- font-size: medium;
-}
-.sbmt-begin:hover {
- cursor: pointer;
- background-color: var(--color3);
-}
\ No newline at end of file
diff --git a/assets/images/illustrations/business1.svg b/assets/images/illustrations/business1.svg
new file mode 100644
index 0000000..690cca1
--- /dev/null
+++ b/assets/images/illustrations/business1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/business2.svg b/assets/images/illustrations/business2.svg
new file mode 100644
index 0000000..6f07d34
--- /dev/null
+++ b/assets/images/illustrations/business2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/business3.svg b/assets/images/illustrations/business3.svg
new file mode 100644
index 0000000..a2f04ce
--- /dev/null
+++ b/assets/images/illustrations/business3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/business4.svg b/assets/images/illustrations/business4.svg
new file mode 100644
index 0000000..f191c06
--- /dev/null
+++ b/assets/images/illustrations/business4.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/business5.svg b/assets/images/illustrations/business5.svg
new file mode 100644
index 0000000..bf7c9ef
--- /dev/null
+++ b/assets/images/illustrations/business5.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/business6.svg b/assets/images/illustrations/business6.svg
new file mode 100644
index 0000000..d2e81c9
--- /dev/null
+++ b/assets/images/illustrations/business6.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/calling1.svg b/assets/images/illustrations/calling1.svg
new file mode 100644
index 0000000..707d108
--- /dev/null
+++ b/assets/images/illustrations/calling1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/calling2.svg b/assets/images/illustrations/calling2.svg
new file mode 100644
index 0000000..434f9f2
--- /dev/null
+++ b/assets/images/illustrations/calling2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/creative.svg b/assets/images/illustrations/creative.svg
index 5df9632..c6a8b9a 100644
--- a/assets/images/illustrations/creative.svg
+++ b/assets/images/illustrations/creative.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/assets/images/illustrations/dream1.svg b/assets/images/illustrations/dream1.svg
new file mode 100644
index 0000000..47877f4
--- /dev/null
+++ b/assets/images/illustrations/dream1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/dream2.svg b/assets/images/illustrations/dream2.svg
new file mode 100644
index 0000000..4708d4d
--- /dev/null
+++ b/assets/images/illustrations/dream2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/dream3.svg b/assets/images/illustrations/dream3.svg
new file mode 100644
index 0000000..3941ae7
--- /dev/null
+++ b/assets/images/illustrations/dream3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/dream4.svg b/assets/images/illustrations/dream4.svg
new file mode 100644
index 0000000..4383802
--- /dev/null
+++ b/assets/images/illustrations/dream4.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/profile1.svg b/assets/images/illustrations/profile1.svg
new file mode 100644
index 0000000..91fb86a
--- /dev/null
+++ b/assets/images/illustrations/profile1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/profile2.svg b/assets/images/illustrations/profile2.svg
new file mode 100644
index 0000000..d6567cd
--- /dev/null
+++ b/assets/images/illustrations/profile2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/profile3.svg b/assets/images/illustrations/profile3.svg
new file mode 100644
index 0000000..22bc588
--- /dev/null
+++ b/assets/images/illustrations/profile3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/profile4.svg b/assets/images/illustrations/profile4.svg
new file mode 100644
index 0000000..d163ed9
--- /dev/null
+++ b/assets/images/illustrations/profile4.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/sucess1.svg b/assets/images/illustrations/sucess1.svg
new file mode 100644
index 0000000..fab495e
--- /dev/null
+++ b/assets/images/illustrations/sucess1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/sucess2.svg b/assets/images/illustrations/sucess2.svg
new file mode 100644
index 0000000..64c2ebd
--- /dev/null
+++ b/assets/images/illustrations/sucess2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/images/illustrations/sucess3.svg b/assets/images/illustrations/sucess3.svg
new file mode 100644
index 0000000..d507b6e
--- /dev/null
+++ b/assets/images/illustrations/sucess3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/index.html b/index.html
index 11a608e..8ee0b25 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,10 @@
+
+
+
+
@@ -422,7 +426,6 @@
¡Bienvenido al futuro digital!
-
Recibe las últimas novedades, ofertas exclusivas y descubre cómo podemos transformar tu presencia en línea.
@@ -433,9 +436,155 @@
-
-
+
+
+
+
+
+
+
+
+
+ ¡Hola emprendedores!
+
+
+ Queremos que expreses tu esencia de manera única.
+
+
+
+
+
+
+
+
+
+
+ ¿Cómo te llamamos?
+
+
+ Cual es el nombre de tu Empresa o del representante Legal
+
+
+
+
+
+
+
+
+
+
+ ¡Conéctanos contigo!
+
+
+ Compártenos el WhatsApp y correo electrónico de contacto directo contigo.
+
+
+
+
+
+
+
+
+
+
+ ¿Qué haces brillar?
+
+
+ Cuéntanos si ofreces servicios o productos.
+
+
+
+
+
+
+
+
+
+
+ Cuéntanos tu historia.
+
+
+ Descríbenos un poco los objetivos, diseño, propósito y metas para tu futuro sitio web.
+
+
+
+
+
+
+
+
+
+
+ ¡Despeguemos!
+
+
+ Aquí despega tu negocio digital, nosotros te contactaremos para dar vida a tus ideas.
+
+
+
+
+
+
-
-
-
-
-
-
-
diff --git a/pages/start_services.html b/pages/start_services.html
deleted file mode 100644
index 1f1a9f7..0000000
--- a/pages/start_services.html
+++ /dev/null
@@ -1,190 +0,0 @@
-
-
-