| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Nexus Invest | Futuro Financeiro</title> |
| <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600&display=swap" rel="stylesheet"> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
|
|
| <header> |
| <div class="logo">Nexus<span>Invest</span></div> |
| <nav> |
| <ul> |
| <li><a onclick="openTab('home')" class="tab-link active" id="link-home">Início</a></li> |
| <li><a onclick="openTab('acoes')" class="tab-link" id="link-acoes">Ações</a></li> |
| <li><a onclick="openTab('cripto')" class="tab-link" id="link-cripto">Criptomoedas</a></li> |
| <li><a onclick="openTab('calculadora')" class="tab-link" id="link-calculadora">Simulador</a></li> |
| </ul> |
| </nav> |
| </header> |
|
|
| <main> |
| <section id="home" class="tab-content active"> |
| <h1>O Futuro do Seu Capital.</h1> |
| <p>Sistemas analíticos avançados e diretrizes estratégicas para maximizar seu patrimônio na nova economia digital.</p> |
| |
| <div class="grid-cards"> |
| <div class="card"> |
| <h3>Mercado Tradicional</h3> |
| <p>Estratégias consolidadas de dividendos e análise fundamentalista.</p> |
| <button class="btn" onclick="openTab('acoes')">Acessar Módulo</button> |
| </div> |
| <div class="card"> |
| <h3>Ativos Digitais</h3> |
| <p>Entenda Web3, DeFi e proteção de carteira com criptoativos.</p> |
| <button class="btn btn-purple" onclick="openTab('cripto')">Acessar Módulo</button> |
| </div> |
| <div class="card"> |
| <h3>Engenharia Financeira</h3> |
| <p>Projete sua independência com nossa calculadora de precisão.</p> |
| <button class="btn" onclick="openTab('calculadora')">Simular Agora</button> |
| </div> |
| </div> |
| </section> |
|
|
| <section id="acoes" class="tab-content"> |
| <h1>Mercado de Ações</h1> |
| <div class="grid-cards"> |
| <div class="card"> |
| <h3>Dividendos</h3> |
| <p>Foco em renda passiva recorrente.</p> |
| <button class="btn" onclick="alert('Dica: Foque em empresas com Payout constante.')">Dica Extra</button> |
| </div> |
| <div class="card"> |
| <h3>Value Investing</h3> |
| <p>Compre boas empresas abaixo do valor intrínseco.</p> |
| <button class="btn" onclick="alert('Dica: Monitore o P/VP de fundos imobiliários.')">Dica Extra</button> |
| </div> |
| </div> |
| </section> |
|
|
| <section id="cripto" class="tab-content"> |
| <h1 class="gradient-text">Cripto & Web3</h1> |
| <div class="grid-cards"> |
| <div class="card"> |
| <h3>Halving do Bitcoin</h3> |
| <p>O evento que dita os ciclos de alta do mercado.</p> |
| <button class="btn btn-purple" onclick="alert('O próximo halving reduz a emissão de novos BTCs.')">Saber Mais</button> |
| </div> |
| </div> |
| </section> |
|
|
| <section id="calculadora" class="tab-content"> |
| <h1>Simulador Pro</h1> |
| <div class="calc-container"> |
| <div class="input-group"> |
| <label>Investimento Inicial (R$)</label> |
| <input type="number" id="initial" placeholder="0.00"> |
| </div> |
| <div class="input-group"> |
| <label>Aporte Mensal (R$)</label> |
| <input type="number" id="monthly" placeholder="0.00"> |
| </div> |
| <div class="input-group"> |
| <label>Juros Anuais (%)</label> |
| <input type="number" id="rate" placeholder="Ex: 12"> |
| </div> |
| <div class="input-group"> |
| <label>Tempo (Anos)</label> |
| <input type="number" id="years" placeholder="Ex: 5"> |
| </div> |
| <button class="btn btn-purple" style="width: 100%;" onclick="calculateInterest()">Calcular</button> |
|
|
| <div id="calc-result"> |
| <h3>Resultado Estimado</h3> |
| <p id="result-value">R$ 0,00</p> |
| <small id="result-details" style="color: #8892b0;"></small> |
| </div> |
| </div> |
| </section> |
| </main> |
|
|
| <footer> |
| <p>© 2026 Nexus Invest - Sistema de Inteligência Financeira</p> |
| </footer> |
|
|
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
