From 6ad70a832e212084d6cc7a6a4cd41d2343040fdd Mon Sep 17 00:00:00 2001 From: Felipe de Moraes Gomes Date: Tue, 12 May 2026 16:00:16 -0300 Subject: [PATCH] =?UTF-8?q?FEAT:=20atualiza=C3=A7=C3=A3o=20do=20HTML,=20CS?= =?UTF-8?q?S=20e=20JS=20da=20LandingPage=20da=20Banda=20Larga?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- teste/BandaEmpresarial/index.html | 320 +++++++++++++++---------- teste/BandaEmpresarial/planos.css | 5 +- teste/BandaResidencial/index.html | 327 ++++++++++++++++---------- teste/BandaResidencial/planos.css | 42 ++-- teste/FormViabilidade/viabilidade.css | 24 +- 5 files changed, 441 insertions(+), 277 deletions(-) diff --git a/teste/BandaEmpresarial/index.html b/teste/BandaEmpresarial/index.html index 30057d2..7949a51 100644 --- a/teste/BandaEmpresarial/index.html +++ b/teste/BandaEmpresarial/index.html @@ -1,125 +1,197 @@ -
-
-
-
-

100

-

MEGA

-
-
- Ícone do WiFi -
-
Super WiFi + IP Fixo
-
-
-

R$

-

149,

-
-

90

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-

200

-

MEGA

-
-
- Ícone do WiFi -
-
Super WiFi + IP Fixo
-
-

R$

-

159,

-
-

80

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-

MAIS VENDIDO

-
-
-
-

500

-

MEGA

-
-
- Ícone do WiFi -
-
- Super WiFi + IP Fixo -
-
-
-

R$

-

199,

-
-

80

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-
-
-

700

-

MEGA

-
-
-
- Ícone do WiFi -
-
Super WiFi + IP Fixo
-
-
-

R$

-

259,

-
-

75

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-

1

-

GB

-
-
-
- Ícone do WiFi -
-
Super WiFi + IP Fixo
-
-
-

R$

-

319,

-
-

70

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-

A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de 12 meses.

-
+
+
+
+
+
+

100

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi + IP Fixo
+
+
+
+

R$

+
+
+

149,

+
+
+
+

90

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+
+

200

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi + IP Fixo
+
+
+
+

R$

+
+
+

159,

+
+
+
+

80

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+

MAIS VENDIDO

+
+
+
+
+
+

500

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
+ Super WiFi + IP Fixo +
+
+
+
+

R$

+
+
+

199,

+
+
+
+

80

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+
+
+
+

700

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi + IP Fixo
+
+
+
+

R$

+
+
+

259,

+
+
+
+

75

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+
+

1

+
+
+

GB

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi + IP Fixo
+
+
+
+

R$

+
+
+

319,

+
+
+
+

70

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+

A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de + 12 meses.

+
\ No newline at end of file diff --git a/teste/BandaEmpresarial/planos.css b/teste/BandaEmpresarial/planos.css index 5ba0388..fe3abe7 100644 --- a/teste/BandaEmpresarial/planos.css +++ b/teste/BandaEmpresarial/planos.css @@ -362,17 +362,14 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- font-size: 40px !important; } - /* --- Instalação --- */ .instalacao__container > p { text-align: center; } - /* --- CORREÇÃO: remover margin-bottom absurdo --- */ .form-element-field1 { - margin-bottom: 20px; /* era 2600px — quase certamente um bug */ + margin-bottom: 20px; } - /* --- Mensagem de plano selecionado --- */ #plano-selecionado-msg { font-size: 16px !important; } diff --git a/teste/BandaResidencial/index.html b/teste/BandaResidencial/index.html index 56d42f4..64bf33a 100644 --- a/teste/BandaResidencial/index.html +++ b/teste/BandaResidencial/index.html @@ -1,124 +1,205 @@ -
-
-
-
-

100

-

MEGA

-
-
-
- Ícone do WiFi -
-
Super WiFi
-
-

R$

-

69,

-
-

90

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-

200

-

MEGA

-
-
- Ícone do WiFi -
-
Super WiFi
-
-
-

R$

-

79,

-
-

90

-

/mês

-
-
-
- SELECIONAR PLANO -
-

MAIS VENDIDO

-
-
-
-

500

-

MEGA

-
-
- Ícone do WiFi -
-
- Super WiFi -
-
-
-

R$

-

119,

-
-

90

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-
-
-

700

-

MEGA

-
-
-
- Ícone do WiFi -
-
Super WiFi
-
-
-

R$

-

179,

-
-

85

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-

1

-

GB

-
-
-
- Ícone do WiFi -
-
Super WiFi
-
-
-

R$

-

239,

-
-

80

-

/mês

-
-
-
- SELECIONAR PLANO -
-
-
-
-

A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de 12 meses.

+

Deseja escolher outro plano?

+
+
+
+
+
+

100

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi
+
+
+
+

R$

+
+
+

69,

+
+
+
+

90

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
-
\ No newline at end of file +
+
+
+

200

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi
+
+
+
+

R$

+
+
+

79,

+
+
+
+

90

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+

MAIS VENDIDO

+
+
+
+
+
+

500

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
+ Super WiFi +
+
+
+
+

R$

+
+
+

119,

+
+
+
+

90

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+
+
+
+

700

+
+
+

MEGA

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi
+
+
+
+

R$

+
+
+

179,

+
+
+
+

85

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+
+

1

+
+
+

GB

+
+
+
+
+ Ícone do WiFi +
+
Super WiFi
+
+
+
+

R$

+
+
+

239,

+
+
+
+

80

+
+
+

/mês

+
+
+
+
+ SELECIONAR PLANO +
+
+
+
+

A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de + 12 meses.

+
+ + +
\ No newline at end of file diff --git a/teste/BandaResidencial/planos.css b/teste/BandaResidencial/planos.css index 5ba0388..93bf6f7 100644 --- a/teste/BandaResidencial/planos.css +++ b/teste/BandaResidencial/planos.css @@ -1,4 +1,3 @@ -/* funcionou nos planos */ .form-element-field01 { margin-bottom: 50px; } @@ -68,7 +67,7 @@ } .planos__container { - width: 100%; + width: 100vw; max-width: 1200px; margin: auto; display: flex !important; @@ -76,6 +75,8 @@ justify-content: center !important; align-items: center !important; padding: 40px 20px !important; + overflow-x: hidden !important; + box-sizing: border-box !important; } .planos-cards__container { @@ -84,6 +85,8 @@ margin: auto !important; align-items: center !important; gap: 25px !important; + flex-wrap: wrap !important; + box-sizing: border-box !important; } .instalacao__container { @@ -111,21 +114,23 @@ .most-sell-card__container { background-color: #1d3350 !important; - min-width: 230px !important; - height: 450px !important; + height: auto !important; + min-height: 450px !important; border-radius: 20px 0px 20px 20px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; + padding-bottom: 25px !important; + box-sizing: border-box !important; } .seller-card__container { background: radial-gradient(circle at 50% 50%, #B00025 50%, /* intermediário */ #A70022 100%) !important; /* mais escuro nas bordas */ - height: 450px !important; - min-width: 230px !important; + height: auto !important; + min-width: 450px !important; border-radius: 20px !important; display: flex !important; justify-content: center !important; @@ -134,6 +139,8 @@ margin-top: 30px !important; color: white !important; transition: transform 0.5s ease; + padding-bottom: 25px !important; + box-sizing: border-box !important; } .best-seller-card__container { @@ -141,12 +148,13 @@ #B00025 50%, /* intermediário */ #A70022 100%) !important; /* mais escuro nas bordas */ width: 92% !important; - height: 95% !important; + height: auto !important; border-radius: 15px !important; color: white !important; display: flex !important; flex-direction: column !important; align-items: center !important; + padding-bottom: 25px !important; } .card-title__container { @@ -294,11 +302,10 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- @media (max-width: 480px) { - /* --- Banda Larga --- */ .banda-larga__container { - flex-direction: column; - gap: 20px; - padding: 0 15px; + flex-direction: column !important; + gap: 20px !important; + padding: 0 15px !important; } .banda-residencia__container, @@ -308,10 +315,9 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- } .banda-card__content { - padding: 25px; + padding: 25px !important; } - /* --- Planos --- */ .planos__container { margin-left: 0 !important; margin-right: 0 !important; @@ -325,7 +331,6 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- gap: 15px !important; } - /* --- Cards individuais --- */ .out-card__container { width: 100%; max-width: 320px; @@ -362,17 +367,14 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- font-size: 40px !important; } - /* --- Instalação --- */ .instalacao__container > p { - text-align: center; + text-align: center !important; } - /* --- CORREÇÃO: remover margin-bottom absurdo --- */ .form-element-field1 { - margin-bottom: 20px; /* era 2600px — quase certamente um bug */ + margin-bottom: 20px; } - /* --- Mensagem de plano selecionado --- */ #plano-selecionado-msg { font-size: 16px !important; } @@ -440,7 +442,7 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- .planos-cards__container { gap: 15px !important; - flex-wrap: wrap !important; /* permite quebrar linha se não couber */ + flex-wrap: wrap !important; } .most-sell-card__container { diff --git a/teste/FormViabilidade/viabilidade.css b/teste/FormViabilidade/viabilidade.css index c242407..53333ea 100644 --- a/teste/FormViabilidade/viabilidade.css +++ b/teste/FormViabilidade/viabilidade.css @@ -15,7 +15,8 @@ } .form-element-field24 { - margin-bottom: 500px; + margin-bottom: 250px; + } .form-element-field25, @@ -57,7 +58,7 @@ width: 50%; border: 1px solid gray; border-radius: 20px; - height: 200px; + height: 270px; } .banda-card__content { @@ -106,15 +107,26 @@ background-color: #1d6570 !important; } +h5 { + font-size: 20px !important; + text-align: center !important; + padding: 10px; +} + +#planos-residencial h5:not(:first-of-type) { + display: none !important; +} + .planos__container { background-color: #dedede !important; - width: 100%; /* largura da tela, não do form */ - margin-left: 0; /* puxa pra esquerda até encostar na borda */ + width: 100vw; /* largura da tela, não do form */ + margin-left: calc(50% - 50vw); /* puxa pra esquerda até encostar na borda */ + margin-right: calc(50% - 50vw); /* opcional, pra compensar do outro lado */ display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; - padding: 40px 40px 40px 40px!important; + padding: 40px 20px 200px 40px!important; } .planos-cards__container { @@ -320,7 +332,7 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small- margin-top: 2.5px !important; } -.form-element-field38 p { +.form-element-field22 p { font-size: 12px !important; }