marinhows commited on
Commit
b791c7d
·
verified ·
1 Parent(s): 75f6066

retire essa parte por favor Certificação USP

Browse files

Grupo de Pesquisa Certificado
Centro Latino-Americano de Estudos e Pesquisas em Educação, Cognição, Ciências, Tecnologia, Inovação e Sustentabilidade (CEPIS)

Informações
Solicitante: Profa. Dra. Sonia Maria Vanzella Castellar

Unidade: FE - Metodologia do Ensino e Educação Comparada

Data: 09/06/2025

Situação: Aprovado

Certificação CNPq: 15/08/2025

Pareceres
PRPI - 15/08/2025

Aprovado pela Pró-Reitoria de Pesquisa e Inovação

Comissão de Pesquisa - 15/08/2025

Aprovado na 246ª reunião ordinária

Chefe de Departamento - 16/06/2025

Contribuição expressiva para a internacionalização

Objetivos
Desenvolver pesquisas aplicadas no campo da educação e ciências humanas com ênfase em ensino, aprendizagem, cognição, impactos ambientais e desenvolvimento tecnológico sustentável, articulando pesquisadores nacionais e internacionais.

Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +761 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🏆
4
- colorFrom: indigo
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: undefined
3
+ colorFrom: pink
4
+ colorTo: yellow
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,762 @@
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>CEPIS - Centro Latino-Americano de Pesquisa e Inovação</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script>
9
+ tailwind.config = {
10
+ theme: {
11
+ extend: {
12
+ colors: {
13
+ primary: '#15292a',
14
+ secondary: '#1d7478',
15
+ accent: '#fe7f4c',
16
+ highlight: '#b3f433'
17
+ }
18
+ }
19
+ }
20
+ }
21
+ </script>
22
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
23
+ <style>
24
+ .hero-gradient {
25
+ background: linear-gradient(135deg, #15292a 0%, #1d7478 50%, #fe7f4c 100%);
26
+ }
27
+ .card-hover:hover {
28
+ transform: translateY(-5px);
29
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
30
+ }
31
+ .stats-item {
32
+ transition: all 0.3s ease;
33
+ }
34
+ .stats-item:hover {
35
+ transform: scale(1.05);
36
+ }
37
+ .team-card:hover .team-overlay {
38
+ opacity: 1;
39
+ }
40
+ .team-overlay {
41
+ transition: opacity 0.3s ease;
42
+ opacity: 0;
43
+ }
44
+ .impact-dot {
45
+ width: 12px;
46
+ height: 12px;
47
+ display: inline-block;
48
+ border-radius: 50%;
49
+ margin-right: 5px;
50
+ }
51
+ .animate-bounce-slow {
52
+ animation: bounce 3s infinite;
53
+ }
54
+ @keyframes bounce {
55
+ 0%, 100% {
56
+ transform: translateY(0);
57
+ }
58
+ 50% {
59
+ transform: translateY(-10px);
60
+ }
61
+ }
62
+ </style>
63
+ </head>
64
+ <body class="font-sans antialiased text-gray-800">
65
+ <!-- Navigation -->
66
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
67
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
68
+ <div class="flex justify-between h-16">
69
+ <div class="flex items-center">
70
+ <div class="flex-shrink-0 flex items-center space-x-2">
71
+ <img src="https://cepis.tech/logo.png" alt="CEPIS Logo" class="h-8">
72
+ </div>
73
+ <div class="hidden md:ml-10 md:flex md:space-x-8">
74
+ <a href="#hero" class="text-b3f433 border-b3f433 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Início</a>
75
+ <a href="#areas" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Áreas</a>
76
+ <a href="#equipe" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Equipe</a>
77
+ <a href="#beneficios" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Benefícios</a>
78
+ <a href="#contato" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Contato</a>
79
+
80
+ <div class="relative">
81
+ <button onclick="toggleMenu()" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">
82
+ Entenda
83
+ <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
84
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
85
+ </svg>
86
+ </button>
87
+ <div id="entendaMenu" class="absolute left-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50 hidden">
88
+ <a href="#calculadoras" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Calculadoras</a>
89
+ <a href="https://cepis.tech/manualp&d.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">P&D</a>
90
+ <a href="#nossos-parceiros" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Nossos Parceiros</a>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ <div class="-mr-2 flex items-center md:hidden">
96
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
97
+ <span class="sr-only">Open main menu</span>
98
+ <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
99
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
100
+ </svg>
101
+ </button>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- Mobile menu -->
107
+ <div class="hidden md:hidden" id="mobile-menu">
108
+ <div class="pt-2 pb-3 space-y-1">
109
+ <a href="#hero" class="bg-[#b3f433]/20 border-[#b3f433] text-[#15292a] block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Início</a>
110
+ <a href="#areas" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Áreas</a>
111
+ <a href="#equipe" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Equipe</a>
112
+ <a href="#beneficios" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Benefícios</a>
113
+ <a href="#contato" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Contato</a>
114
+ <a href="#calculadoras" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Calculadoras</a>
115
+ <a href="https://cepis.tech/manualp&d.html" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">P&D</a>
116
+ <a href="#nossos-parceiros" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Nossos Parceiros</a>
117
+ </div>
118
+ </div>
119
+ </nav>
120
+
121
+ <!-- Hero Section -->
122
+ <section id="hero" class="hero-gradient text-white py-20 md:py-32">
123
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
124
+ <div class="text-center">
125
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 animate-bounce-slow">CEPIS</h1>
126
+ <h2 class="text-xl md:text-2xl font-light max-w-3xl mx-auto mb-10">
127
+ Centro Latino-Americano de Estudos e Pesquisas em Educação, Ciências, Tecnologias, Inovação e Sustentabilidade
128
+ </h2>
129
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6 max-w-4xl mx-auto">
130
+ <div class="stats-item bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm">
131
+ <div class="text-3xl font-bold mb-2" id="pesquisadores">0</div>
132
+ <div class="text-sm">Pesquisadores Ativos</div>
133
+ </div>
134
+ <div class="stats-item bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm">
135
+ <div class="text-3xl font-bold mb-2" id="pesquisadores-indiretos">0</div>
136
+ <div class="text-sm">Pesquisadores Indiretos</div>
137
+ </div>
138
+ <div class="stats-item bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm">
139
+ <div class="text-3xl font-bold mb-2" id="areas-pesquisa">0</div>
140
+ <div class="text-sm">Áreas de Pesquisa</div>
141
+ </div>
142
+ <div class="stats-item bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm">
143
+ <div class="text-3xl font-bold mb-2" id="inovacao">0%</div>
144
+ <div class="text-sm">Foco em Sustentabilidade e Inovação</div>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </section>
150
+
151
+ <!-- About IBEDIS -->
152
+ <section class="py-16 bg-white">
153
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
154
+ <div class="text-center mb-8">
155
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Sobre o IBEDIS</h2>
156
+ <div class="max-w-4xl mx-auto text-gray-600 space-y-4 text-left">
157
+ <p>O CEPIS é o Centro de Pesquisa do <span class="font-semibold">Instituto Brasileiro de Educação e Desenvolvimento em Inovação Sustentável (IBEDIS)</span>, uma Instituição Científica, Tecnológica e de Inovação (ICT) privada reconhecida nacional e internacionalmente para execução de projetos de P,D&I.</p>
158
+
159
+ <p class="bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500">
160
+ Com base na legislação vigente (Lei nº 13.019/2014 e Decreto nº 9.283/2018), o IBEDIS articula saberes e práticas voltadas à capacitação de pessoas e transformação de territórios, com foco na inovação de impacto social e ambiental.
161
+ </p>
162
+
163
+ <p>Nossa visão é consolidar-nos como referência em educação para sustentabilidade, pesquisa interdisciplinar e soluções tecnológicas para o setor público e privado. Através de iniciativas como o CEPIS e o NIT-IBEDIS, promovemos parcerias estratégicas com universidades, empresas e governos.</p>
164
+ </div>
165
+ <div class="mt-6">
166
+ <a href="https://ibedis.org" target="_blank" class="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-md font-medium hover:bg-blue-700 transition">
167
+ Saiba mais
168
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
169
+ <path fill-rule="evenodd" d="M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd" />
170
+ </svg>
171
+ </a>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </section>
176
+ <!-- Areas Section -->
177
+ <section id="areas" class="py-20 bg-gray-50">
178
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
179
+ <div class="text-center mb-16">
180
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Áreas de Atuação</h2>
181
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
182
+ </div>
183
+
184
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
185
+ <!-- Area 1 -->
186
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition card-hover">
187
+ <div class="text-4xl mb-4">🎓</div>
188
+ <h3 class="text-xl font-bold mb-3">Educação Geográfica</h3>
189
+ <p class="text-gray-600">Desenvolvimento de metodologias inovadoras para ensino de geografia e pensamento espacial.</p>
190
+ </div>
191
+
192
+ <!-- Area 2 -->
193
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition card-hover">
194
+ <div class="text-4xl mb-4">🧠</div>
195
+ <h3 class="text-xl font-bold mb-3">Cognição & Aprendizagem</h3>
196
+ <p class="text-gray-600">Pesquisas em neurociência educacional e processos cognitivos de aprendizagem.</p>
197
+ </div>
198
+
199
+ <!-- Area 3 -->
200
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition card-hover">
201
+ <div class="text-4xl mb-4">🌱</div>
202
+ <h3 class="text-xl font-bold mb-3">Sustentabilidade</h3>
203
+ <p class="text-gray-600">Estudos sobre mudanças climáticas, impactos ambientais e desenvolvimento sustentável.</p>
204
+ </div>
205
+
206
+ <!-- Area 4 -->
207
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition card-hover">
208
+ <div class="text-4xl mb-4">💡</div>
209
+ <h3 class="text-xl font-bold mb-3">Inovação Tecnológica</h3>
210
+ <p class="text-gray-600">P&D em tecnologias educacionais, geoprocessamento e sistemas de informação geográfica.</p>
211
+ </div>
212
+
213
+ <!-- Area 5 -->
214
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition card-hover">
215
+ <div class="text-4xl mb-4">👥</div>
216
+ <h3 class="text-xl font-bold mb-3">Políticas Públicas</h3>
217
+ <p class="text-gray-600">Análise e proposição de políticas para juventude, terceira idade e desenvolvimento urbano.</p>
218
+ </div>
219
+
220
+ <!-- Area 6 -->
221
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition card-hover">
222
+ <div class="text-4xl mb-4">🎮</div>
223
+ <h3 class="text-xl font-bold mb-3">Tecnologias Educacionais</h3>
224
+ <p class="text-gray-600">Desenvolvimento de games, apps e softwares para potencializar o ensino-aprendizagem.</p>
225
+ </div>
226
+ </div>
227
+
228
+ </div>
229
+ </section>
230
+
231
+ <!-- Team Section -->
232
+ <section id="equipe" class="py-20 bg-gray-50">
233
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
234
+ <div class="text-center mb-16">
235
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Nossa Equipe</h2>
236
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
237
+ </div>
238
+
239
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
240
+ <!-- Team Member 1 -->
241
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl">
242
+ <div class="p-6">
243
+ <div class="flex flex-col items-center text-center mb-4">
244
+ <a href="http://lattes.cnpq.br/3256062140638510" class="block mb-3">
245
+ <div class="w-32 h-32 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-5xl">
246
+ <i class="fas fa-user-graduate"></i>
247
+ </div>
248
+ </a>
249
+ <div>
250
+ <h3 class="text-xl font-bold">Prof.ª Dr.ª Sonia Maria Vanzella Castellar</h3>
251
+ <p class="text-blue-600 font-medium">Coordenadora Principal</p>
252
+ <p class="text-gray-600">Faculdade de Educação - USP</p>
253
+ </div>
254
+ </div>
255
+ <a href="http://lattes.cnpq.br/3256062140638510" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full text-center">Ver Currículo</a>
256
+ </div>
257
+ </div>
258
+
259
+ <!-- Team Member 2 -->
260
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl">
261
+ <div class="p-6">
262
+ <div class="flex flex-col items-center text-center mb-4">
263
+ <a href="http://lattes.cnpq.br/3672475581126777" class="block mb-3">
264
+ <div class="w-32 h-32 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-5xl">
265
+ <i class="fas fa-user-graduate"></i>
266
+ </div>
267
+ </a>
268
+ <div>
269
+ <h3 class="text-xl font-bold">Prof.ª Dr.ª Carolina Machado Rocha Busch Pereira</h3>
270
+ <p class="text-blue-600 font-medium">Vice-Coordenadora</p>
271
+ <p class="text-gray-600">Universidade Federal do Tocantins - UFT</p>
272
+ </div>
273
+ </div>
274
+ <a href="http://lattes.cnpq.br/3672475581126777" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full text-center">Ver Currículo</a>
275
+ </div>
276
+ </div>
277
+
278
+ <!-- Team Member 3 -->
279
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl">
280
+ <div class="p-6">
281
+ <div class="flex flex-col items-center text-center mb-4">
282
+ <a href="https://scholar.google.com/citations?user=SgegikEAAAAJ&hl=es" class="block mb-3">
283
+ <div class="w-32 h-32 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-5xl">
284
+ <i class="fas fa-user-graduate"></i>
285
+ </div>
286
+ </a>
287
+ <div>
288
+ <h3 class="text-xl font-bold">Prof. Dr. Marcelo Esteban Garrido Pereira</h3>
289
+ <p class="text-blue-600 font-medium">Pesquisador Internacional</p>
290
+ <p class="text-gray-600">UMCE - Chile</p>
291
+ </div>
292
+ </div>
293
+ <a href="https://scholar.google.com/citations?user=SgegikEAAAAJ&hl=es" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full text-center">Ver Perfil</a>
294
+ </div>
295
+ </div>
296
+
297
+ <!-- Team Member 4 -->
298
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl">
299
+ <div class="p-6">
300
+ <div class="flex flex-col items-center text-center mb-4">
301
+ <a href="http://lattes.cnpq.br/3733394766116719" class="block mb-3">
302
+ <div class="w-32 h-32 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-5xl">
303
+ <i class="fas fa-user-graduate"></i>
304
+ </div>
305
+ </a>
306
+ <div>
307
+ <h3 class="text-xl font-bold">Lucio Antonio Leite Botelho</h3>
308
+ <p class="text-blue-600 font-medium">Pesquisador Integrante</p>
309
+ <p class="text-gray-600">Pesquisador Sênior</p>
310
+ </div>
311
+ </div>
312
+ <a href="http://lattes.cnpq.br/3733394766116719" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full text-center">Ver Currículo</a>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Team Member 5 -->
317
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl">
318
+ <div class="p-6">
319
+ <div class="flex flex-col items-center text-center mb-4">
320
+ <a href="http://lattes.cnpq.br/1132398987153174" class="block mb-3">
321
+ <div class="w-32 h-32 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-5xl">
322
+ <i class="fas fa-user-graduate"></i>
323
+ </div>
324
+ </a>
325
+ <div>
326
+ <h3 class="text-xl font-bold">Máximo Augusto Campos Masson</h3>
327
+ <p class="text-blue-600 font-medium">Pesquisador Especialista</p>
328
+ <p class="text-gray-600">Tecnologia e Inovação</p>
329
+ </div>
330
+ </div>
331
+ <a href="http://lattes.cnpq.br/1132398987153174" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full text-center">Ver Currículo</a>
332
+ </div>
333
+ </div>
334
+
335
+ <!-- Team Member 6 -->
336
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl">
337
+ <div class="p-6">
338
+ <div class="flex flex-col items-center text-center mb-4">
339
+ <a href="http://lattes.cnpq.br/7934183096808983" class="block mb-3">
340
+ <div class="w-32 h-32 rounded-lg bg-blue-100 flex items-center justify-center text-blue-600 text-5xl">
341
+ <i class="fas fa-user-graduate"></i>
342
+ </div>
343
+ </a>
344
+ <div>
345
+ <h3 class="text-xl font-bold">Stella Christina Schrijnemaekers</h3>
346
+ <p class="text-blue-600 font-medium">Pesquisadora Integrante</p>
347
+ <p class="text-gray-600">Especialista em Sustentabilidade</p>
348
+ </div>
349
+ </div>
350
+ <a href="http://lattes.cnpq.br/7934183096808983" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full text-center">Ver Currículo</a>
351
+ </div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </section>
356
+
357
+ <!-- Benefits Section -->
358
+ <section id="beneficios" class="py-20 bg-white">
359
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
360
+ <div class="text-center mb-16">
361
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Benefícios da Parceria</h2>
362
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
363
+ </div>
364
+
365
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
366
+ <!-- Benefit 1 -->
367
+ <div class="bg-gray-50 p-8 rounded-xl text-center hover:shadow-lg transition card-hover">
368
+ <div class="text-4xl mb-4">🎯</div>
369
+ <h3 class="text-xl font-bold mb-3">Inovação Direcionada</h3>
370
+ <p class="text-gray-600">Pesquisas aplicadas às suas necessidades específicas</p>
371
+ </div>
372
+
373
+ <!-- Benefit 2 -->
374
+ <div class="bg-gray-50 p-8 rounded-xl text-center hover:shadow-lg transition card-hover">
375
+ <div class="text-4xl mb-4">🔬</div>
376
+ <h3 class="text-xl font-bold mb-3">P&D Especializado</h3>
377
+ <p class="text-gray-600">Contratação direta para pesquisa e desenvolvimento</p>
378
+ </div>
379
+
380
+ <!-- Benefit 3 -->
381
+ <div class="bg-gray-50 p-8 rounded-xl text-center hover:shadow-lg transition card-hover">
382
+ <div class="text-4xl mb-4">🌐</div>
383
+ <h3 class="text-xl font-bold mb-3">Rede Internacional</h3>
384
+ <p class="text-gray-600">Acesso a pesquisadores em toda América Latina</p>
385
+ </div>
386
+
387
+ <!-- Benefit 4 -->
388
+ <div class="bg-gray-50 p-8 rounded-xl text-center hover:shadow-lg transition card-hover">
389
+ <div class="text-4xl mb-4">⚡</div>
390
+ <h3 class="text-xl font-bold mb-3">Tecnologia Avançada</h3>
391
+ <p class="text-gray-600">Desenvolvimento de protótipos e validação tecnológica</p>
392
+ </div>
393
+
394
+ <!-- Benefit 5 -->
395
+ <div class="bg-gray-50 p-8 rounded-xl text-center hover:shadow-lg transition card-hover">
396
+ <div class="text-4xl mb-4">📊</div>
397
+ <h3 class="text-xl font-bold mb-3">Estudos Técnicos</h3>
398
+ <p class="text-gray-600">Pareceres científicos e análises especializadas</p>
399
+ </div>
400
+
401
+ <!-- Benefit 6 -->
402
+ <div class="bg-gray-50 p-8 rounded-xl text-center hover:shadow-lg transition card-hover">
403
+ <div class="text-4xl mb-4">🚀</div>
404
+ <h3 class="text-xl font-bold mb-3">Startups & Spin-offs</h3>
405
+ <p class="text-gray-600">Criação de empresas tecnológicas a partir das pesquisas</p>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ </section>
410
+
411
+ <!-- Calculators Section -->
412
+ <section id="calculadoras" class="py-20 bg-white">
413
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
414
+ <div class="text-center mb-16">
415
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Calculadoras</h2>
416
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
417
+ </div>
418
+
419
+ <div class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
420
+ <!-- TRL Calculator -->
421
+ <div class="bg-gray-50 p-8 rounded-xl hover:shadow-lg transition card-hover flex flex-col items-center text-center">
422
+ <div class="mb-6 text-5xl">💰</div>
423
+ <h3 class="text-xl font-bold mb-4">Calculadora de Benefícios da Lei do Bem</h3>
424
+ <p class="text-gray-600 mb-6">Calcule os benefícios fiscais para projetos de P&D enquadrados na Lei do Bem.</p>
425
+ <a href="https://cepis.tech/lei_do_bem.html" class="mt-auto inline-block bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition">Acessar Calculadora</a>
426
+ </div>
427
+
428
+ <!-- Other calculators can be added here -->
429
+ <div class="bg-gray-50 p-8 rounded-xl hover:shadow-lg transition card-hover flex flex-col items-center text-center">
430
+ <div class="mb-6 text-5xl">📈</div>
431
+ <h3 class="text-xl font-bold mb-4">Calculadora de TRL</h3>
432
+ <p class="text-gray-600 mb-6">Calcule o nível de maturidade tecnológica (TRL) do seu projeto ou tecnologia.</p>
433
+ <a href="https://cepis.tech/trl.html" class="mt-auto inline-block bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition">Acessar Calculadora</a>
434
+ </div>
435
+
436
+ <!-- Viabilidade Calculator -->
437
+ <div class="bg-gray-50 p-8 rounded-xl hover:shadow-lg transition card-hover flex flex-col items-center text-center">
438
+ <div class="mb-6 text-5xl">📊</div>
439
+ <h3 class="text-xl font-bold mb-4">Análise de Viabilidade</h3>
440
+ <p class="text-gray-600 mb-6">Avalie a viabilidade técnica e econômica de projetos de P&D.</p>
441
+ <a href="https://cepis.tech/viabilidade.html" class="mt-auto inline-block bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition">Acessar Calculadora</a>
442
+ </div>
443
+ </div>
444
+ </div>
445
+ </section>
446
+
447
+ <!-- CTA Section -->
448
+ <section id="contato" class="py-20 hero-gradient text-white">
449
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
450
+ <h2 class="text-3xl font-bold mb-6">Pronto para Inovar Conosco?</h2>
451
+ <p class="text-sm mb-4">Parceria com IBEDIS</p>
452
+ <p class="text-xl mb-10 max-w-3xl mx-auto">Junte-se ao CEPIS e seja parte da transformação educacional e tecnológica da América Latina</p>
453
+
454
+ <div class="max-w-md mx-auto bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-xl p-8 text-center">
455
+ <div class="flex justify-center mb-6">
456
+ <img src="https://cepis.tech/logo.png" alt="CEPIS Logo" class="h-16">
457
+ </div>
458
+ <h3 class="text-xl font-bold mb-6">Fale Conosco via WhatsApp</h3>
459
+ <p class="mb-8">Entre em contato diretamente com nossa equipe pelo WhatsApp para tirar dúvidas ou solicitar informações.</p>
460
+ <a href="https://wa.me/5511958270951"
461
+ class="inline-flex items-center bg-green-600 text-white px-8 py-4 rounded-lg font-bold hover:bg-green-700 transition">
462
+ <i class="fab fa-whatsapp text-2xl mr-3"></i>
463
+ Enviar Mensagem
464
+ </a>
465
+ </div>
466
+ </div>
467
+ </section>
468
+
469
+ <!-- Partners Section -->
470
+ <section id="nossos-parceiros" class="py-16 bg-gray-100">
471
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
472
+ <div class="text-center mb-12">
473
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Nossos Parceiros</h2>
474
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
475
+ </div>
476
+
477
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8">
478
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
479
+ <div class="text-2xl mb-2">🏛️</div>
480
+ <h3 class="font-medium">FAPDF</h3>
481
+ </div>
482
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
483
+ <div class="text-2xl mb-2">🔬</div>
484
+ <h3 class="font-medium">FAPESP</h3>
485
+ </div>
486
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
487
+ <div class="text-2xl mb-2">🏢</div>
488
+ <h3 class="font-medium">IPT</h3>
489
+ </div>
490
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
491
+ <div class="text-2xl mb-2">🎓</div>
492
+ <h3 class="font-medium">USP</h3>
493
+ </div>
494
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
495
+ <div class="text-2xl mb-2">📚</div>
496
+ <h3 class="font-medium">FESPSP</h3>
497
+ </div>
498
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
499
+ <div class="text-2xl mb-2">🔬</div>
500
+ <h3 class="font-medium">CNPq</h3>
501
+ </div>
502
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
503
+ <div class="text-2xl mb-2">🌱</div>
504
+ <h3 class="font-medium">Brasil Carbono</h3>
505
+ </div>
506
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
507
+ <div class="text-2xl mb-2">💻</div>
508
+ <h3 class="font-medium">ASSESPRO MG</h3>
509
+ </div>
510
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
511
+ <div class="text-2xl mb-2">🔌</div>
512
+ <h3 class="font-medium">RPP Tecnologia</h3>
513
+ </div>
514
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
515
+ <div class="text-2xl mb-2">📡</div>
516
+ <h3 class="font-medium">SAICOM</h3>
517
+ </div>
518
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
519
+ <div class="text-2xl mb-2">🛠️</div>
520
+ <h3 class="font-medium">Dedallus</h3>
521
+ </div>
522
+ <div class="bg-white p-4 rounded-lg shadow-sm text-center">
523
+ <div class="text-2xl mb-2">🎓</div>
524
+ <h3 class="font-medium">FEUSP</h3>
525
+ </div>
526
+ </div>
527
+
528
+ </div>
529
+ </section>
530
+
531
+ <!-- Footer -->
532
+ <footer class="bg-[#15292a] text-white py-12">
533
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
534
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
535
+ <div>
536
+ <h4 class="font-bold mb-4">Navegação</h4>
537
+ <ul class="space-y-2">
538
+ <li><a href="#hero" class="text-gray-400 hover:text-white transition">Início</a></li>
539
+ <li><a href="#areas" class="text-gray-400 hover:text-white transition">Áreas</a></li>
540
+ <li><a href="#equipe" class="text-gray-400 hover:text-white transition">Equipe</a></li>
541
+ <li><a href="#beneficios" class="text-gray-400 hover:text-white transition">Benefícios</a></li>
542
+ <li><a href="#contato" class="text-gray-400 hover:text-white transition">Contato</a></li>
543
+ </ul>
544
+ </div>
545
+ <div>
546
+ <h4 class="font-bold mb-4">Entenda</h4>
547
+ <ul class="space-y-2">
548
+ <li><a href="#calculadoras" class="text-gray-400 hover:text-white transition">Calculadoras</a></li>
549
+ <li><a href="https://cepis.tech/manualp&d.html" class="text-gray-400 hover:text-white transition">P&D</a></li>
550
+ <li><a href="#nossos-parceiros" class="text-gray-400 hover:text-white transition">Nossos Parceiros</a></li>
551
+ </ul>
552
+ </div>
553
+ <div>
554
+ <h4 class="font-bold mb-4">Contato</h4>
555
+ <div class="mt-6">
556
+ <p class="text-gray-400">contato@cepis.org</p>
557
+ </div>
558
+ <div class="flex space-x-4 mt-4">
559
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f text-xl"></i></a>
560
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter text-xl"></i></a>
561
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin-in text-xl"></i></a>
562
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-instagram text-xl"></i></a>
563
+ </div>
564
+ <div class="mt-6 flex items-center space-x-4">
565
+ <img src="https://cepis.tech/logo.png" alt="CEPIS Logo" class="h-8">
566
+ <img src="https://missao.ibedis.com.br/logo.png" alt="IBEDIS Logo" class="h-8">
567
+ </div>
568
+ </div>
569
+ </div>
570
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
571
+ <p>&copy; 2025 CEPIS. Todos os direitos reservados.</p>
572
+ </div>
573
+ </div>
574
+ </footer>
575
+
576
+ <!-- Scripts -->
577
+ <script>
578
+ // Counter animation for stats
579
+ function animateValue(id, start, end, duration, suffix = '') {
580
+ const obj = document.getElementById(id);
581
+ let startTimestamp = null;
582
+ const step = (timestamp) => {
583
+ if (!startTimestamp) startTimestamp = timestamp;
584
+ const progress = Math.min((timestamp - startTimestamp) / duration, 1);
585
+ let value;
586
+ if (id === 'inovacao') {
587
+ value = Math.floor(progress * (end - start) + start);
588
+ obj.innerHTML = value + suffix;
589
+ } else {
590
+ value = Math.floor(progress * (end - start) + start);
591
+ // Add thousand separators for numbers >= 1000
592
+ obj.innerHTML = value >= 1000 ? value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".") : value;
593
+ }
594
+ if (progress < 1) {
595
+ window.requestAnimationFrame(step);
596
+ }
597
+ };
598
+ window.requestAnimationFrame(step);
599
+ }
600
+
601
+ // Start counters when hero section is in view
602
+ const observer = new IntersectionObserver((entries) => {
603
+ entries.forEach(entry => {
604
+ if (entry.isIntersecting) {
605
+ animateValue('pesquisadores', 0, 14, 2000);
606
+ animateValue('pesquisadores-indiretos', 0, 56, 2000);
607
+ animateValue('areas-pesquisa', 0, 6, 2000);
608
+ animateValue('inovacao', 0, 100, 2000, '%');
609
+ observer.unobserve(entry.target);
610
+ }
611
+ });
612
+ }, {threshold: 0.5});
613
+
614
+ observer.observe(document.querySelector('#hero'));
615
+
616
+ // Mobile menu toggle
617
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
618
+ const menu = document.getElementById('mobile-menu');
619
+ if (menu.classList.contains('hidden')) {
620
+ menu.classList.remove('hidden');
621
+ } else {
622
+ menu.classList.add('hidden');
623
+ }
624
+ });
625
+
626
+ // Toggle Entenda menu
627
+ function toggleMenu() {
628
+ const menu = document.getElementById('entendaMenu');
629
+ if (menu.classList.contains('hidden')) {
630
+ menu.classList.remove('hidden');
631
+ } else {
632
+ menu.classList.add('hidden');
633
+ }
634
+ }
635
+
636
+ // Close menu when clicking outside
637
+ document.addEventListener('click', function(event) {
638
+ const menu = document.getElementById('entendaMenu');
639
+ const button = document.querySelector('[onclick="toggleMenu()"]');
640
+
641
+ if (!menu.contains(event.target) && event.target !== button) {
642
+ menu.classList.add('hidden');
643
+ }
644
+ });
645
+
646
+ // Smooth scrolling for anchor links
647
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
648
+ anchor.addEventListener('click', function (e) {
649
+ e.preventDefault();
650
+
651
+ const targetId = this.getAttribute('href');
652
+ const targetElement = document.querySelector(targetId);
653
+
654
+ if (targetElement) {
655
+ window.scrollTo({
656
+ top: targetElement.offsetTop - 80,
657
+ behavior: 'smooth'
658
+ });
659
+
660
+ // Close mobile menu if open
661
+ const mobileMenu = document.getElementById('mobile-menu');
662
+ if (!mobileMenu.classList.contains('hidden')) {
663
+ mobileMenu.classList.add('hidden');
664
+ }
665
+ }
666
+ });
667
+ });
668
+ </script>
669
+ </body>
670
  </html>
671
+ <html lang="pt-BR">
672
+ <head>
673
+ <meta charset="UTF-8">
674
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
675
+ <title>CEPIS - Centro Latino-Americano de Pesquisa e Inovação</title>
676
+ <script src="https://cdn.tailwindcss.com"></script>
677
+ <script>
678
+ tailwind.config = {
679
+ theme: {
680
+ extend: {
681
+ colors: {
682
+ primary: '#15292a',
683
+ secondary: '#1d7478',
684
+ accent: '#fe7f4c',
685
+ highlight: '#b3f433'
686
+ }
687
+ }
688
+ }
689
+ }
690
+ </script>
691
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
692
+ <style>
693
+ .hero-gradient {
694
+ background: linear-gradient(135deg, #15292a 0%, #1d7478 50%, #fe7f4c 100%);
695
+ }
696
+ .card-hover:hover {
697
+ transform: translateY(-5px);
698
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
699
+ }
700
+ .stats-item {
701
+ transition: all 0.3s ease;
702
+ }
703
+ .stats-item:hover {
704
+ transform: scale(1.05);
705
+ }
706
+ .team-card:hover .team-overlay {
707
+ opacity: 1;
708
+ }
709
+ .team-overlay {
710
+ transition: opacity 0.3s ease;
711
+ opacity: 0;
712
+ }
713
+ .impact-dot {
714
+ width: 12px;
715
+ height: 12px;
716
+ display: inline-block;
717
+ border-radius: 50%;
718
+ margin-right: 5px;
719
+ }
720
+ .animate-bounce-slow {
721
+ animation: bounce 3s infinite;
722
+ }
723
+ @keyframes bounce {
724
+ 0%, 100% {
725
+ transform: translateY(0);
726
+ }
727
+ 50% {
728
+ transform: translateY(-10px);
729
+ }
730
+ }
731
+ </style>
732
+ </head>
733
+ <body class="font-sans antialiased text-gray-800">
734
+ <!-- Navigation -->
735
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
736
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
737
+ <div class="flex justify-between h-16">
738
+ <div class="flex items-center">
739
+ <div class="flex-shrink-0 flex items-center space-x-2">
740
+ <img src="https://cepis.tech/logo.png" alt="CEPIS Logo" class="h-8">
741
+ </div>
742
+ <div class="hidden md:ml-10 md:flex md:space-x-8">
743
+ <a href="#hero" class="text-b3f433 border-b3f433 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Início</a>
744
+ <a href="#areas" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Áreas</a>
745
+ <a href="#equipe" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Equipe</a>
746
+ <a href="#beneficios" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Benefícios</a>
747
+ <a href="#contato" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Contato</a>
748
+ <a href="#calculadoras" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Calculadoras</a>
749
+ <a href="https://cepis.tech/manualp&d.html" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">P&D</a>
750
+ <a href="#nossos-parceiros" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Nossos Parceiros</a>
751
+ </div>
752
+ </div>
753
+ <div class="-mr-2 flex items-center md:hidden">
754
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
755
+ <span class="sr-only">Open main menu</span>
756
+ <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
757
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
758
+ </svg>
759
+ </button>
760
+ </div>
761
+ </div>
762
+ </div>