Hugging Face's logo

Spaces:
Bubarino
/
Teste
Running

App Files Community
Bubarino commited on
Commit
c15ed47
·
verified ·
1 Parent(s): ff445da

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +110 -18
index.html CHANGED
@@ -1,19 +1,111 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Nexus Invest | Futuro Financeiro</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
8
+ <link rel="stylesheet" href="style.css">
9
+ </head>
10
+ <body>
11
+
12
+ <header>
13
+ <div class="logo">Nexus<span>Invest</span></div>
14
+ <nav>
15
+ <ul>
16
+ <li><a onclick="openTab('home')" class="tab-link active" id="link-home">Início</a></li>
17
+ <li><a onclick="openTab('acoes')" class="tab-link" id="link-acoes">Ações</a></li>
18
+ <li><a onclick="openTab('cripto')" class="tab-link" id="link-cripto">Criptomoedas</a></li>
19
+ <li><a onclick="openTab('calculadora')" class="tab-link" id="link-calculadora">Simulador</a></li>
20
+ </ul>
21
+ </nav>
22
+ </header>
23
+
24
+ <main>
25
+ <section id="home" class="tab-content active">
26
+ <h1>O Futuro do Seu Capital.</h1>
27
+ <p>Sistemas analíticos avançados e diretrizes estratégicas para maximizar seu patrimônio na nova economia digital.</p>
28
+
29
+ <div class="grid-cards">
30
+ <div class="card">
31
+ <h3>Mercado Tradicional</h3>
32
+ <p>Estratégias consolidadas de dividendos e análise fundamentalista.</p>
33
+ <button class="btn" onclick="openTab('acoes')">Acessar Módulo</button>
34
+ </div>
35
+ <div class="card">
36
+ <h3>Ativos Digitais</h3>
37
+ <p>Entenda Web3, DeFi e proteção de carteira com criptoativos.</p>
38
+ <button class="btn btn-purple" onclick="openTab('cripto')">Acessar Módulo</button>
39
+ </div>
40
+ <div class="card">
41
+ <h3>Engenharia Financeira</h3>
42
+ <p>Projete sua independência com nossa calculadora de precisão.</p>
43
+ <button class="btn" onclick="openTab('calculadora')">Simular Agora</button>
44
+ </div>
45
+ </div>
46
+ </section>
47
+
48
+ <section id="acoes" class="tab-content">
49
+ <h1>Mercado de Ações</h1>
50
+ <div class="grid-cards">
51
+ <div class="card">
52
+ <h3>Dividendos</h3>
53
+ <p>Foco em renda passiva recorrente.</p>
54
+ <button class="btn" onclick="alert('Dica: Foque em empresas com Payout constante.')">Dica Extra</button>
55
+ </div>
56
+ <div class="card">
57
+ <h3>Value Investing</h3>
58
+ <p>Compre boas empresas abaixo do valor intrínseco.</p>
59
+ <button class="btn" onclick="alert('Dica: Monitore o P/VP de fundos imobiliários.')">Dica Extra</button>
60
+ </div>
61
+ </div>
62
+ </section>
63
+
64
+ <section id="cripto" class="tab-content">
65
+ <h1 class="gradient-text">Cripto & Web3</h1>
66
+ <div class="grid-cards">
67
+ <div class="card">
68
+ <h3>Halving do Bitcoin</h3>
69
+ <p>O evento que dita os ciclos de alta do mercado.</p>
70
+ <button class="btn btn-purple" onclick="alert('O próximo halving reduz a emissão de novos BTCs.')">Saber Mais</button>
71
+ </div>
72
+ </div>
73
+ </section>
74
+
75
+ <section id="calculadora" class="tab-content">
76
+ <h1>Simulador Pro</h1>
77
+ <div class="calc-container">
78
+ <div class="input-group">
79
+ <label>Investimento Inicial (R$)</label>
80
+ <input type="number" id="initial" placeholder="0.00">
81
+ </div>
82
+ <div class="input-group">
83
+ <label>Aporte Mensal (R$)</label>
84
+ <input type="number" id="monthly" placeholder="0.00">
85
+ </div>
86
+ <div class="input-group">
87
+ <label>Juros Anuais (%)</label>
88
+ <input type="number" id="rate" placeholder="Ex: 12">
89
+ </div>
90
+ <div class="input-group">
91
+ <label>Tempo (Anos)</label>
92
+ <input type="number" id="years" placeholder="Ex: 5">
93
+ </div>
94
+ <button class="btn btn-purple" style="width: 100%;" onclick="calculateInterest()">Calcular</button>
95
+
96
+ <div id="calc-result">
97
+ <h3>Resultado Estimado</h3>
98
+ <p id="result-value">R$ 0,00</p>
99
+ <small id="result-details" style="color: #8892b0;"></small>
100
+ </div>
101
+ </div>
102
+ </section>
103
+ </main>
104
+
105
+ <footer>
106
+ <p>&copy; 2026 Nexus Invest - Sistema de Inteligência Financeira</p>
107
+ </footer>
108
+
109
+ <script src="script.js"></script>
110
+ </body>
111
  </html>