-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
211 lines (190 loc) · 15.2 KB
/
index.html
File metadata and controls
211 lines (190 loc) · 15.2 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TechHub Brasil | Comunidade de Tecnologia</title>
<meta name='keywords' content='tecnologia, comunidade tech, inteligência artificial, front-end, back-end, projetos na prática, comunidade de programação'>
<meta name='description' content='TechHub Brasil é uma comunidade de tecnologia focada em inovação, aprendizado e colaboração. Participe de discussões, explore projetos e conecte-se com outros apaixonados por tecnologia!'>
<meta name='subject' content='Projetos, Discussões, Tecnologia, TechHub Brasil'>
<meta name='copyright' content='TechHub Brasil'>
<meta name='language' content='pt-BR'>
<meta name='og:title' content='TechHub Brasil | Comunidade de Tecnologia'>
<meta name='og:url' content='https://techhub-br.netlify.app/'>
<meta name='og:image' content='https://techhub-br.netlify.app/assets/img/logo.png'>
<meta name='og:site_name' content='TechHub Brasil'>
<meta name='og:description' content='Uma comunidade de estudantes apaixonados por tecnologia e inovação.'>
<meta name='og:type' content="website" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/global.css">
<link rel="stylesheet" href="assets/css/home.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="shortcut icon" href="assets/img/logo.png" type="image/x-icon">
</head>
<body>
<section id="main-section">
<div class="container main-wrapper pt-5 pt-md-0">
<div class="row">
<div class="col-md-8 left-part text-center">
<h1 data-aos="fade-down" data-aos-duration="2000" class="">Nós somos a <strong>TechHub Brasil</strong></h1>
<p data-aos="fade-right" data-aos-duration="1500" data-aos-delay="1500">Uma comunidade de estudantes apaixonados por tecnologia e inovação.</p>
<div class="d-flex gap-3 justify-content-center ">
<a data-aos="zoom-in" data-aos-delay="3000" class="btn bg-success" href="https://chat.whatsapp.com/I9r7syAUWXIJAFcQazbyCu" target="_blank">Entrar</a>
<a data-aos="zoom-in" data-aos-delay="3000" class="btn bg-secondary" href="#destaques">Destaques</a>
</div>
</div>
<div class="col-md-4 mt-md-0 mt-4">
<img class="mx-auto mx-md-0" src="assets/img/logo.png" alt="">
</div>
</div>
</div>
</section>
<section data-aos="fade-up" class="pt-3 mt-n5 pb-5 mb-5" id="destaques">
<div class="container numbers-wrapper">
<h2 class="text-center mb-5">Aqui você encontra...</h2>
<div class="row gap-4 gap-md-0">
<div class="col-md-4">
<div class="card">
<div class="card-body">
<figure>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-users"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
</figure>
<p class="info-title">+600</p>
<p class="info-text">Membros participantes</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<figure>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-device-desktop"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10z" /><path d="M7 20h10" /><path d="M9 16v4" /><path d="M15 16v4" /></svg>
</figure>
<p class="info-title">+30</p>
<p class="info-text">Encontros virtuais realizados</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<figure>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-code"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 8l-4 4l4 4" /><path d="M17 8l4 4l-4 4" /><path d="M14 4l-4 16" /></svg>
</figure>
<p class="info-title">+10</p>
<p class="info-text">Projetos em equipe desenvolvidos</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container emphasis-phrase position-relative pb-5 mb-5">
<h2 class="text-center">E estudantes focados em aprender programação <strong>na prática!</strong></h2>
</section>
<section data-aos="fade-right" class="py-3 about-section mb-5">
<div class="container">
<div class="row">
<div class="col-lg-4">
<figure>
<img src="assets/img/home-code.png" alt="">
</figure>
</div>
<div class="col-lg-8">
<h2 class="about-subtitle mt-4">Sobre nós</h2>
<p>Na verdade, a TechHub é mais do que uma comunidade – é um movimento de transformação. Aqui, estudantes apaixonados por tecnologia se conectam para aprender, inovar e criar o futuro.</p>
<p>Acreditamos que a tecnologia tem o poder de mudar o mundo, e cada um de nós pode ser protagonista dessa revolução. Na TechHub, você encontra um ambiente de crescimento, troca de experiências e desafios que vão impulsionar sua jornada.</p>
<p>Não importa se você está dando os primeiros passos ou se já tem experiência, aqui você pode evoluir, construir conexões valiosas e transformar suas ideias em realidade.</p>
</div>
</div>
</div>
</section>
<section class="faq-section">
<div class="container">
<h2 data-aos="fade-down" class="mb-5">Aqui nós falamos sobre:</h2>
<div class="row">
<div data-aos-duration="800" data-aos-delay="200" data-aos="fade-right" class="col-md-7">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Desenvolvimento web
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body">
A web está em constante evolução, e na TechHub exploramos novas tecnologias, compartilhamos conhecimentos e discutimos as melhores práticas para criar sites e aplicações modernas. Seja desenvolvendo interfaces interativas ou aprimorando a performance, estamos sempre trocando experiências para crescer juntos.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Desenvolvimento mobile
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
O mundo está cada vez mais mobile, e nossa comunidade se reúne para trocar ideias sobre criação de aplicativos eficientes e inovadores. Do design à implementação, debatemos frameworks, desafios do desenvolvimento e como tornar as aplicações mais acessíveis e funcionais.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Inteligência Artificial
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
A IA está moldando o futuro, e na TechHub discutimos suas aplicações, avanços e desafios. Seja em aprendizado de máquina, visão computacional ou automação, trocamos experiências e exploramos maneiras de utilizar essa tecnologia para impactar o mundo de forma positiva.
</div>
</div>
</div>
</div>
</div>
<div data-aos-duration="800" data-aos-delay="300" data-aos="zoom-in-right" class="col-md-5">
<figure class="mt-4 mt-md-0">
<img src="assets/img/faq-img.jpg" alt="">
</figure>
</div>
</div>
</div>
</section>
<section class="cta-section py-5">
<div class="container">
<h2 class="mb-5 text-center mx-auto" style="max-width: 550px;">Junte-se agora e mude o seu futuro (e o mundo) com tecnologia!</h2>
<div class="row mx-auto" style="max-width: 550px;">
<div class="col-3">
<a class="btn discord" target="_blank" href="https://discord.gg/qZZckejVES">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-brand-discord"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14.983 3l.123 .006c2.014 .214 3.527 .672 4.966 1.673a1 1 0 0 1 .371 .488c1.876 5.315 2.373 9.987 1.451 12.28c-1.003 2.005 -2.606 3.553 -4.394 3.553c-.732 0 -1.693 -.968 -2.328 -2.045a21.512 21.512 0 0 0 2.103 -.493a1 1 0 1 0 -.55 -1.924c-3.32 .95 -6.13 .95 -9.45 0a1 1 0 0 0 -.55 1.924c.717 .204 1.416 .37 2.103 .494c-.635 1.075 -1.596 2.044 -2.328 2.044c-1.788 0 -3.391 -1.548 -4.428 -3.629c-.888 -2.217 -.39 -6.89 1.485 -12.204a1 1 0 0 1 .371 -.488c1.439 -1.001 2.952 -1.459 4.966 -1.673a1 1 0 0 1 .935 .435l.063 .107l.651 1.285l.137 -.016a12.97 12.97 0 0 1 2.643 0l.134 .016l.65 -1.284a1 1 0 0 1 .754 -.54l.122 -.009zm-5.983 7a2 2 0 0 0 -1.977 1.697l-.018 .154l-.005 .149l.005 .15a2 2 0 1 0 1.995 -2.15zm6 0a2 2 0 0 0 -1.977 1.697l-.018 .154l-.005 .149l.005 .15a2 2 0 1 0 1.995 -2.15z" /></svg>
</a>
</div>
<div class="col-3">
<a class="btn whatsapp" href="https://chat.whatsapp.com/I9r7syAUWXIJAFcQazbyCu" target="_blank" >
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-brand-whatsapp"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.497 4.409a10 10 0 0 1 -10.36 16.828l-.223 -.098l-4.759 .849l-.11 .011a1 1 0 0 1 -.11 0l-.102 -.013l-.108 -.024l-.105 -.037l-.099 -.047l-.093 -.058l-.014 -.011l-.012 -.007l-.086 -.073l-.077 -.08l-.067 -.088l-.056 -.094l-.034 -.07l-.04 -.108l-.028 -.128l-.012 -.102a1 1 0 0 1 0 -.125l.012 -.1l.024 -.11l.045 -.122l1.433 -3.304l-.009 -.014a10 10 0 0 1 1.549 -12.454l.215 -.203a10 10 0 0 1 13.226 -.217m-8.997 3.09a1.5 1.5 0 0 0 -1.5 1.5v1a6 6 0 0 0 6 6h1a1.5 1.5 0 0 0 0 -3h-1l-.144 .007a1.5 1.5 0 0 0 -1.128 .697l-.042 .074l-.022 -.007a4.01 4.01 0 0 1 -2.435 -2.435l-.008 -.023l.075 -.041a1.5 1.5 0 0 0 .704 -1.272v-1a1.5 1.5 0 0 0 -1.5 -1.5" /></svg>
</a>
</div>
<div class="col-3">
<a class="btn instagram" href="https://www.instagram.com/techhub.brasil/" target="_blank" >
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-instagram"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /><path d="M16.5 7.5v.01" /></svg>
</a>
</div>
<div class="col-3">
<a class="btn youtube" href="https://www.youtube.com/@techhub_br_" target="_blank" >
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-brand-youtube"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-9 6v6a1 1 0 0 0 1.514 .857l5 -3a1 1 0 0 0 0 -1.714l-5 -3a1 1 0 0 0 -1.514 .857z" /></svg>
</a>
</div>
</div>
</div>
</section>
<footer>
<p class="text-center">© TechHub Brasil 2025</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>