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 @@ +13 \ 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 @@ +heatmap \ 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 @@ +playing cards \ 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 @@ - - - - - - - - - - - - - - - - - - - - - - - - - SamirDev - - -
-
- - -
-
- -
-
-
-
-
-
- -
-

- ¡Hola emprendedores! -

-

- ¿Listos para destacar? -

- - - - - - - - - - - -
-
-
- - - - - - \ No newline at end of file