Hugging Face's logo

Spaces:
gallabs
/
blog-gal-lab
Running

App Files Community
gallabs commited on
Commit
3e9e06b
·
verified ·
1 Parent(s): c30af5a

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +455 -19
  3. prompts.txt +4 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Blog Gal Lab
3
- emoji: ⚡
4
- colorFrom: yellow
5
- colorTo: red
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: blog-gal-lab
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,455 @@
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>General Lab Solutions | Blog Científico</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .gradient-text {
18
+ background: linear-gradient(90deg, #0066cc, #003366);
19
+ -webkit-background-clip: text;
20
+ background-clip: text;
21
+ color: transparent;
22
+ }
23
+
24
+ .post-card:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
27
+ }
28
+
29
+ .category-chip:hover {
30
+ background-color: #0066cc;
31
+ color: white;
32
+ }
33
+
34
+ .hero {
35
+ background: linear-gradient(135deg, #0066cc 0%, #003366 100%);
36
+ }
37
+
38
+ .search-input:focus {
39
+ outline: none;
40
+ box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
41
+ }
42
+
43
+ .lab-equipment-icon {
44
+ background-color: #e6f2ff;
45
+ color: #0066cc;
46
+ border-radius: 50%;
47
+ width: 60px;
48
+ height: 60px;
49
+ display: flex;
50
+ align-items: center;
51
+ justify-content: center;
52
+ font-size: 24px;
53
+ margin-bottom: 15px;
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <!-- Header/Navbar -->
59
+ <header class="bg-white shadow-sm sticky top-0 z-50">
60
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
61
+ <div class="flex items-center space-x-2">
62
+ <img src="https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=400&q=80" alt="General Lab Logo" class="h-10">
63
+ </div>
64
+
65
+ <nav class="hidden md:flex space-x-8">
66
+ <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Início</a>
67
+ <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Blog</a>
68
+ <a href="#" class="text-gray-7f00 hover:text-blue-800 font-medium">Serviços</a>
69
+ <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Soluções</a>
70
+ <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Contato</a>
71
+ </nav>
72
+
73
+ <div class="flex items-center space-x-4">
74
+ <button class="md:hidden text-gray-700">
75
+ <i class="fas fa-bars text-xl"></i>
76
+ </button>
77
+ <div class="hidden md:flex items-center space-x-2 bg-gray-100 rounded-full px-4 py-2">
78
+ <i class="fas fa-search text-gray-500"></i>
79
+ <input type="text" placeholder="Buscar..." class="bg-transparent border-none focus:outline-none search-input">
80
+ </div>
81
+ <button class="hidden md:block bg-blue-800 text-white px-4 py-2 rounded-full hover:bg-blue-900 transition">
82
+ <i class="fas fa-phone-alt mr-2"></i> Contato
83
+ </button>
84
+ </div>
85
+ </div>
86
+ </header>
87
+
88
+ <!-- Hero Section -->
89
+ <section class="hero text-white py-16">
90
+ <div class="container mx-auto px-4">
91
+ <div class="max-w-3xl mx-auto text-center">
92
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Conhecimento Científico em Primeiro Lugar</h1>
93
+ <p class="text-xl mb-8 opacity-90">Artigos e pesquisas sobre soluções laboratoriais, equipamentos e inovações na área científica.</p>
94
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
95
+ <button class="bg-white text-blue-800 px-6 py-3 rounded-full font-medium hover:bg-gray-100 transition">
96
+ <i class="fas fa-flask mr-2"></i> Nossos Serviços
97
+ </button>
98
+ <button class="border-2 border-white px-6 py-3 rounded-full font-medium hover:bg-white hover:bg-opacity-10 transition">
99
+ <i class="fas fa-book-open mr-2"></i> Ver Artigos
100
+ </button>
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </section>
105
+
106
+ <!-- Featured Posts -->
107
+ <section class="py-12 bg-white">
108
+ <div class="container mx-auto px-4">
109
+ <div class="flex justify-between items-center mb-8">
110
+ <h2 class="text-2xl font-bold text-gray-800">Artigos em Destaque</h2>
111
+ <a href="#" class="text-blue-800 hover:text-blue-900 font-medium flex items-center">
112
+ Ver todos <i class="fas fa-arrow-right ml-2"></i>
113
+ </a>
114
+ </div>
115
+
116
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
117
+ <!-- Post 1 -->
118
+ <div class="bg-white rounded-xl shadow-md overflow-hidden post-card transition duration-300">
119
+ <div class="h-48 bg-blue-100 relative">
120
+ <img src="https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
121
+ alt="Equipamentos para laboratório" class="w-full h-full object-cover">
122
+ <div class="absolute top-4 left-4 bg-blue-800 text-white text-xs px-3 py-1 rounded-full">
123
+ Equipamentos
124
+ </div>
125
+ </div>
126
+ <div class="p-6">
127
+ <div class="flex items-center text-sm text-gray-500 mb-2">
128
+ <span>15 de Maio, 2023</span>
129
+ <span class="mx-2">•</span>
130
+ <span>8 min de leitura</span>
131
+ </div>
132
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Equipamentos Essenciais para Laboratórios de Pesquisa</h3>
133
+ <p class="text-gray-600 mb-4">Conheça os principais equipamentos necessários para montar um laboratório de pesquisa de alto desempenho.</p>
134
+ <div class="flex items-center">
135
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
136
+ <span class="text-sm font-medium text-gray-700">Dra. Ana Silva</span>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Post 2 -->
142
+ <div class="bg-white rounded-xl shadow-md overflow-hidden post-card transition duration-300">
143
+ <div class="h-48 bg-blue-100 relative">
144
+ <img src="https://images.unsplash.com/photo-1606761568499-6d2451b23c66?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80"
145
+ alt="Análise de água" class="w-full h-full object-cover">
146
+ <div class="absolute top-4 left-4 bg-green-600 text-white text-xs px-3 py-1 rounded-full">
147
+ Análises
148
+ </div>
149
+ </div>
150
+ <div class="p-6">
151
+ <div class="flex items-center text-sm text-gray-500 mb-2">
152
+ <span>10 de Maio, 2023</span>
153
+ <span class="mx-2">•</span>
154
+ <span>6 min de leitura</span>
155
+ </div>
156
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Métodos Avançados para Análise de Água Potável</h3>
157
+ <p class="text-gray-600 mb-4">Técnicas modernas e equipamentos especializados para garantir a qualidade da água para consumo humano.</p>
158
+ <div class="flex items-center">
159
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
160
+ <span class="text-sm font-medium text-gray-700">Dr. Carlos Oliveira</span>
161
+ </div>
162
+ </div>
163
+ </div>
164
+
165
+ <!-- Post 3 -->
166
+ <div class="bg-white rounded-xl shadow-md overflow-hidden post-card transition duration-300">
167
+ <div class="h-48 bg-blue-100 relative">
168
+ <img src="https://images.unsplash.com/photo-1565728744382-61accd4aa148?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1173&q=80"
169
+ alt="Laboratório de microbiologia" class="w-full h-full object-cover">
170
+ <div class="absolute top-4 left-4 bg-purple-600 text-white text-xs px-3 py-1 rounded-full">
171
+ Microbiologia
172
+ </div>
173
+ </div>
174
+ <div class="p-6">
175
+ <div class="flex items-center text-sm text-gray-500 mb-2">
176
+ <span>5 de Maio, 2023</span>
177
+ <span class="mx-2">•</span>
178
+ <span>10 min de leitura</span>
179
+ </div>
180
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Tendências em Laboratórios de Microbiologia</h3>
181
+ <p class="text-gray-600 mb-4">As inovações tecnológicas que estão revolucionando os laboratórios de análise microbiológica.</p>
182
+ <div class="flex items-center">
183
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
184
+ <span class="text-sm font-medium text-gray-700">Dra. Mariana Souza</span>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </section>
191
+
192
+ <!-- Services Section -->
193
+ <section class="py-12 bg-gray-50">
194
+ <div class="container mx-auto px-4">
195
+ <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Nossos Serviços</h2>
196
+
197
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
198
+ <div class="bg-white p-8 rounded-xl shadow-sm text-center hover:shadow-md transition">
199
+ <div class="lab-equipment-icon mx-auto">
200
+ <i class="fas fa-microscope"></i>
201
+ </div>
202
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Equipamentos Laboratoriais</h3>
203
+ <p class="text-gray-600">Fornecimento de equipamentos de alta qualidade para laboratórios de pesquisa, análise e controle de qualidade.</p>
204
+ </div>
205
+
206
+ <div class="bg-white p-8 rounded-xl shadow-sm text-center hover:shadow-md transition">
207
+ <div class="lab-equipment-icon mx-auto">
208
+ <i class="fas fa-vial"></i>
209
+ </div>
210
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Análises Químicas</h3>
211
+ <p class="text-gray-600">Serviços especializados em análises químicas para diversos segmentos industriais e de pesquisa.</p>
212
+ </div>
213
+
214
+ <div class="bg-white p-8 rounded-xl shadow-sm text-center hover:shadow-md transition">
215
+ <div class="lab-equipment-icon mx-auto">
216
+ <i class="fas fa-dna"></i>
217
+ </div>
218
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Consultoria Científica</h3>
219
+ <p class="text-gray-600">Consultoria especializada para implantação e melhoria de laboratórios e processos analíticos.</p>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </section>
224
+
225
+ <!-- Latest Posts -->
226
+ <section class="py-12 bg-white">
227
+ <div class="container mx-auto px-4">
228
+ <div class="flex justify-between items-center mb-8">
229
+ <h2 class="text-2xl font-bold text-gray-800">Últimos Artigos Científicos</h2>
230
+ <a href="#" class="text-blue-800 hover:text-blue-900 font-medium flex items-center">
231
+ Ver todos <i class="fas fa-arrow-right ml-2"></i>
232
+ </a>
233
+ </div>
234
+
235
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
236
+ <!-- Post 1 -->
237
+ <div class="flex flex-col sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
238
+ <div class="sm:w-1/3 h-48 sm:h-auto">
239
+ <img src="https://images.unsplash.com/photo-1547592180-85f173990554?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
240
+ alt="Análise de alimentos" class="w-full h-full object-cover">
241
+ </div>
242
+ <div class="sm:w-2/3 p-6">
243
+ <div class="flex items-center text-sm text-gray-500 mb-2">
244
+ <span>20 de Abril, 2023</span>
245
+ <span class="mx-2">•</span>
246
+ <span>5 min de leitura</span>
247
+ </div>
248
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Técnicas Modernas para Análise de Alimentos</h3>
249
+ <p class="text-gray-600 mb-4">Métodos avançados para garantir a qualidade và segurança dos alimentos através de análises laboratoriais.</p>
250
+ <div class="flex items-center">
251
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
252
+ <span class="text-sm font-medium text-gray-700">Dr. Ricardo Mendes</span>
253
+ </div>
254
+ </div>
255
+ </div>
256
+
257
+ <!-- Post 2 -->
258
+ <div class="flex flex-col sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
259
+ <div class="sm:w-1/3 h-48 sm:h-auto">
260
+ <img src="https://images.unsplash.com/photo-1581094271901-8022df4466f9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
261
+ alt="Controle de qualidade" class="w-full h-full object-cover">
262
+ </div>
263
+ <div class="sm:w-2/3 p-6">
264
+ <div class="flex items-center text-sm text-gray-500 mb-2">
265
+ <span>18 de Abril, 2023</span>
266
+ <span class="mx-2">•</span>
267
+ <span>7 min de leitura</span>
268
+ </div>
269
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Importância do Controle de Qualidade em Laboratórios</h3>
270
+ <p class="text-gray-600 mb-4">Como implementar sistemas eficazes de controle de qualidade para garantir resultados confiáveis.</p>
271
+ <div class="flex items-center">
272
+ <img src="https://randomuser.me/api/portraits/women/33.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
273
+ <span class="text-sm font-medium text-gray-700">Dra. Fernanda Lima</span>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <!-- Post 3 -->
279
+ <div class="flex flexocol sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
280
+ <div class="sm:w-1/3 h-48 sm:h-auto">
281
+ <img src="https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
282
+ alt="Equipamentos para laboratório" class="w-full h-full object-cover">
283
+ </div>
284
+ <div class="sm:w-2/3 p-6">
285
+ <div class="flex items-center text-sm text-gray-500 mb-2">
286
+ <span>15 de Abril, 2023</span>
287
+ <span class="mx-2">•</span>
288
+ <span>9 min de leitura</span>
289
+ </div>
290
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Como Escolher os Melhores Equipamentos para seu Laboratório</h3>
291
+ <p class="text-gray-600 mb-4">Guia completo com critérios técnicos e práticos para seleção de equipamentos laboratoriais.</p>
292
+ <div class="flex items-center">
293
+ <img src="https://randomuser.me/api/portraits/men/46.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
294
+ <span class="text-sm font-medium text-gray-700">Dr. Pedro Alves</span>
295
+ </div>
296
+ </div>
297
+ </div>
298
+
299
+ <!-- Post 4 -->
300
+ <div class="flex flex-col sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition">
301
+ <div class="sm:w-1/3 h-48 sm:h-auto">
302
+ <img src="https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
303
+ alt="Laboratório de pesquisa" class="w-full h-full object-cover">
304
+ </div>
305
+ <div class="sm:w-2/3 p-6">
306
+ <div class="flex items-center text-sm text-gray-500 mb-2">
307
+ <span>12 de Abril, 2023</span>
308
+ <span class="mx-2">•</span>
309
+ <span>6 min de leitura</span>
310
+ </div>
311
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Inovações em Laboratórios de Pesquisa Farmacêutica</h3>
312
+ <p class="text-gray-600 mb-4">As últimas tendências tecnológicas aplicadas em laboratórios de desenvolvimento farmacêutico.</p>
313
+ <div class="flex items-center">
314
+ <img src="https://randomuser.me/api/portraits/women/52.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3">
315
+ <span class="text-sm font-medium text-gray-700">Dra. Juliana Costa</span>
316
+ </div>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </section>
322
+
323
+ <!-- Newsletter -->
324
+ <section class="py-12 bg-blue-50">
325
+ <div class="container mx-auto px-4">
326
+ <div class="max-w-3xl mx-auto bg-white rounded-xl shadow-sm p-8 text-center">
327
+ <div class="lab-equipment-icon mx-auto">
328
+ <i class="fas fa-flask"></i>
329
+ </div>
330
+ <h2 class="text-2xl font-bold text-gray-800 mb-2">Assine nosso Boletim Científico</h2>
331
+ <p class="text-gray-600 mb-6">Receba artigos, pesquisas e novidades sobre equipamentos e análises laboratoriais diretamente no seu email.</p>
332
+
333
+ <form class="flex flex-col sm:flex-row gap-4 max-w-md mx-auto">
334
+ <input type="email" placeholder="Seu email" class="flex-grow px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-1 focus:ring-blue-500">
335
+ <button type="submit" class="bg-blue-800 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-900 transition whitespace-nowrap">
336
+ Assinar
337
+ </button>
338
+ </form>
339
+ </div>
340
+ </div>
341
+ </section>
342
+
343
+ <!-- Footer -->
344
+ <footer class="bg-gray-900 text-white py-12">
345
+ <div class="container mx-auto px-4">
346
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
347
+ <div>
348
+ <div class="flex items-center space-x-2 mb-4">
349
+ <img src="https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=400&q=80" alt="General Lab Logo" class="h-8">
350
+ </div>
351
+ <p class="text-gray-400 mb-4">Soluções completas em equipamentos e análises laboratoriais com excelência técnica e compromisso com a qualidade.</p>
352
+ <div class="flex space-x-4">
353
+ <a href="#" class="text-gray-400 hover:text-white transition">
354
+ <i class="fab fa-facebook-f"></i>
355
+ </a>
356
+ <a href="#" class="text-gray-400 hover:text-white transition">
357
+ <i class="fab fa-linkedin-in"></i>
358
+ </a>
359
+ <a href="#" class="text-gray-400 hover:text-white transition">
360
+ <i class="fab fa-instagram"></i>
361
+ </a>
362
+ <a href="#" class="text-gray-4f00 hover:text-white transition">
363
+ <i class="fab fa-youtube"></i>
364
+ </a>
365
+ </div>
366
+ </div>
367
+
368
+ <div>
369
+ <h3 class="text-lg font-semibold mb-4">Links Rápidos</h3>
370
+ <ul class="space-y-2">
371
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Início</a></li>
372
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Blog Científico</a></li>
373
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Serviços</a></li>
374
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Soluções</a></li>
375
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Contato</a></li>
376
+ </ul>
377
+ </div>
378
+
379
+ <div>
380
+ <h3 class="text-lg font-semibold mb-4">Categorias</h3>
381
+ <ul class="space-y-2">
382
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Equipamentos</a></li>
383
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Análises Químicas</a></li>
384
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Microbiologia</a></li>
385
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Controle de Qualidade</a></li>
386
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Pesquisa</a></li>
387
+ </ul>
388
+ </div>
389
+
390
+ <div>
391
+ <h3 class="text-lg font-semibold mb-4">Contato</h3>
392
+ <ul class="space-y-2 text-gray-400">
393
+ <li class="flex items-start">
394
+ <i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-400"></i>
395
+ <span>Av. das Nações Unidas, 12901 - São Paulo, SP</span>
396
+ </li>
397
+ <li class="flex items-center">
398
+ <i class="fas fa-envelope mr-3 text-blue-400"></i>
399
+ <span>[email protected]</span>
400
+ </li>
401
+ <li class="flex items-center">
402
+ <i class="fas fa-phone-alt mr-3 text-blue-400"></i>
403
+ <span>(11) 99999-9999</span>
404
+ </li>
405
+ </ul>
406
+ </div>
407
+ </div>
408
+
409
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
410
+ <p>&copy; 2023 General Lab Solutions. Todos os direitos reservados.</p>
411
+ </div>
412
+ </div>
413
+ </footer>
414
+
415
+ <script>
416
+ // Mobile menu toggle functionality
417
+ document.addEventListener('DOMContentLoaded', function() {
418
+ const mobileMenuButton = document.querySelector('.md\\:hidden');
419
+ const mobileMenu = document.querySelector('nav');
420
+
421
+ mobileMenuButton.addEventListener('click', function() {
422
+ mobileMenu.classList.toggle('hidden');
423
+ mobileMenu.classList.toggle('flex');
424
+ mobileMenu.classList.toggle('flex-col');
425
+ mobileMenu.classList.toggle('absolute');
426
+ mobileMenu.classList.toggle('top-16');
427
+ mobileMenu.classList.toggle('left-0');
428
+ mobileMenu.classList.toggle('right-0');
429
+ mobileMenu.classList.toggle('bg-white');
430
+ mobileMenu.classList.toggle('p-4');
431
+ mobileMenu.classList.toggle('shadow-md');
432
+ mobileMenu.classList.toggle('space-y-4');
433
+ mobileMenu.classList.toggle('space-x-8');
434
+ });
435
+
436
+ // Smooth scrolling for anchor links
437
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
438
+ anchor.addEventListener('click', function (e) {
439
+ e.preventDefault();
440
+
441
+ const targetId = this.getAttribute('href');
442
+ if (targetId === '#') return;
443
+
444
+ const targetElement = document.querySelector(targetId);
445
+ if (targetElement) {
446
+ targetElement.scrollIntoView({
447
+ behavior: 'smooth'
448
+ });
449
+ }
450
+ });
451
+ });
452
+ });
453
+ </script>
454
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=gallabs/blog-gal-lab" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
455
+ </html>
prompts.txt ADDED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ Pode basear os dados e imagens baseados nestes dois links: "https://general-lab.com.br/" e "https://general-lab.com.br/blog-ciencia-general-lab-solutions/" ?
2
+ Pode basear os dados e imagens baseados nestes dois links: "https://general-lab.com.br/" e "https://general-lab.com.br/blog-ciencia-general-lab-solutions/" ?
3
+ Os links das imagens estão quebrados. Pode escolher algumas imagens públicas aleatórias para subistitui-las?
4
+ Está quase perfeito. Só falta a imagem para o post: "Métodos Avançados para Análise de Água Potável". É a única que ainda está quebrada!