Hidroterapia e Hidro Pilates

<html>
<head>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"
></script>
<style>
@media print {
.print {
display: none;
}
}
/* Estilo do cabeçalho */
.header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f0f0f0;
padding: 10px;
}
/* Estilo do logo */
.logo {
width: 200px;
height: 150px;
}
/* Estilo dos dados da empresa */

.company {
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: bold;
}
/* Estilo do título da proposta */

.title {
font-size: 24px;
font-weight: bold;
color: #ffffff;
background-color: #008000;
padding: 10px;
border: none;
}
/* Estilo do formulário */
.form {
font-size: 18px;
margin: 10px;
}
/* Estilo dos campos de entrada */

.input {
width: 80%;
padding: 5px;
border: 1px solid #008000;
border-radius: 5px;
margin-bottom: 10px;
}
/* Estilo das tabelas */

.table {
width: 100%;
border-collapse: collapse;
}
/* Estilo das células das tabelas */

.cell {
border: 1px solid #008000;
padding: 5px;
}
/* Estilo dos botões */

.button {
width: 100px;
height: 40px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
background-color: #008000;
border: none;
margin: 10px;
border-radius: 5px;
}
/* Estilo do botão de imprimir */

.print {
display: block;
}
/* Estilo do botão de imprimir quando for impresso */

@media print {
.print {
display: none;
}
}
/* Estilo do rodapé */
.footer {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f0f0f0;
padding: 10px;
}
/* Estilo do logo do rodapé */

.footer-logo {
width: 150px;
height: 100px;
}
/* Estilo dos dados do rodapé */

.footer-data {
font-size: 16px;
}
</style>
</head>
<body>

<div class="header">
<img src="logocris.png" alt="Logo da Minha Empresa" class="logo">
<div class="company">
Dados da Minha Empresa<br>
Endereço da Minha Empresa<br>
Telefone: (11) 1234-5678
</div>
</div>

<div class="title">
Proposta de Serviço de Internet Via Satélite
</div>

<form class="form" id="form">

<label for="number">Número da proposta:</label>
<input type="text" id="number" name="number" class="input" value="[Gere um
número aleatório mais a data do dia]" readonly><br>

<label for="name">Nome da empresa:</label>
<input type="text" id="name" name="name" class="input" required><br>

<label for="cnpj">CNPJ da empresa:</label>
<input type="text" id="cnpj" name="cnpj" class="input" pattern="\d{2}\.\
d{3}\.\d{3}\/\d{4}-\d{2}" placeholder="00.000.000/0000-00" required><br>

<div class="title">
A LINK TELECOM é uma provedora de soluções de conectividade,
especializada na Tecnologia de Comunicação Via Satélite (Vsat)
</div>

<p class="form">
Com equipes capacitadas na prestação de serviços em diversos estados do
Brasil, para implantação de redes de comunicação via satélite, que chegam aonde
nenhuma outra tecnologia possa atender.
Execução de Infraestrutura;
Instalação, configuração, ativação, desinstalação e remanejamento
interno e externo;
Testes e validação dos links,
Suporte técnico
Nosso foco na prestação de serviços em telecomunicações, foi idealizado
sob o princípio fundamental de customizar serviços de acordo com as necessidades de
nossos clientes e requisitos de cada projeto.
A grande experiência na prestação de serviços, foi adquirida ao longo
de 20 anos de atuação na área, e nesta trajetória, desenvolvendo conhecimentos que
fazem da empresa uma verdadeira colaboradora junto aos seus clientes.
</p>

<div class="title">
Especificações dos serviços Conectividade via Satélite
</div>

<p class="form">
Fornecimento dos equipamentos eletrônicos e antena bidirecional, para
INTERNET VIA SATÉLITE, através de VENDA, com prévia solicitação e prazos para
entrega a serem informados.
Configuração e integração do equipamento com os serviços de
telecomunicações via satélite. (Equipamento a ser enviado após compra, ativado)
Suporte técnico remoto, durante o processo de instalação e pós
instalação.
Treinamento básico para operação e manutenção da estação terrena,
havendo necessidade. (Neste caso deverá ser tratado, para agendamento e
verificações).
Equipamentos sob a modalidade venda.

Faturamento em até 2 vezes, sendo entrada/30dias.
* Variável Frete: Os valores para frete dependerão da logística a ser
realizada e combinada entre as partes, bem como da necessidade de urgência ou não
e prazos que necessitarão receber o produto.
O plano escolhido para contratação, estará especificado em
Anexos/Aditivos ao Contrato Principal.
Valores mensais para planos com fidelidade de 12 meses.
Faturamento via boleto bancário e Nota Fiscal.
</p>

<div class="title">
Soluções de Conectividade Via Satélite
</div>

<table class="table"><p>
<tr>
<td class="cell">Descrição/Detalhamento</td>
<td class="cell">LNK MÓVEL - ASSINATURA REGIONAL</td>
<td class="cell">LNK TRANSPORT IP - ASSINATURA REGIONAL</td>
<td class="cell">Prioritário LNK 1TB</td>
</tr>
<tr>
<td class="cell">Velocidade de Download</td>
<td class="cell"><input type="text" id="download1" name="download1"
class="input"></td>
class="input"></td>
class="input"></td>
</tr>
<tr>
<td class="cell">Velocidade de Upload</td>
<td class="cell"><input type="text" id="upload1" name="upload1"
class="input"></td>
class="input"></td>
class="input"></td>
</tr>
<tr>
<td class="cell">Franquia de Dados</td>
<td class="cell"><input type="text" id="data1" name="data1"
class="input"></td>
class="input"></td>
class="input"></td>
</tr>
<tr>
<td class="cell">Valor Mensal</td>
<td class="cell"><input type="text" id="price1" name="price1"
class="input"></td>
class="input"></td>
<td
class="input"></td>
</tr>
<tr>
<td class="cell">Instalação</td>
<td class="cell"><input type="text" id="install1" name="install1"
class="input"></td>
class="input"></td>
class="input"></td>
</tr>
</table></form></p>

<div class="title">
Detalhamento e especificações Conectividade via Satélite
</div>

<p class="form">
A LINK TELECOM, tem o compromisso de oferecer equipamentos de alta
qualidade e garantir o bom funcionamento deles. No entanto,
é importante ressaltar que não nos responsabilizamos por defeitos
causados por mau uso dos equipamentos ou por danos decorrentes de eventos naturais
e deslocamentos constantes.
</p>
<p class="form">
Como precaução, recomendamos que em casos de fortes chuvas, os
equipamentos sejam desconectados da tomada. Essa simples ação, pode ajudar a
proteger os equipamentos de possíveis danos causados por descargas elétricas ou
outras condições climáticas
Cabe ao cliente utilizar os equipamentos de acordo com as orientações e
instruções a serem fornecidas, pelo Suporte Técnico, a fim de evitar problemas
decorrentes de uso inadequado.
Além disso, recomendamos que o cliente siga todas as diretrizes de
segurança e conserve os equipamentos em condições apropriadas.</p>
<p>
O atendimento de suporte dos serviços é realizado principalmente por
meio de canais de comunicação online: WhatsApp e e-mail.</p>
<p><ul><li>
A LINK TELECOM possui uma equipe especializada e treinada para oferecer
suporte técnico aos seus clientes. Em certos casos, pode fornecer orientações e
instruções específicas ao cliente,
permitindo que este siga as etapas recomendadas para solucionar o
problema. </li></ul></p>
<p><ul><li>
Essa abordagem permite que o cliente assuma um papel ativo na
resolução, aproveitando o conhecimento e a experiência de nossa equipe técnica.
</li></ul></p>
<p><ul><li>
No entanto, em situações mais complexas ou que exijam recursos
específicos, a LINK TELECOM pode precisar do apoio da operadora. Isso ocorre quando
o problema está diretamente relacionado à infraestrutura ou aos serviços fornecidos
pela operadora de satélite. Nesses casos, a LINK TELECOM trabalhará em conjunto com
a empresa parceira, para resolver o problema da forma mais eficiente possível.
É importante destacar que, ao solicitar o apoio da empresa parceira,

pode haver um tempo adicional necessário para a resolução do problema. Isso ocorre
porque a operadora de satélite precisará realizar suas próprias avaliações e ações
para resolver a questão. </li></ul></p>
<p><ul><li>
O tempo necessário pode variar dependendo da natureza do problema, da
disponibilidade dos recursos e de outros fatores relevantes.</li></ul></p>
<p><ul><li>
Sobre a política de despesas especiais de viagem relacionadas à
instalação dos nossos serviços, gostaríamos de esclarecer alguns pontos para
garantir transparência e clareza:</li></ul></p>
<p><ul><li>
Entendemos que a instalação dos nossos serviços pode ocorrer em áreas
remotas ou de difícil acesso, o que pode exigir deslocamentos
especiais.</li></ul></p>
<p><ul><li>Nesse contexto, é importante destacar que as despesas de

viagem, incluindo transporte aéreo, marítimo, deslocamentos rodoviários, hospedagem
e alimentação,
serão de responsabilidade do cliente, caso sejam
necessárias.</li></ul></p>
<p><ul><li> Reconhecemos que essas despesas podem surgir devido à

natureza específica das instalações e à localização dos clientes.</li></ul></p>
<p><ul><li> Nosso compromisso é oferecer um serviço de atendimento

com qualidade e garantir uma instalação adequada e eficiente. </li></ul></p>
<p>
Estamos à disposição para esclarecer quaisquer dúvidas, e trabalhar em

conjunto, para tornar o processo de contratação e instalação, o mais tranquilo
possível. </p>
</p>


<div class="title">
Finalização
</div>
<p>

<div style="display: flex; justify-content: space-between; align-items: center;">

<div>
<label for="city">Cidade:</label>
<input type="text" id="city" name="city" required>
</div>


<div>
<label for="state">Estado:</label>
<select id="state" name="state">
<option value="MG">MG</option>
<option value="SP">SP</option>

</select>
</div>


<div>
<label for="month">Mês:</label>
<select id="month" name="month">
<option value="1">Janeiro</option>
<option value="2">Fevereiro</option>
<option value="3">Março</option>
<option value="4">Abril</option>
<option value="5">Maio</option>
<option value="6">Junho</option>
<option value="7">Julho</option>
<option value="8">Agosto</option>
<option value="9">Setembro</option>
<option value="10">Outubro</option>
<option value="11">Novembro</option>
<option value="12">Dezembro</option>
</select>
</div>


<div>
<label for="year">Ano:</label>
<select id="year" name="year">
<option value="2023">2023</option>
</select>
</div>
</div>

<div style="display: flex; justify-content: space-between; align-items: center;">

<p>Aceite da Proposta Numero - <span id="proposal-number-display">
<input type="text" id="number" name="number" class="input" value="[Gere um número
aleatório mais a data do dia]" readonly><br>
</span></p>
<p>


<label for="validity">Válida por:</label>
<select id="validity" name="validity">
<option value="5">5 dias</option>
</select>
</div></p>


<hr>

<p class="form">
Assinatura do Responsável Legal<br>
Nome Completo:<br>
<input type="text" id="name" name="name" class="input" required><br>
Cargo:<br>
<input type="text" id="position" name="position" class="input" required><br>
CPF:<br>
<input type="text" id="cpf" name="cpf" class="input" required><br>
Telefone para contato:<br>
<input type="text" id="phone" name="phone" class="input" required><br>
E-mail:<br>
<input type="email" id="email" name="email" class="input" required><br>
Obs Sinalizar no e-mail resposta a esta proposta, o plano selecionado para o
serviço VSAT.
</p>


<button class="button print"
onclick="window.print()">Imprimir</button>

<button class="button" onclick="save()">Salvar</button>

<button class="button" onclick="clearForm()">Limpar</button>
</form>

<div class="footer">
<img src="logocris.png" alt="Logo da Minha Empresa" class="footer-logo">
<div class="footer-data">
www.linktele.com.br<br>
financeiro@linktele.com.br<br>
(11) 91424-1927 (Comercial) / (11) 91248-7460 (Financeiro)
</div>
</div>
<script>
// Função para adicionar a máscara ao campo CPF

function maskCPF(cpf) {
var value = cpf.value;
value = value.replace(/\D/g, ""); // Remove tudo o que não é dígito
value = value.replace(/(\d{3})(\d)/, "$1.$2"); // Coloca ponto após o
terceiro dígito
value = value.replace(/(\d{3})(\d)/, "$1.$2"); // Coloca ponto após o sexto
dígito
value = value.replace(/(\d{3})(\d{1,2})$/, "$1-$2"); // Coloca hífen após o
nono dígito
cpf.value = value.substring(0, 14); // Limita o valor a 14 caracteres
}
// Adiciona a máscara ao campo CPF quando o usuário digita

document.getElementById('cpf').addEventListener('keyup', function() {
maskCPF(this);
});
// Função para adicionar a máscara ao campo de telefone
function maskPhone(phone) {
var value = phone.value;
value = value.replace(/^(\d{2})(\d)/g, "($1) $2"); // Coloca parênteses em
volta dos dois primeiros dígitos
value = value.replace(/(\d)(\d{4})$/, "$1-$2"); // Coloca um hífen antes dos
últimos quatro dígitos
phone.value = value.substring(0, 15); // Limita o valor a 14 caracteres
}
// Adiciona a máscara ao campo de telefone quando o usuário digita

document.getElementById('phone').addEventListener('keyup', function() {
maskPhone(this);
});
// Função para gerar um número aleatório

function getRandomNumber() {
return Math.floor(Math.random() * 1000000) + 1;
}
// Função para salvar os dados do formulário

function save() {
// Obter os dados do formulário
var form = document.getElementById('form');
var data = {};
for (var i = 0; i < form.elements.length; i++) {
var element = form.elements[i];
if (element.name) {
data[element.name] = element.value;
}
}
// Salvar os dados do formulário no localStorage

localStorage.setItem('form', JSON.stringify(data));
}
// Função para carregar os dados do formulário

function load() {
// Obter os dados do formulário do localStorage
var data = localStorage.getItem('form');
if (data) {
data = JSON.parse(data);
// Preencher o formulário com os dados

if (element.name && data[element.name]) {
element.value = data[element.name];
}
}
}
}
// Função para limpar o formulário

function clearForm() {
// Limpar os dados do formulário do localStorage
localStorage.removeItem('form');
// Limpar o formulário
if (element.name) {
element.value = '';
}
}
// Gerar um novo número para o número da proposta

document.getElementById('number').value = getRandomNumber() + ' - ' +
new Date().toLocaleDateString();
}
// Gerar um número aleatório para o número da proposta

document.getElementById('number').value = getRandomNumber() + ' - ' + new
Date().toLocaleDateString();
// Carregar os dados do formulário

load();
// Adicionar máscara ao campo CNPJ
// Função para adicionar a máscara ao campo CNPJ

function maskCNPJ(cnpj) {
var value = cnpj.value;
value = value.replace(/^(\d{2})(\d)/, "$1.$2"); // Coloca ponto após o
segundo dígito
value = value.replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3"); // Coloca ponto
após o quinto dígito
value = value.replace(/\.(\d{3})(\d)/, ".$1/$2"); // Coloca uma barra após
o oitavo dígito
value = value.replace(/(\d{4})(\d)/, "$1-$2"); // Coloca um hífen depois do
vigésimo dígito
cnpj.value = value.substring(0, 18); // Limita o valor a 18 caracteres
}
// Adiciona a máscara ao campo CNPJ quando o usuário digita

document.getElementById('cnpj').addEventListener('keyup', function() {
maskCNPJ(this);
});
// Pegar o valor do campo "Número da proposta"
var proposalNumber = document.getElementById('number').value;
// Usar o mesmo valor no campo "Aceite da Proposta Nro"

document.getElementById('proposal-number-display').textContent =
proposalNumber;
</script>
</body>
</html>

Hidroterapia e Hidro Pilates

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Hidroterapia e Hidro Pilates

Enviado por

Direitos autorais:

Formatos disponíveis

<html>

/* Estilo dos dados da empresa */

/* Estilo do título da proposta */

/* Estilo dos campos de entrada */

/* Estilo das tabelas */

/* Estilo das células das tabelas */

/* Estilo dos botões */

/* Estilo do botão de imprimir */

/* Estilo do botão de imprimir quando for impresso */

/* Estilo do logo do rodapé */

/* Estilo dos dados do rodapé */

Equipamentos sob a modalidade venda.

É importante destacar que, ao solicitar o apoio da empresa parceira,

<p><ul><li>Nesse contexto, é importante destacar que as despesas de

<p><ul><li> Reconhecemos que essas despesas podem surgir devido à

<p><ul><li> Nosso compromisso é oferecer um serviço de atendimento

Estamos à disposição para esclarecer quaisquer dúvidas, e trabalhar em

<div style="display: flex; justify-content: space-between; align-items: center;">

// Função para adicionar a máscara ao campo CPF

// Adiciona a máscara ao campo CPF quando o usuário digita

// Adiciona a máscara ao campo de telefone quando o usuário digita

// Função para gerar um número aleatório

// Função para salvar os dados do formulário

// Salvar os dados do formulário no localStorage

// Função para carregar os dados do formulário

// Preencher o formulário com os dados

// Função para limpar o formulário

// Gerar um novo número para o número da proposta

// Gerar um número aleatório para o número da proposta

// Carregar os dados do formulário

// Adicionar máscara ao campo CNPJ

// Função para adicionar a máscara ao campo CNPJ

// Adiciona a máscara ao campo CNPJ quando o usuário digita

// Usar o mesmo valor no campo "Aceite da Proposta Nro"

Você também pode gostar