FEAT:
atualização do HTML, CSS e JS da LandingPage da Banda Larga
This commit is contained in:
parent
cb813f7288
commit
6ad70a832e
@ -1,125 +1,197 @@
|
|||||||
<div class="planos__container" id="planos-empresa">
|
<div class="planos__container" id="planos-empresa">
|
||||||
<div class="planos-cards__container">
|
<div class="planos-cards__container">
|
||||||
<div class="seller-card__container">
|
<div class="seller-card__container">
|
||||||
<div class="card-title__container">
|
<div class="card-title__container">
|
||||||
<div class="card-title__number"><h1>100</h1></div>
|
<div class="card-title__number">
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
<h1>100</h1>
|
||||||
</div> <div class="card-description__container">
|
</div>
|
||||||
<div class="card-description__image">
|
<div class="card-title__text">
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<h1>MEGA</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
</div>
|
||||||
</div>
|
<div class="card-description__container">
|
||||||
<div class="card-price__container">
|
<div class="card-description__image">
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
<div class="card-price__value"><p>149,</p></div>
|
width="35">
|
||||||
<div class="card-price-small__container">
|
</div>
|
||||||
<div class="small-price"><p>90</p></div>
|
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
</div>
|
||||||
</div>
|
<div class="card-price__container">
|
||||||
</div>
|
<div class="card-price__money">
|
||||||
<div class="card-plan-button__container">
|
<p>R$</p>
|
||||||
<a href="#" id="btn-plano-100-mega">SELECIONAR PLANO</a>
|
</div>
|
||||||
</div>
|
<div class="card-price__value">
|
||||||
</div>
|
<p>149,</p>
|
||||||
<div class="seller-card__container">
|
</div>
|
||||||
<div class="card-title__container">
|
<div class="card-price-small__container">
|
||||||
<div class="card-title__number"><h1>200</h1></div>
|
<div class="small-price">
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
<p>90</p>
|
||||||
</div> <div class="card-description__container">
|
</div>
|
||||||
<div class="card-description__image">
|
<div class="small-gap-time">
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<p>/mês</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
</div>
|
||||||
</div> <div class="card-price__container">
|
</div>
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
<div class="card-plan-button__container">
|
||||||
<div class="card-price__value"><p>159,</p></div>
|
<a href="#" id="btn-plano-100-mega">SELECIONAR PLANO</a>
|
||||||
<div class="card-price-small__container">
|
</div>
|
||||||
<div class="small-price"><p>80</p></div>
|
</div>
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
<div class="seller-card__container">
|
||||||
</div>
|
<div class="card-title__container">
|
||||||
</div>
|
<div class="card-title__number">
|
||||||
<div class="card-plan-button__container">
|
<h1>200</h1>
|
||||||
<a href="#" id="btn-plano-200-mega">SELECIONAR PLANO</a>
|
</div>
|
||||||
</div>
|
<div class="card-title__text">
|
||||||
</div>
|
<h1>MEGA</h1>
|
||||||
<div class="out-card__container">
|
</div>
|
||||||
<div class="most-sell-card__text"><p>MAIS VENDIDO</p></div>
|
</div>
|
||||||
<div class="most-sell-card__container">
|
<div class="card-description__container">
|
||||||
<div class="best-seller-card__container">
|
<div class="card-description__image">
|
||||||
<div class="card-title__container">
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
<div class="card-title__number"><h1>500</h1></div>
|
width="35">
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
</div>
|
||||||
</div> <div class="card-description__container">
|
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
||||||
<div class="card-description__image">
|
</div>
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<div class="card-price__container">
|
||||||
</div>
|
<div class="card-price__money">
|
||||||
<div class="card-description__content">
|
<p>R$</p>
|
||||||
<span> Super WiFi + IP Fixo </span>
|
</div>
|
||||||
</div>
|
<div class="card-price__value">
|
||||||
</div>
|
<p>159,</p>
|
||||||
<div class="card-price__container">
|
</div>
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
<div class="card-price-small__container">
|
||||||
<div class="card-price__value"><p>199,</p></div>
|
<div class="small-price">
|
||||||
<div class="card-price-small__container">
|
<p>80</p>
|
||||||
<div class="small-price"><p>80</p></div>
|
</div>
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
<div class="small-gap-time">
|
||||||
</div>
|
<p>/mês</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-plan-button__container">
|
</div>
|
||||||
<a href="#" id="btn-plano-500-mega">SELECIONAR PLANO</a>
|
</div>
|
||||||
</div>
|
<div class="card-plan-button__container">
|
||||||
</div>
|
<a href="#" id="btn-plano-200-mega">SELECIONAR PLANO</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="seller-card__container">
|
<div class="out-card__container">
|
||||||
<div class="card-title__container">
|
<div class="most-sell-card__text">
|
||||||
<div class="card-title__number"><h1>700</h1></div>
|
<p>MAIS VENDIDO</p>
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
</div>
|
||||||
</div>
|
<div class="most-sell-card__container">
|
||||||
<div class="card-description__container">
|
<div class="best-seller-card__container">
|
||||||
<div class="card-description__image">
|
<div class="card-title__container">
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<div class="card-title__number">
|
||||||
</div>
|
<h1>500</h1>
|
||||||
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
</div>
|
||||||
</div>
|
<div class="card-title__text">
|
||||||
<div class="card-price__container">
|
<h1>MEGA</h1>
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
</div>
|
||||||
<div class="card-price__value"><p>259,</p></div>
|
</div>
|
||||||
<div class="card-price-small__container">
|
<div class="card-description__container">
|
||||||
<div class="small-price"><p>75</p></div>
|
<div class="card-description__image">
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png"
|
||||||
</div>
|
alt="Ícone do WiFi" width="35">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-plan-button__container">
|
<div class="card-description__content">
|
||||||
<a href="#" id="btn-plano-700-mega">SELECIONAR PLANO</a>
|
<span> Super WiFi + IP Fixo </span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="seller-card__container">
|
<div class="card-price__container">
|
||||||
<div class="card-title__container">
|
<div class="card-price__money">
|
||||||
<div class="card-title__number"><h1>1</h1></div>
|
<p>R$</p>
|
||||||
<div class="card-title__text"><h1>GB</h1></div>
|
</div>
|
||||||
</div>
|
<div class="card-price__value">
|
||||||
<div class="card-description__container">
|
<p>199,</p>
|
||||||
<div class="card-description__image">
|
</div>
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<div class="card-price-small__container">
|
||||||
</div>
|
<div class="small-price">
|
||||||
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
<p>80</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-price__container">
|
<div class="small-gap-time">
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
<p>/mês</p>
|
||||||
<div class="card-price__value"><p>319,</p></div>
|
</div>
|
||||||
<div class="card-price-small__container">
|
</div>
|
||||||
<div class="small-price"><p>70</p></div>
|
</div>
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
<div class="card-plan-button__container">
|
||||||
</div>
|
<a href="#" id="btn-plano-500-mega">SELECIONAR PLANO</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-plan-button__container">
|
</div>
|
||||||
<a href="#" id="btn-plano-1-gb">SELECIONAR PLANO</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="seller-card__container">
|
||||||
</div>
|
<div class="card-title__container">
|
||||||
<div class="instalacao__container">
|
<div class="card-title__number">
|
||||||
<p>A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de 12 meses.</p>
|
<h1>700</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="card-title__text">
|
||||||
|
<h1>MEGA</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-description__container">
|
||||||
|
<div class="card-description__image">
|
||||||
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
|
width="35">
|
||||||
|
</div>
|
||||||
|
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__container">
|
||||||
|
<div class="card-price__money">
|
||||||
|
<p>R$</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__value">
|
||||||
|
<p>259,</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price-small__container">
|
||||||
|
<div class="small-price">
|
||||||
|
<p>75</p>
|
||||||
|
</div>
|
||||||
|
<div class="small-gap-time">
|
||||||
|
<p>/mês</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-plan-button__container">
|
||||||
|
<a href="#" id="btn-plano-700-mega">SELECIONAR PLANO</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="seller-card__container">
|
||||||
|
<div class="card-title__container">
|
||||||
|
<div class="card-title__number">
|
||||||
|
<h1>1</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card-title__text">
|
||||||
|
<h1>GB</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-description__container">
|
||||||
|
<div class="card-description__image">
|
||||||
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
|
width="35">
|
||||||
|
</div>
|
||||||
|
<div class="card-description__content"><span> Super WiFi + IP Fixo </span></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__container">
|
||||||
|
<div class="card-price__money">
|
||||||
|
<p>R$</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__value">
|
||||||
|
<p>319,</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price-small__container">
|
||||||
|
<div class="small-price">
|
||||||
|
<p>70</p>
|
||||||
|
</div>
|
||||||
|
<div class="small-gap-time">
|
||||||
|
<p>/mês</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-plan-button__container">
|
||||||
|
<a href="#" id="btn-plano-1-gb">SELECIONAR PLANO</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="instalacao__container">
|
||||||
|
<p>A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de
|
||||||
|
12 meses.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -362,17 +362,14 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small-
|
|||||||
font-size: 40px !important;
|
font-size: 40px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Instalação --- */
|
|
||||||
.instalacao__container > p {
|
.instalacao__container > p {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- CORREÇÃO: remover margin-bottom absurdo --- */
|
|
||||||
.form-element-field1 {
|
.form-element-field1 {
|
||||||
margin-bottom: 20px; /* era 2600px — quase certamente um bug */
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Mensagem de plano selecionado --- */
|
|
||||||
#plano-selecionado-msg {
|
#plano-selecionado-msg {
|
||||||
font-size: 16px !important;
|
font-size: 16px !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,124 +1,205 @@
|
|||||||
<div class="planos__container" id="planos-residencial">
|
<p style="text-align: center;">Deseja escolher outro plano?</p>
|
||||||
<div class="planos-cards__container">
|
<div class="planos__container" id="planos-residencial">
|
||||||
<div class="seller-card__container">
|
<div class="planos-cards__container">
|
||||||
<div class="card-title__container">
|
<div class="seller-card__container">
|
||||||
<div class="card-title__number"><h1>100</h1></div>
|
<div class="card-title__container">
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
<div class="card-title__number">
|
||||||
</div>
|
<h1>100</h1>
|
||||||
<div class="card-description__container">
|
</div>
|
||||||
<div class="card-description__image">
|
<div class="card-title__text">
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<h1>MEGA</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-description__content"><span> Super WiFi </span></div>
|
</div>
|
||||||
</div> <div class="card-price__container">
|
<div class="card-description__container">
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
<div class="card-description__image">
|
||||||
<div class="card-price__value"><p>69,</p></div>
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
<div class="card-price-small__container">
|
width="35">
|
||||||
<div class="small-price"><p>90</p></div>
|
</div>
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
<div class="card-description__content"><span> Super WiFi </span></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card-price__container">
|
||||||
<div class="card-plan-button__container">
|
<div class="card-price__money">
|
||||||
<a href="#" id="btn-plano-100-mega">SELECIONAR PLANO</a>
|
<p>R$</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card-price__value">
|
||||||
<div class="seller-card__container">
|
<p>69,</p>
|
||||||
<div class="card-title__container">
|
</div>
|
||||||
<div class="card-title__number"><h1>200</h1></div>
|
<div class="card-price-small__container">
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
<div class="small-price">
|
||||||
</div> <div class="card-description__container">
|
<p>90</p>
|
||||||
<div class="card-description__image">
|
</div>
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
<div class="small-gap-time">
|
||||||
</div>
|
<p>/mês</p>
|
||||||
<div class="card-description__content"><span> Super WiFi </span></div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-price__container">
|
</div>
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
<div class="card-plan-button__container">
|
||||||
<div class="card-price__value"><p>79,</p></div>
|
<a href="#" id="btn-plano-100-mega">SELECIONAR PLANO</a>
|
||||||
<div class="card-price-small__container">
|
</div>
|
||||||
<div class="small-price"><p>90</p></div>
|
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-plan-button__container">
|
|
||||||
<a href="#" id="btn-plano-200-mega">SELECIONAR PLANO</a>
|
|
||||||
</div> </div> <div class="out-card__container">
|
|
||||||
<div class="most-sell-card__text"><p>MAIS VENDIDO</p></div>
|
|
||||||
<div class="most-sell-card__container">
|
|
||||||
<div class="best-seller-card__container">
|
|
||||||
<div class="card-title__container">
|
|
||||||
<div class="card-title__number"><h1>500</h1></div>
|
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
|
||||||
</div> <div class="card-description__container">
|
|
||||||
<div class="card-description__image">
|
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
|
||||||
</div>
|
|
||||||
<div class="card-description__content">
|
|
||||||
<span> Super WiFi </span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-price__container">
|
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
|
||||||
<div class="card-price__value"><p>119,</p></div>
|
|
||||||
<div class="card-price-small__container">
|
|
||||||
<div class="small-price"><p>90</p></div>
|
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-plan-button__container">
|
|
||||||
<a href="#" id="btn-plano-500-mega">SELECIONAR PLANO</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="seller-card__container">
|
|
||||||
<div class="card-title__container">
|
|
||||||
<div class="card-title__number"><h1>700</h1></div>
|
|
||||||
<div class="card-title__text"><h1>MEGA</h1></div>
|
|
||||||
</div>
|
|
||||||
<div class="card-description__container">
|
|
||||||
<div class="card-description__image">
|
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
|
||||||
</div>
|
|
||||||
<div class="card-description__content"><span> Super WiFi </span></div>
|
|
||||||
</div>
|
|
||||||
<div class="card-price__container">
|
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
|
||||||
<div class="card-price__value"><p>179,</p></div>
|
|
||||||
<div class="card-price-small__container">
|
|
||||||
<div class="small-price"><p>85</p></div>
|
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-plan-button__container">
|
|
||||||
<a href="#" id="btn-plano-700-mega">SELECIONAR PLANO</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="seller-card__container">
|
|
||||||
<div class="card-title__container">
|
|
||||||
<div class="card-title__number"><h1>1</h1></div>
|
|
||||||
<div class="card-title__text"><h1>GB</h1></div>
|
|
||||||
</div>
|
|
||||||
<div class="card-description__container">
|
|
||||||
<div class="card-description__image">
|
|
||||||
<img src="https://sothis.com.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi" width="35">
|
|
||||||
</div>
|
|
||||||
<div class="card-description__content"><span> Super WiFi </span></div>
|
|
||||||
</div>
|
|
||||||
<div class="card-price__container">
|
|
||||||
<div class="card-price__money"><p>R$</p></div>
|
|
||||||
<div class="card-price__value"><p>239,</p></div>
|
|
||||||
<div class="card-price-small__container">
|
|
||||||
<div class="small-price"><p>80</p></div>
|
|
||||||
<div class="small-gap-time"><p>/mês</p></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-plan-button__container">
|
|
||||||
<a href="#" id="btn-plano-1-gb">SELECIONAR PLANO</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="instalacao__container">
|
|
||||||
<p>A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de 12 meses.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="seller-card__container">
|
||||||
|
<div class="card-title__container">
|
||||||
|
<div class="card-title__number">
|
||||||
|
<h1>200</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card-title__text">
|
||||||
|
<h1>MEGA</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-description__container">
|
||||||
|
<div class="card-description__image">
|
||||||
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
|
width="35">
|
||||||
|
</div>
|
||||||
|
<div class="card-description__content"><span> Super WiFi </span></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__container">
|
||||||
|
<div class="card-price__money">
|
||||||
|
<p>R$</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__value">
|
||||||
|
<p>79,</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price-small__container">
|
||||||
|
<div class="small-price">
|
||||||
|
<p>90</p>
|
||||||
|
</div>
|
||||||
|
<div class="small-gap-time">
|
||||||
|
<p>/mês</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-plan-button__container">
|
||||||
|
<a href="#" id="btn-plano-200-mega">SELECIONAR PLANO</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="out-card__container">
|
||||||
|
<div class="most-sell-card__text">
|
||||||
|
<p>MAIS VENDIDO</p>
|
||||||
|
</div>
|
||||||
|
<div class="most-sell-card__container">
|
||||||
|
<div class="best-seller-card__container">
|
||||||
|
<div class="card-title__container">
|
||||||
|
<div class="card-title__number">
|
||||||
|
<h1>500</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card-title__text">
|
||||||
|
<h1>MEGA</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-description__container">
|
||||||
|
<div class="card-description__image">
|
||||||
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png"
|
||||||
|
alt="Ícone do WiFi" width="35">
|
||||||
|
</div>
|
||||||
|
<div class="card-description__content">
|
||||||
|
<span> Super WiFi </span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__container">
|
||||||
|
<div class="card-price__money">
|
||||||
|
<p>R$</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__value">
|
||||||
|
<p>119,</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price-small__container">
|
||||||
|
<div class="small-price">
|
||||||
|
<p>90</p>
|
||||||
|
</div>
|
||||||
|
<div class="small-gap-time">
|
||||||
|
<p>/mês</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-plan-button__container">
|
||||||
|
<a href="#" id="btn-plano-500-mega">SELECIONAR PLANO</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="seller-card__container">
|
||||||
|
<div class="card-title__container">
|
||||||
|
<div class="card-title__number">
|
||||||
|
<h1>700</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card-title__text">
|
||||||
|
<h1>MEGA</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-description__container">
|
||||||
|
<div class="card-description__image">
|
||||||
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
|
width="35">
|
||||||
|
</div>
|
||||||
|
<div class="card-description__content"><span> Super WiFi </span></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__container">
|
||||||
|
<div class="card-price__money">
|
||||||
|
<p>R$</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__value">
|
||||||
|
<p>179,</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price-small__container">
|
||||||
|
<div class="small-price">
|
||||||
|
<p>85</p>
|
||||||
|
</div>
|
||||||
|
<div class="small-gap-time">
|
||||||
|
<p>/mês</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-plan-button__container">
|
||||||
|
<a href="#" id="btn-plano-700-mega">SELECIONAR PLANO</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="seller-card__container">
|
||||||
|
<div class="card-title__container">
|
||||||
|
<div class="card-title__number">
|
||||||
|
<h1>1</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card-title__text">
|
||||||
|
<h1>GB</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-description__container">
|
||||||
|
<div class="card-description__image">
|
||||||
|
<img src="https://bandalarga.srv.br/wp-content/uploads/2025/11/Wifi-01.png" alt="Ícone do WiFi"
|
||||||
|
width="35">
|
||||||
|
</div>
|
||||||
|
<div class="card-description__content"><span> Super WiFi </span></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__container">
|
||||||
|
<div class="card-price__money">
|
||||||
|
<p>R$</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price__value">
|
||||||
|
<p>239,</p>
|
||||||
|
</div>
|
||||||
|
<div class="card-price-small__container">
|
||||||
|
<div class="small-price">
|
||||||
|
<p>80</p>
|
||||||
|
</div>
|
||||||
|
<div class="small-gap-time">
|
||||||
|
<p>/mês</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-plan-button__container">
|
||||||
|
<a href="#" id="btn-plano-1-gb">SELECIONAR PLANO</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="instalacao__container">
|
||||||
|
<p>A taxa de instalação para qualquer um dos planos é de R$299,90. Esses valores são referentes ao contrato de
|
||||||
|
12 meses.</p>
|
||||||
|
</div>
|
||||||
|
<!-- Após o </div> do planos-residencial -->
|
||||||
|
<div id="plano-selecionado-msg" style="display: none;
|
||||||
|
background: linear-gradient(135deg, #31a3b5, #1d6570);
|
||||||
|
color: white; padding: 20px; border-radius: 15px;
|
||||||
|
text-align: center; font-weight: bold; font-size: 18px;
|
||||||
|
margin: 30px 0; box-shadow: 0 10px 30px rgba(49,163,181,0.4);">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -1,4 +1,3 @@
|
|||||||
/* funcionou nos planos */
|
|
||||||
.form-element-field01 {
|
.form-element-field01 {
|
||||||
margin-bottom: 50px;
|
margin-bottom: 50px;
|
||||||
}
|
}
|
||||||
@ -68,7 +67,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.planos__container {
|
.planos__container {
|
||||||
width: 100%;
|
width: 100vw;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
@ -76,6 +75,8 @@
|
|||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
padding: 40px 20px !important;
|
padding: 40px 20px !important;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.planos-cards__container {
|
.planos-cards__container {
|
||||||
@ -84,6 +85,8 @@
|
|||||||
margin: auto !important;
|
margin: auto !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
gap: 25px !important;
|
gap: 25px !important;
|
||||||
|
flex-wrap: wrap !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.instalacao__container {
|
.instalacao__container {
|
||||||
@ -111,21 +114,23 @@
|
|||||||
|
|
||||||
.most-sell-card__container {
|
.most-sell-card__container {
|
||||||
background-color: #1d3350 !important;
|
background-color: #1d3350 !important;
|
||||||
min-width: 230px !important;
|
height: auto !important;
|
||||||
height: 450px !important;
|
min-height: 450px !important;
|
||||||
border-radius: 20px 0px 20px 20px !important;
|
border-radius: 20px 0px 20px 20px !important;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-direction: column !important;
|
flex-direction: column !important;
|
||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
|
padding-bottom: 25px !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.seller-card__container {
|
.seller-card__container {
|
||||||
background: radial-gradient(circle at 50% 50%,
|
background: radial-gradient(circle at 50% 50%,
|
||||||
#B00025 50%, /* intermediário */
|
#B00025 50%, /* intermediário */
|
||||||
#A70022 100%) !important; /* mais escuro nas bordas */
|
#A70022 100%) !important; /* mais escuro nas bordas */
|
||||||
height: 450px !important;
|
height: auto !important;
|
||||||
min-width: 230px !important;
|
min-width: 450px !important;
|
||||||
border-radius: 20px !important;
|
border-radius: 20px !important;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
@ -134,6 +139,8 @@
|
|||||||
margin-top: 30px !important;
|
margin-top: 30px !important;
|
||||||
color: white !important;
|
color: white !important;
|
||||||
transition: transform 0.5s ease;
|
transition: transform 0.5s ease;
|
||||||
|
padding-bottom: 25px !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.best-seller-card__container {
|
.best-seller-card__container {
|
||||||
@ -141,12 +148,13 @@
|
|||||||
#B00025 50%, /* intermediário */
|
#B00025 50%, /* intermediário */
|
||||||
#A70022 100%) !important; /* mais escuro nas bordas */
|
#A70022 100%) !important; /* mais escuro nas bordas */
|
||||||
width: 92% !important;
|
width: 92% !important;
|
||||||
height: 95% !important;
|
height: auto !important;
|
||||||
border-radius: 15px !important;
|
border-radius: 15px !important;
|
||||||
color: white !important;
|
color: white !important;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-direction: column !important;
|
flex-direction: column !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
|
padding-bottom: 25px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-title__container {
|
.card-title__container {
|
||||||
@ -294,11 +302,10 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small-
|
|||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
|
||||||
/* --- Banda Larga --- */
|
|
||||||
.banda-larga__container {
|
.banda-larga__container {
|
||||||
flex-direction: column;
|
flex-direction: column !important;
|
||||||
gap: 20px;
|
gap: 20px !important;
|
||||||
padding: 0 15px;
|
padding: 0 15px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banda-residencia__container,
|
.banda-residencia__container,
|
||||||
@ -308,10 +315,9 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small-
|
|||||||
}
|
}
|
||||||
|
|
||||||
.banda-card__content {
|
.banda-card__content {
|
||||||
padding: 25px;
|
padding: 25px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Planos --- */
|
|
||||||
.planos__container {
|
.planos__container {
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
margin-right: 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;
|
gap: 15px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Cards individuais --- */
|
|
||||||
.out-card__container {
|
.out-card__container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 320px;
|
max-width: 320px;
|
||||||
@ -362,17 +367,14 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small-
|
|||||||
font-size: 40px !important;
|
font-size: 40px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Instalação --- */
|
|
||||||
.instalacao__container > p {
|
.instalacao__container > p {
|
||||||
text-align: center;
|
text-align: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- CORREÇÃO: remover margin-bottom absurdo --- */
|
|
||||||
.form-element-field1 {
|
.form-element-field1 {
|
||||||
margin-bottom: 20px; /* era 2600px — quase certamente um bug */
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Mensagem de plano selecionado --- */
|
|
||||||
#plano-selecionado-msg {
|
#plano-selecionado-msg {
|
||||||
font-size: 16px !important;
|
font-size: 16px !important;
|
||||||
}
|
}
|
||||||
@ -440,7 +442,7 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small-
|
|||||||
|
|
||||||
.planos-cards__container {
|
.planos-cards__container {
|
||||||
gap: 15px !important;
|
gap: 15px !important;
|
||||||
flex-wrap: wrap !important; /* permite quebrar linha se não couber */
|
flex-wrap: wrap !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.most-sell-card__container {
|
.most-sell-card__container {
|
||||||
|
|||||||
@ -15,7 +15,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.form-element-field24 {
|
.form-element-field24 {
|
||||||
margin-bottom: 500px;
|
margin-bottom: 250px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-element-field25,
|
.form-element-field25,
|
||||||
@ -57,7 +58,7 @@
|
|||||||
width: 50%;
|
width: 50%;
|
||||||
border: 1px solid gray;
|
border: 1px solid gray;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
height: 200px;
|
height: 270px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banda-card__content {
|
.banda-card__content {
|
||||||
@ -106,15 +107,26 @@
|
|||||||
background-color: #1d6570 !important;
|
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 {
|
.planos__container {
|
||||||
background-color: #dedede !important;
|
background-color: #dedede !important;
|
||||||
width: 100%; /* largura da tela, não do form */
|
width: 100vw; /* largura da tela, não do form */
|
||||||
margin-left: 0; /* puxa pra esquerda até encostar na borda */
|
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;
|
display: flex !important;
|
||||||
flex-direction: column !important;
|
flex-direction: column !important;
|
||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
padding: 40px 40px 40px 40px!important;
|
padding: 40px 20px 200px 40px!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.planos-cards__container {
|
.planos-cards__container {
|
||||||
@ -320,7 +332,7 @@ html .formcraft-css .fc-form .form-element .field-cover.customText-cover .small-
|
|||||||
margin-top: 2.5px !important;
|
margin-top: 2.5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-element-field38 p {
|
.form-element-field22 p {
|
||||||
font-size: 12px !important;
|
font-size: 12px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user