167 lines
8.7 KiB
HTML
167 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="pt-BR">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Minha conta · DTF Dropstar</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/site-shell.css">
|
||
<link rel="stylesheet" href="/site-v2.css">
|
||
<link rel="stylesheet" href="/portal.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="tarja">
|
||
ENVIE SEU ARQUIVO DTF PELO SITE · DTF TÊXTIL COM O MENOR PREÇO DO METRO EM FRANCA-SP
|
||
</div>
|
||
|
||
<header class="topo"><div class="w">
|
||
<a class="logo" href="https://www.dropstaratacado.com.br" aria-label="Dropstar Atacado"><img src="https://cdn.vnda.com.br/dropstar/2025/12/17/logo-header-15125700-16129080.png?v=1766009286" alt="Dropstar"></a>
|
||
<div class="acts">
|
||
<a href="/conta" aria-current="page"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg><span class="actTx" id="quem">Minha conta</span></a>
|
||
<a href="/carrinho"><svg class="ic" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg><span class="actTx">Carrinho</span></a>
|
||
</div>
|
||
</div></header>
|
||
|
||
<main class="ped w">
|
||
<p class="pedAviso" id="dev-notice" hidden>Ambiente de desenvolvimento local. Pagamentos e notificações são simulados. Use apenas dados de teste.</p>
|
||
<p class="pedMsg" id="message" role="status"></p>
|
||
|
||
<!-- /conta/entrar -->
|
||
<section class="acesso" id="auth" hidden aria-labelledby="tEntrar">
|
||
<h1 id="tEntrar">Minha conta</h1>
|
||
<div class="acessoGrid">
|
||
<form class="bloco" id="login">
|
||
<h2>Entrar</h2>
|
||
<p class="nota2">Para ver seus pedidos e seus dados.</p>
|
||
<label for="email">E-mail</label>
|
||
<input id="email" type="email" autocomplete="username" required>
|
||
<label for="password">Senha</label>
|
||
<input id="password" type="password" autocomplete="current-password" required>
|
||
<button class="bPri">Entrar</button>
|
||
<button type="button" class="bLink" id="esqueci">Esqueci minha senha</button>
|
||
<p class="nota2" id="esqueciTx" hidden>A recuperação por e-mail chega em breve. Enquanto isso, fale com a Dropstar pelo WhatsApp <a href="https://wa.me/message/NJ76CLIOUGXLB1" target="_blank" rel="noopener">16 99428-0056</a>.</p>
|
||
</form>
|
||
<form class="bloco" id="register">
|
||
<h2>Criar conta</h2>
|
||
<p class="nota2">Os pedidos feitos neste navegador passam para a sua conta.</p>
|
||
<div class="duas">
|
||
<div><label for="cnpj">CNPJ</label><input id="cnpj" inputmode="numeric" autocomplete="off" required></div>
|
||
<div><label for="phone">WhatsApp</label><input id="phone" inputmode="numeric" autocomplete="tel" required></div>
|
||
</div>
|
||
<label for="register-email">E-mail</label>
|
||
<input id="register-email" type="email" autocomplete="email" required>
|
||
<label for="register-password">Senha <span class="obs">12 caracteres ou mais</span></label>
|
||
<input id="register-password" type="password" minlength="12" maxlength="128" autocomplete="new-password" required>
|
||
<button class="bPri">Criar conta</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- /conta, /conta/pedidos, /conta/dados -->
|
||
<div class="area" id="area" hidden>
|
||
<nav class="lateral" aria-label="Minha conta">
|
||
<a href="/conta" data-view="geral" data-conta>Visão geral</a>
|
||
<a href="/conta/pedidos" data-view="pedidos">Pedidos</a>
|
||
<a href="/conta/dados" data-view="dados" data-conta>Dados da conta</a>
|
||
<a href="/conta/entrar" data-view="entrar" id="navEntrar">Entrar</a>
|
||
<button type="button" id="logout" hidden>Sair</button>
|
||
</nav>
|
||
|
||
<section class="vista" id="vGeral" hidden aria-labelledby="tGeral">
|
||
<h1 id="tGeral">Olá</h1>
|
||
<p class="conta" id="account"></p>
|
||
<div class="metricas" id="metricas"></div>
|
||
<h2 class="tituloGrupo">Último pedido</h2>
|
||
<div class="lista" id="ultimo"></div>
|
||
<a class="verTodos" href="/conta/pedidos" data-view="pedidos">Ver todos os pedidos ›</a>
|
||
</section>
|
||
|
||
<section class="vista" id="vPedidos" hidden aria-labelledby="tPedidos">
|
||
<h1 id="tPedidos">Pedidos</h1>
|
||
<p class="acessoIntro" id="guest"></p>
|
||
<div class="filtros" id="filtros" role="group" aria-label="Filtrar pedidos"></div>
|
||
<div class="busca2">
|
||
<label class="sr" for="fNumero">Número do pedido</label>
|
||
<input id="fNumero" inputmode="numeric" placeholder="Nº do pedido">
|
||
<label class="sr" for="fPeriodo">Período</label>
|
||
<select id="fPeriodo">
|
||
<option value="30">Últimos 30 dias</option>
|
||
<option value="90">Últimos 90 dias</option>
|
||
<option value="365">Último ano</option>
|
||
<option value="0" selected>Todo o período</option>
|
||
</select>
|
||
</div>
|
||
<div class="lista" id="orders"></div>
|
||
<div class="paginas" id="paginas"></div>
|
||
</section>
|
||
|
||
<section class="vista" id="vDados" hidden aria-labelledby="tDados">
|
||
<h1 id="tDados">Dados da conta</h1>
|
||
<form class="bloco" id="fPerfil">
|
||
<h2>Empresa e entrega</h2>
|
||
<div class="duas">
|
||
<div><label for="dCnpj">CNPJ</label><input id="dCnpj" readonly aria-readonly="true"></div>
|
||
<div><label for="dZap">WhatsApp</label><input id="dZap" inputmode="numeric" autocomplete="tel" required></div>
|
||
</div>
|
||
<div class="duas">
|
||
<div><label for="dCep">CEP</label><input id="dCep" inputmode="numeric" maxlength="9" placeholder="00000-000"></div>
|
||
<div><label for="dNome">Quem recebe</label><input id="dNome" maxlength="120"></div>
|
||
</div>
|
||
<label for="dRua">Rua / avenida</label><input id="dRua" maxlength="160">
|
||
<div class="duas">
|
||
<div><label for="dNum">Número</label><input id="dNum" maxlength="20"></div>
|
||
<div><label for="dComp">Complemento (opcional)</label><input id="dComp" maxlength="80"></div>
|
||
</div>
|
||
<div class="tres">
|
||
<div><label for="dBairro">Bairro</label><input id="dBairro" maxlength="80"></div>
|
||
<div><label for="dCidade">Cidade</label><input id="dCidade" maxlength="80"></div>
|
||
<div><label for="dUf">UF</label><input id="dUf" maxlength="2"></div>
|
||
</div>
|
||
<button class="bPri">Salvar</button>
|
||
</form>
|
||
<form class="bloco" id="fEmail">
|
||
<h2>E-mail</h2>
|
||
<label for="dMail">E-mail</label><input id="dMail" type="email" autocomplete="email" required>
|
||
<label for="dMailSenha">Senha atual, para confirmar</label><input id="dMailSenha" type="password" autocomplete="current-password" required>
|
||
<button class="bSec">Alterar e-mail</button>
|
||
</form>
|
||
<form class="bloco" id="fSenha">
|
||
<h2>Senha</h2>
|
||
<label for="dAtual">Senha atual</label><input id="dAtual" type="password" autocomplete="current-password" required>
|
||
<label for="dNova">Nova senha <span class="obs">12 caracteres ou mais</span></label><input id="dNova" type="password" minlength="12" maxlength="128" autocomplete="new-password" required>
|
||
<button class="bSec">Alterar senha</button>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer><div class="w">
|
||
<div class="frow">
|
||
<span class="fmarca"><img src="https://cdn.vnda.com.br/dropstar/2025/12/17/logo-header-15125700-16129080.png?v=1766009286" alt="Dropstar">DTF</span>
|
||
<div class="flinks">
|
||
<a href="https://www.dropstaratacado.com.br" target="_blank" rel="noopener">Loja de atacado</a>
|
||
<a href="https://www.dropstaratacado.com.br/p/termos" target="_blank" rel="noopener">Trocas e privacidade</a>
|
||
<a href="https://www.dropstaratacado.com.br/p/atendimento" target="_blank" rel="noopener">Fale conosco</a>
|
||
<a href="https://www.instagram.com/dropstar.ofc/" target="_blank" rel="noopener">Instagram</a>
|
||
</div>
|
||
<div class="fcont">
|
||
<a href="https://wa.me/message/NJ76CLIOUGXLB1" target="_blank" rel="noopener">16 99428-0056</a>
|
||
· arquivos 16 99230-2546<br>
|
||
<a href="mailto:atendimentodropstar@gmail.com">atendimentodropstar@gmail.com</a><br>
|
||
Segunda a sexta, 07h às 17h
|
||
</div>
|
||
</div>
|
||
<div class="fbase">
|
||
<span>© Dropstar Atacado · CNPJ 55.786.635/0001-58 · Franca-SP</span>
|
||
<span>Visa · Master · Elo · Amex · Pix · Boleto</span>
|
||
<span>têxtil 57 cm · UV 28,5 cm</span>
|
||
</div>
|
||
</div></footer>
|
||
|
||
<script src="/privacy.js"></script><script src="/upload.js"></script><script src="/portal.js"></script>
|
||
</body>
|
||
</html>
|