-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (123 loc) · 5.66 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BITEDUC - Plataforma Livre de Educação</title>
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
</head>
<body>
<header class="container navbar navbar-expand-md navbar-dark mb-4">
<div class="container-fluid">
<a class="navbar-brand me-auto" href="#">BITEDUC©</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0 justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Projeto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Benefícios</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-disabled="true">White Paper</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-disabled="true">Agent IA</a>
</li>
</ul>
</div>
</div>
</header>
<section class="container" id="hero">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-lg-6">
<spline-viewer url="https://prod.spline.design/3mcN0VseVfdQ1IlZ/scene.splinecode"></spline-viewer>
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">
Transforme o futuro com educação grátis e Tokenizada
</h1>
<p class="lead mt-5">
Ganhe tokens enquanto ensina ou aprende sobre progromação, Data Science, Blockchain e IA.
</p>
<div class="d-grid gap-2 d-flex justify-content-center mt-5">
<button type="button" class="btn btn-hero btn-lg px-4">Leia White Paper</button>
</div>
</div>
</div>
</section>
<main class="container py-5">
<section id="features" class="text-center">
<h2 class="mb-4">Recursos Principais</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card feature-card h-100 shadow-sm">
<div class="card-body">
<h3 class="card-title">Plataforma Livre</h3>
<p class="card-text">Acesso gratuito para todos, sem barreiras de entrada.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card feature-card h-100 shadow-sm">
<div class="card-body">
<h3 class="card-title">Recompensas com Tokens</h3>
<p class="card-text">Crie conteúdos ou aprenda e receba tokens negociáveis.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card feature-card h-100 shadow-sm">
<div class="card-body">
<h3 class="card-title">Baseada na Solana</h3>
<p class="card-text">Rápida, segura e escalável para todos os usuários.</p>
</div>
</div>
</div>
</div>
</section>
<section class="text-center py-5 bg-light">
<h2 class="mb-4">Como Funciona?</h2>
<div class="row">
<div class="col-md-6">
<h4>Para Criadores de Conteúdo</h4>
<p>Cadastre-se, crie materiais e receba tokens por seu trabalho.</p>
</div>
<div class="col-md-6">
<h4>Para Estudantes</h4>
<p>Aprenda novas habilidades, conclua atividades e ganhe recompensas.</p>
</div>
</div>
</section>
<section class="text-center py-5">
<h2 class="mb-4">Participe Agora</h2>
<p class="lead">Junte-se a milhares de usuários aprendendo e ensinando com tecnologia de ponta.</p>
<a href="#" class="btn btn-primary btn-lg">Cadastre-se</a>
</section>
</main>
<footer class="text-center py-3">
<div class="container">
<p>© 2024 BITEDUC. Todos os direitos reservados.</p>
<p><a href="#" class="text-decoration-none">Política de Privacidade</a> | <a href="#"
class="text-decoration-none">Termos de Uso</a></p>
</div>
</footer>
<script src="./js/bootstrap.bundle.min.js"></script>
<script type="module" src="https://unpkg.com/@splinetool/[email protected]/build/spline-viewer.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const splineViewer = document.querySelector("spline-viewer");
if (splineViewer) {
splineViewer._logo.remove();
} else {
console.log("<spline-viewer> não encontrado na página.");
}
});
</script>
</body>
</html>