Hugging Face's logo

Spaces:
gallabs
/
site-cooperchip
Running

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

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +674 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Site Cooperchip
3
- emoji: 🏆
4
- colorFrom: green
5
- colorTo: yellow
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: site-cooperchip
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: pink
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,674 @@
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" data-bs-theme="light">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Cooperchip - Desenvolvimento de Software e Consultoria</title>
7
+ <!-- Bootstrap 5.3.x CSS -->
8
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
9
+ <!-- Font Awesome -->
10
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
11
+ <!-- Custom CSS -->
12
+ <style>
13
+ :root {
14
+ --primary-color: #2c3e50;
15
+ --secondary-color: #3498db;
16
+ --accent-color: #e74c3c;
17
+ --light-color: #ecf0f1;
18
+ --dark-color: #2c3e50;
19
+ }
20
+
21
+ body {
22
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
23
+ line-height: 1.6;
24
+ }
25
+
26
+ .navbar-brand img {
27
+ height: 40px;
28
+ }
29
+
30
+ .hero-section {
31
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
32
+ color: white;
33
+ padding: 5rem 0;
34
+ }
35
+
36
+ .service-card {
37
+ transition: transform 0.3s ease;
38
+ border: none;
39
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
40
+ }
41
+
42
+ .service-card:hover {
43
+ transform: translateY(-10px);
44
+ }
45
+
46
+ .course-card {
47
+ border: none;
48
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
49
+ }
50
+
51
+ .course-badge {
52
+ position: absolute;
53
+ top: -10px;
54
+ right: -10px;
55
+ background-color: var(--accent-color);
56
+ color: white;
57
+ border-radius: 50%;
58
+ width: 40px;
59
+ height: 40px;
60
+ display: flex;
61
+ align-items: center;
62
+ justify-content: center;
63
+ font-weight: bold;
64
+ }
65
+
66
+ .social-icon {
67
+ font-size: 1.5rem;
68
+ margin-right: 1rem;
69
+ color: var(--primary-color);
70
+ transition: color 0.3s ease;
71
+ }
72
+
73
+ .social-icon:hover {
74
+ color: var(--secondary-color);
75
+ }
76
+
77
+ .theme-toggle {
78
+ cursor: pointer;
79
+ }
80
+
81
+ footer {
82
+ background-color: var(--primary-color);
83
+ color: white;
84
+ }
85
+
86
+ /* Dark mode styles */
87
+ [data-bs-theme="dark"] {
88
+ --primary-color: #34495e;
89
+ --secondary-color: #2980b9;
90
+ --light-color: #2c3e50;
91
+ --dark-color: #ecf0f1;
92
+ }
93
+
94
+ [data-bs-theme="dark"] .service-card,
95
+ [data-bs-theme="dark"] .course-card {
96
+ background-color: #34495e;
97
+ color: white;
98
+ box-shadow: 0 5px 15px rgba(0,0,0,0.3);
99
+ }
100
+
101
+ [data-bs-theme="dark"] .social-icon {
102
+ color: white;
103
+ }
104
+
105
+ [data-bs-theme="dark"] .social-icon:hover {
106
+ color: var(--secondary-color);
107
+ }
108
+ </style>
109
+ </head>
110
+ <body>
111
+ <!-- Navigation -->
112
+ <nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
113
+ <div class="container">
114
+ <a class="navbar-brand" href="#">
115
+ <img src="https://cooperchip.com.br/wp-content/uploads/2023/10/logo-cooperchip.png" alt="Cooperchip Logo">
116
+ </a>
117
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
118
+ <span class="navbar-toggler-icon"></span>
119
+ </button>
120
+ <div class="collapse navbar-collapse" id="navbarNav">
121
+ <ul class="navbar-nav ms-auto">
122
+ <li class="nav-item">
123
+ <a class="nav-link active" href="#home">Início</a>
124
+ </li>
125
+ <li class="nav-item">
126
+ <a class="nav-link" href="#about">Sobre Nós</a>
127
+ </li>
128
+ <li class="nav-item">
129
+ <a class="nav-link" href="#services">Serviços</a>
130
+ </li>
131
+ <li class="nav-item">
132
+ <a class="nav-link" href="#courses">Cursos</a>
133
+ </li>
134
+ <li class="nav-item">
135
+ <a class="nav-link" href="#gpt">Agente GPT</a>
136
+ </li>
137
+ <li class="nav-item">
138
+ <a class="nav-link" href="#samples">Amostras</a>
139
+ </li>
140
+ <li class="nav-item">
141
+ <a class="nav-link" href="#contact">Contato</a>
142
+ </li>
143
+ </ul>
144
+ <div class="ms-3 theme-toggle">
145
+ <i class="fas fa-moon text-white"></i>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </nav>
150
+
151
+ <!-- Hero Section -->
152
+ <section id="home" class="hero-section">
153
+ <div class="container">
154
+ <div class="row align-items-center">
155
+ <div class="col-lg-6">
156
+ <h1 class="display-4 fw-bold mb-4">Cooperchip - Soluções em Tecnologia</h1>
157
+ <p class="lead mb-4">Especializada em desenvolvimento de software e consultoria em TI, oferecemos soluções personalizadas para impulsionar seu negócio.</p>
158
+ <div class="d-flex gap-3 mb-4">
159
+ <a href="#contact" class="btn btn-light btn-lg">Contate-nos</a>
160
+ <a href="#courses" class="btn btn-outline-light btn-lg">Nossos Cursos</a>
161
+ </div>
162
+ <div class="social-links">
163
+ <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
164
+ <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
165
+ <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
166
+ <a href="#" class="social-icon"><i class="fab fa-whatsapp"></i></a>
167
+ </div>
168
+ </div>
169
+ <div class="col-lg-6 d-none d-lg-block">
170
+ <img src="https://cooperchip.com.br/wp-content/uploads/2023/10/carlos-alberto-santos.png" alt="Carlos Alberto dos Santos" class="img-fluid rounded-circle">
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </section>
175
+
176
+ <!-- About Section -->
177
+ <section id="about" class="py-5 bg-light">
178
+ <div class="container">
179
+ <div class="row">
180
+ <div class="col-lg-6">
181
+ <h2 class="display-5 fw-bold mb-4">Sobre Nós</h2>
182
+ <p class="lead">A Cooperchip é uma empresa especializada em desenvolvimento de software e consultoria em TI, liderada por Carlos Alberto dos Santos, profissional com mais de 20 anos de experiência na área.</p>
183
+ <p>Nossa missão é fornecer soluções tecnológicas de alta qualidade que atendam às necessidades específicas de cada cliente, utilizando as melhores práticas e tecnologias modernas.</p>
184
+ <ul class="list-unstyled">
185
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Experiência comprovada em projetos complexos</li>
186
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Foco em resultados e satisfação do cliente</li>
187
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Metodologias ágeis e transparentes</li>
188
+ </ul>
189
+ </div>
190
+ <div class="col-lg-6">
191
+ <div class="card border-0 shadow">
192
+ <div class="card-body p-4">
193
+ <h3 class="h4 mb-4">Carlos Alberto dos Santos</h3>
194
+ <div class="d-flex mb-4">
195
+ <div class="flex-shrink-0">
196
+ <img src="https://cooperchip.com.br/wp-content/uploads/2023/10/carlos-alberto-santos.png" alt="Carlos Alberto" class="rounded-circle" width="80">
197
+ </div>
198
+ <div class="flex-grow-1 ms-3">
199
+ <h5 class="mb-1">Fundador e Consultor Sênior</h5>
200
+ <p class="text-muted mb-1">Especialista em .NET Core e Angular</p>
201
+ <div class="small">
202
+ <span class="me-2"><i class="fas fa-star text-warning"></i> 5.0</span>
203
+ <span class="me-2"><i class="fas fa-project-diagram text-primary"></i> 50+ projetos</span>
204
+ <span><i class="fas fa-award text-success"></i> 20+ anos</span>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ <p>Profissional experiente com vasto conhecimento em desenvolvimento de software, arquitetura de sistemas e gestão de projetos. Especializado em tecnologias Microsoft (.NET Core) e frameworks front-end como Angular.</p>
209
+ <div class="d-flex flex-wrap gap-2">
210
+ <span class="badge bg-primary">.NET Core</span>
211
+ <span class="badge bg-primary">Angular</span>
212
+ <span class="badge bg-primary">Web API</span>
213
+ <span class="badge bg-primary">Entity Framework</span>
214
+ <span class="badge bg-primary">Azure</span>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </section>
222
+
223
+ <!-- Services Section -->
224
+ <section id="services" class="py-5">
225
+ <div class="container">
226
+ <div class="text-center mb-5">
227
+ <h2 class="display-5 fw-bold">Nossos Serviços</h2>
228
+ <p class="lead text-muted">Soluções tecnológicas personalizadas para seu negócio</p>
229
+ </div>
230
+ <div class="row g-4">
231
+ <div class="col-md-4">
232
+ <div class="card service-card h-100">
233
+ <div class="card-body p-4 text-center">
234
+ <div class="icon-box mb-4">
235
+ <i class="fas fa-code fa-3x text-primary"></i>
236
+ </div>
237
+ <h3 class="h4 mb-3">Desenvolvimento de Software</h3>
238
+ <p class="text-muted">Sistemas personalizados desenvolvidos com as melhores tecnologias do mercado, garantindo performance, segurança e escalabilidade.</p>
239
+ <ul class="list-unstyled text-start">
240
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Aplicações Web e Mobile</li>
241
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Arquitetura Moderna</li>
242
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Integração com APIs</li>
243
+ </ul>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ <div class="col-md-4">
248
+ <div class="card service-card h-100">
249
+ <div class="card-body p-4 text-center">
250
+ <div class="icon-box mb-4">
251
+ <i class="fas fa-user-tie fa-3x text-primary"></i>
252
+ </div>
253
+ <h3 class="h4 mb-3">Consultoria Especializada</h3>
254
+ <p class="text-muted">Consultoria técnica para ajudar sua empresa a tomar as melhores decisões tecnológicas e otimizar seus processos.</p>
255
+ <ul class="list-unstyled text-start">
256
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Análise de Arquitetura</li>
257
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Migração de Sistemas</li>
258
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Otimização de Performance</li>
259
+ </ul>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ <div class="col-md-4">
264
+ <div class="card service-card h-100">
265
+ <div class="card-body p-4 text-center">
266
+ <div class="icon-box mb-4">
267
+ <i class="fas fa-graduation-cap fa-3x text-primary"></i>
268
+ </div>
269
+ <h3 class="h4 mb-3">Treinamentos e Cursos</h3>
270
+ <p class="text-muted">Cursos especializados em tecnologias modernas para capacitar sua equipe ou iniciantes na área de desenvolvimento.</p>
271
+ <ul class="list-unstyled text-start">
272
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> .NET Core e Angular</li>
273
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Web Scraping</li>
274
+ <li class="mb-2"><i class="fas fa-check text-success me-2"></i> Segurança em APIs</li>
275
+ </ul>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ </section>
282
+
283
+ <!-- Courses Section -->
284
+ <section id="courses" class="py-5 bg-light">
285
+ <div class="container">
286
+ <div class="text-center mb-5">
287
+ <h2 class="display-5 fw-bold">Cursos e Promoções</h2>
288
+ <p class="lead text-muted">Aprenda com quem tem experiência no mercado</p>
289
+ </div>
290
+ <div class="row g-4">
291
+ <div class="col-md-6">
292
+ <div class="card course-card h-100 position-relative">
293
+ <div class="course-badge">PROMO</div>
294
+ <div class="card-body p-4">
295
+ <h3 class="h4 mb-3">Web Scraping com Asp.Net Core 7 e Angular 16</h3>
296
+ <p class="text-muted mb-4">Aprenda a desenvolver aplicações de web scraping robustas utilizando as tecnologias mais modernas do mercado.</p>
297
+ <ul class="list-unstyled mb-4">
298
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> HtmlAgilityPack avançado</li>
299
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Integração frontend-backend</li>
300
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Armazenamento em banco de dados</li>
301
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Casos reais de uso</li>
302
+ </ul>
303
+ <div class="d-flex justify-content-between align-items-center">
304
+ <div>
305
+ <span class="text-decoration-line-through text-muted me-2">R$ 299,90</span>
306
+ <span class="h4 text-primary">R$ 199,90</span>
307
+ </div>
308
+ <a href="#" class="btn btn-primary">Saiba Mais</a>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </div>
313
+ <div class="col-md-6">
314
+ <div class="card course-card h-100 position-relative">
315
+ <div class="course-badge">NOVO</div>
316
+ <div class="card-body p-4">
317
+ <h3 class="h4 mb-3">Segurança com Asp.Net Core 7 e Angular 16</h3>
318
+ <p class="text-muted mb-4">Domine os conceitos de segurança em aplicações web modernas com JWT, AccessToken e RefreshToken.</p>
319
+ <ul class="list-unstyled mb-4">
320
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Autenticação e Autorização</li>
321
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> JWT avançado</li>
322
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Refresh Tokens</li>
323
+ <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Proteção contra ataques</li>
324
+ </ul>
325
+ <div class="d-flex justify-content-between align-items-center">
326
+ <div>
327
+ <span class="h4 text-primary">R$ 249,90</span>
328
+ </div>
329
+ <a href="#" class="btn btn-primary">Saiba Mais</a>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ <div class="text-center mt-5">
336
+ <a href="#" class="btn btn-outline-primary btn-lg">Ver Todos os Cursos</a>
337
+ </div>
338
+ </div>
339
+ </section>
340
+
341
+ <!-- GPT Agent Section -->
342
+ <section id="gpt" class="py-5">
343
+ <div class="container">
344
+ <div class="row align-items-center">
345
+ <div class="col-lg-6">
346
+ <img src="https://cooperchip.com.br/wp-content/uploads/2023/10/gpt-agent.png" alt="Agente GPT" class="img-fluid rounded">
347
+ </div>
348
+ <div class="col-lg-6">
349
+ <h2 class="display-5 fw-bold mb-4">Agente GPT Asp.Net Core</h2>
350
+ <p class="lead mb-4">Nosso agente de IA especializado em projetos .Net Core e Angular está disponível na OpenAI Store para auxiliar desenvolvedores.</p>
351
+ <p>Este assistente virtual pode ajudar com:</p>
352
+ <ul class="list-unstyled mb-4">
353
+ <li class="mb-2"><i class="fas fa-robot text-primary me-2"></i> Solução de problemas em código .NET Core</li>
354
+ <li class="mb-2"><i class="fas fa-robot text-primary me-2"></i> Melhores práticas para Angular</li>
355
+ <li class="mb-2"><i class="fas fa-robot text-primary me-2"></i> Arquitetura de software</li>
356
+ <li class="mb-2"><i class="fas fa-robot text-primary me-2"></i> Integração entre frontend e backend</li>
357
+ </ul>
358
+ <a href="#" class="btn btn-primary btn-lg">Acessar na OpenAI Store</a>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </section>
363
+
364
+ <!-- Samples Section -->
365
+ <section id="samples" class="py-5 bg-light">
366
+ <div class="container">
367
+ <div class="text-center mb-5">
368
+ <h2 class="display-5 fw-bold">Amostras | Aulas Liberadas</h2>
369
+ <p class="lead text-muted">Conheça nosso material gratuitamente</p>
370
+ </div>
371
+ <div class="row g-4">
372
+ <div class="col-md-6">
373
+ <div class="card h-100 border-0 shadow">
374
+ <div class="card-body p-4">
375
+ <div class="embed-responsive embed-responsive-16by9 mb-4">
376
+ <iframe class="embed-responsive-item w-100" src="https://www.youtube.com/embed/VIDEO_ID" allowfullscreen style="height: 300px;"></iframe>
377
+ </div>
378
+ <h3 class="h4 mb-3">Backend com Asp.Net Core 7</h3>
379
+ <p class="text-muted">Aula demonstrativa sobre criação de APIs RESTful com Asp.Net Core 7, Entity Framework e padrão Repository.</p>
380
+ <a href="#" class="btn btn-outline-primary">Assistir Aula Completa</a>
381
+ </div>
382
+ </div>
383
+ </div>
384
+ <div class="col-md-6">
385
+ <div class="card h-100 border-0 shadow">
386
+ <div class="card-body p-4">
387
+ <div class="embed-responsive embed-responsive-16by9 mb-4">
388
+ <iframe class="embed-responsive-item w-100" src="https://www.youtube.com/embed/VIDEO_ID" allowfullscreen style="height: 300px;"></iframe>
389
+ </div>
390
+ <h3 class="h4 mb-3">Frontend com Angular 16</h3>
391
+ <p class="text-muted">Demonstração de criação de componentes, serviços e consumo de API em uma aplicação Angular 16.</p>
392
+ <a href="#" class="btn btn-outline-primary">Assistir Aula Completa</a>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ <div class="text-center mt-5">
398
+ <a href="#" class="btn btn-primary btn-lg">Ver Mais Amostras</a>
399
+ </div>
400
+ </div>
401
+ </section>
402
+
403
+ <!-- Web Scraping Section -->
404
+ <section id="scraping" class="py-5">
405
+ <div class="container">
406
+ <div class="row align-items-center">
407
+ <div class="col-lg-6 order-lg-2">
408
+ <img src="https://cooperchip.com.br/wp-content/uploads/2023/10/web-scraping.png" alt="Web Scraping" class="img-fluid rounded">
409
+ </div>
410
+ <div class="col-lg-6 order-lg-1">
411
+ <h2 class="display-5 fw-bold mb-4">Web Scraping com HtmlAgilityPack</h2>
412
+ <p class="lead mb-4">Aprenda a extrair e processar dados da web de forma eficiente com a biblioteca HtmlAgilityPack em projetos .NET.</p>
413
+ <p>Nossas soluções de web scraping permitem:</p>
414
+ <ul class="list-unstyled mb-4">
415
+ <li class="mb-2"><i class="fas fa-check text-primary me-2"></i> Coleta de dados estruturados</li>
416
+ <li class="mb-2"><i class="fas fa-check text-primary me-2"></i> Processamento de HTML complexo</li>
417
+ <li class="mb-2"><i class="fas fa-check text-primary me-2"></i> Integração com bancos de dados</li>
418
+ <li class="mb-2"><i class="fas fa-check text-primary me-2"></i> Automação de tarefas repetitivas</li>
419
+ </ul>
420
+ <div class="d-flex gap-3">
421
+ <a href="#" class="btn btn-primary">Ver Exemplos</a>
422
+ <a href="#courses" class="btn btn-outline-primary">Fazer Curso</a>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </div>
427
+ </section>
428
+
429
+ <!-- Contact Section -->
430
+ <section id="contact" class="py-5 bg-light">
431
+ <div class="container">
432
+ <div class="row justify-content-center">
433
+ <div class="col-lg-8 text-center">
434
+ <h2 class="display-5 fw-bold mb-4">Entre em Contato</h2>
435
+ <p class="lead mb-5">Tem dúvidas ou quer saber mais sobre nossos serviços? Preencha o formulário abaixo ou utilize nossos outros canais de comunicação.</p>
436
+ </div>
437
+ </div>
438
+ <div class="row">
439
+ <div class="col-lg-6">
440
+ <form>
441
+ <div class="mb-3">
442
+ <label for="name" class="form-label">Nome Completo</label>
443
+ <input type="text" class="form-control" id="name" required>
444
+ </div>
445
+ <div class="mb-3">
446
+ <label for="email" class="form-label">E-mail</label>
447
+ <input type="email" class="form-control" id="email" required>
448
+ </div>
449
+ <div class="mb-3">
450
+ <label for="phone" class="form-label">Telefone</label>
451
+ <input type="tel" class="form-control" id="phone">
452
+ </div>
453
+ <div class="mb-3">
454
+ <label for="subject" class="form-label">Assunto</label>
455
+ <select class="form-select" id="subject">
456
+ <option value="service">Serviços</option>
457
+ <option value="course">Cursos</option>
458
+ <option value="consulting">Consultoria</option>
459
+ <option value="other">Outro</option>
460
+ </select>
461
+ </div>
462
+ <div class="mb-3">
463
+ <label for="message" class="form-label">Mensagem</label>
464
+ <textarea class="form-control" id="message" rows="5" required></textarea>
465
+ </div>
466
+ <button type="submit" class="btn btn-primary btn-lg">Enviar Mensagem</button>
467
+ </form>
468
+ </div>
469
+ <div class="col-lg-6">
470
+ <div class="card border-0 shadow h-100">
471
+ <div class="card-body p-4">
472
+ <h3 class="h4 mb-4">Outras Formas de Contato</h3>
473
+ <ul class="list-unstyled mb-5">
474
+ <li class="mb-3">
475
+ <div class="d-flex align-items-center">
476
+ <div class="icon-box me-3">
477
+ <i class="fas fa-phone fa-2x text-primary"></i>
478
+ </div>
479
+ <div>
480
+ <h5 class="mb-0">Telefone</h5>
481
+ <p class="mb-0">+55 (XX) XXXX-XXXX</p>
482
+ </div>
483
+ </div>
484
+ </li>
485
+ <li class="mb-3">
486
+ <div class="d-flex align-items-center">
487
+ <div class="icon-box me-3">
488
+ <i class="fab fa-whatsapp fa-2x text-primary"></i>
489
+ </div>
490
+ <div>
491
+ <h5 class="mb-0">WhatsApp</h5>
492
+ <p class="mb-0">+55 (XX) XXXXX-XXXX</p>
493
+ </div>
494
+ </div>
495
+ </li>
496
+ <li class="mb-3">
497
+ <div class="d-flex align-items-center">
498
+ <div class="icon-box me-3">
499
+ <i class="fas fa-envelope fa-2x text-primary"></i>
500
+ </div>
501
+ <div>
502
+ <h5 class="mb-0">E-mail</h5>
503
+ <p class="mb-0">[email protected]</p>
504
+ </div>
505
+ </div>
506
+ </li>
507
+ <li>
508
+ <div class="d-flex align-items-center">
509
+ <div class="icon-box me-3">
510
+ <i class="fas fa-map-marker-alt fa-2x text-primary"></i>
511
+ </div>
512
+ <div>
513
+ <h5 class="mb-0">Endereço</h5>
514
+ <p class="mb-0">Cidade, Estado - Brasil</p>
515
+ </div>
516
+ </div>
517
+ </li>
518
+ </ul>
519
+ <h3 class="h4 mb-3">Redes Sociais</h3>
520
+ <div class="social-links">
521
+ <a href="#" class="btn btn-outline-primary btn-lg me-2 mb-2"><i class="fab fa-facebook-f me-2"></i> Facebook</a>
522
+ <a href="#" class="btn btn-outline-primary btn-lg me-2 mb-2"><i class="fab fa-twitter me-2"></i> Twitter</a>
523
+ <a href="#" class="btn btn-outline-primary btn-lg me-2 mb-2"><i class="fab fa-linkedin-in me-2"></i> LinkedIn</a>
524
+ <a href="#" class="btn btn-outline-primary btn-lg mb-2"><i class="fab fa-instagram me-2"></i> Instagram</a>
525
+ </div>
526
+ </div>
527
+ </div>
528
+ </div>
529
+ </div>
530
+ </div>
531
+ </section>
532
+
533
+ <!-- Footer -->
534
+ <footer class="py-5">
535
+ <div class="container">
536
+ <div class="row">
537
+ <div class="col-lg-4 mb-4 mb-lg-0">
538
+ <img src="https://cooperchip.com.br/wp-content/uploads/2023/10/logo-cooperchip.png" alt="Cooperchip Logo" width="180" class="mb-3">
539
+ <p class="text-white-50">Especializada em desenvolvimento de software e consultoria em TI, oferecemos soluções personalizadas para impulsionar seu negócio.</p>
540
+ </div>
541
+ <div class="col-lg-2 col-md-6 mb-4 mb-md-0">
542
+ <h5 class="text-white mb-4">Links Rápidos</h5>
543
+ <ul class="list-unstyled">
544
+ <li class="mb-2"><a href="#home" class="text-white-50">Início</a></li>
545
+ <li class="mb-2"><a href="#about" class="text-white-50">Sobre Nós</a></li>
546
+ <li class="mb-2"><a href="#services" class="text-white-50">Serviços</a></li>
547
+ <li class="mb-2"><a href="#courses" class="text-white-50">Cursos</a></li>
548
+ <li><a href="#contact" class="text-white-50">Contato</a></li>
549
+ </ul>
550
+ </div>
551
+ <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
552
+ <h5 class="text-white mb-4">Serviços</h5>
553
+ <ul class="list-unstyled">
554
+ <li class="mb-2"><a href="#" class="text-white-50">Desenvolvimento de Software</a></li>
555
+ <li class="mb-2"><a href="#" class="text-white-50">Consultoria em TI</a></li>
556
+ <li class="mb-2"><a href="#" class="text-white-50">Treinamentos Personalizados</a></li>
557
+ <li><a href="#" class="text-white-50">Web Scraping</a></li>
558
+ </ul>
559
+ </div>
560
+ <div class="col-lg-3 col-md-6">
561
+ <h5 class="text-white mb-4">Newsletter</h5>
562
+ <p class="text-white-50 mb-4">Assine nossa newsletter para receber novidades e promoções.</p>
563
+ <form class="mb-3">
564
+ <div class="input-group">
565
+ <input type="email" class="form-control" placeholder="Seu e-mail" required>
566
+ <button class="btn btn-primary" type="submit">Assinar</button>
567
+ </div>
568
+ </form>
569
+ <div class="social-links">
570
+ <a href="#" class="text-white me-3"><i class="fab fa-facebook-f"></i></a>
571
+ <a href="#" class="text-white me-3"><i class="fab fa-twitter"></i></a>
572
+ <a href="#" class="text-white me-3"><i class="fab fa-linkedin-in"></i></a>
573
+ <a href="#" class="text-white"><i class="fab fa-instagram"></i></a>
574
+ </div>
575
+ </div>
576
+ </div>
577
+ <hr class="my-4 bg-white-50">
578
+ <div class="row">
579
+ <div class="col-md-6 text-center text-md-start">
580
+ <p class="small text-white-50 mb-0">&copy; 2023 Cooperchip. Todos os direitos reservados.</p>
581
+ </div>
582
+ <div class="col-md-6 text-center text-md-end">
583
+ <p class="small text-white-50 mb-0">Desenvolvido com <i class="fas fa-heart text-danger"></i> pela Cooperchip</p>
584
+ </div>
585
+ </div>
586
+ </div>
587
+ </footer>
588
+
589
+ <!-- Back to Top Button -->
590
+ <a href="#" class="btn btn-primary btn-lg back-to-top" id="back-to-top"><i class="fas fa-arrow-up"></i></a>
591
+
592
+ <!-- Bootstrap 5.3.x JS -->
593
+ <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
594
+ <!-- Custom JS -->
595
+ <script>
596
+ // Theme toggle functionality
597
+ document.addEventListener('DOMContentLoaded', function() {
598
+ const themeToggle = document.querySelector('.theme-toggle');
599
+ const themeIcon = themeToggle.querySelector('i');
600
+ const htmlElement = document.documentElement;
601
+
602
+ // Check for saved theme preference or use preferred color scheme
603
+ const savedTheme = localStorage.getItem('theme') ||
604
+ (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
605
+
606
+ // Apply the saved theme
607
+ if (savedTheme === 'dark') {
608
+ htmlElement.setAttribute('data-bs-theme', 'dark');
609
+ themeIcon.classList.replace('fa-moon', 'fa-sun');
610
+ } else {
611
+ htmlElement.setAttribute('data-bs-theme', 'light');
612
+ themeIcon.classList.replace('fa-sun', 'fa-moon');
613
+ }
614
+
615
+ // Toggle theme on click
616
+ themeToggle.addEventListener('click', function() {
617
+ if (htmlElement.getAttribute('data-bs-theme') === 'dark') {
618
+ htmlElement.setAttribute('data-bs-theme', 'light');
619
+ themeIcon.classList.replace('fa-sun', 'fa-moon');
620
+ localStorage.setItem('theme', 'light');
621
+ } else {
622
+ htmlElement.setAttribute('data-bs-theme', 'dark');
623
+ themeIcon.classList.replace('fa-moon', 'fa-sun');
624
+ localStorage.setItem('theme', 'dark');
625
+ }
626
+ });
627
+
628
+ // Back to top button
629
+ const backToTopButton = document.getElementById('back-to-top');
630
+
631
+ window.addEventListener('scroll', function() {
632
+ if (window.pageYOffset > 300) {
633
+ backToTopButton.style.display = 'block';
634
+ } else {
635
+ backToTopButton.style.display = 'none';
636
+ }
637
+ });
638
+
639
+ backToTopButton.addEventListener('click', function(e) {
640
+ e.preventDefault();
641
+ window.scrollTo({top: 0, behavior: 'smooth'});
642
+ });
643
+
644
+ // Smooth scrolling for anchor links
645
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
646
+ anchor.addEventListener('click', function(e) {
647
+ e.preventDefault();
648
+
649
+ const targetId = this.getAttribute('href');
650
+ if (targetId === '#') return;
651
+
652
+ const targetElement = document.querySelector(targetId);
653
+ if (targetElement) {
654
+ targetElement.scrollIntoView({
655
+ behavior: 'smooth'
656
+ });
657
+ }
658
+ });
659
+ });
660
+
661
+ // Navbar background change on scroll
662
+ const navbar = document.querySelector('.navbar');
663
+
664
+ window.addEventListener('scroll', function() {
665
+ if (window.scrollY > 50) {
666
+ navbar.classList.add('navbar-scrolled');
667
+ } else {
668
+ navbar.classList.remove('navbar-scrolled');
669
+ }
670
+ });
671
+ });
672
+ </script>
673
+ <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/site-cooperchip" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
674
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Recriar o site https://cooperchip.com.br com uma interface web moderna, responsiva e limpa, utilizando Bootstrap 5.3.x. Requisitos de Design: Layout: Limpo, organizado e responsivo. Cores: Paleta suave com tons claros e escuros, incluindo suporte a modo escuro (dark mode). Ícones: Utilizar FontAwesome ou Bootstrap Icons para elementos visuais. Tipografia: Fontes legíveis e modernas. Espaçamento: Adequado entre elementos para melhorar a legibilidade e a experiência do usuário. UX: Boas práticas de usabilidade, com navegação intuitiva e acessível. Conteúdo a Ser Incluído: Página Inicial: Apresentação da Cooperchip e de Carlos Alberto dos Santos. Breve descrição dos serviços oferecidos. Links para as principais seções do site. Facebook +7 X (formerly Twitter) +7 InfoJobs +7 Sobre Nós: História da Cooperchip. Experiência e especializações de Carlos Alberto dos Santos. Missão e valores da empresa. Serviços: Desenvolvimento de Software. Consultoria Especializada. Detalhes sobre cada serviço, incluindo tecnologias utilizadas e benefícios para os clientes. cooperchip.com.br Cursos e Promoções: Informações sobre cursos disponíveis, como "Web Scraping com Asp.Net Core 7 e Angular 16" e "Segurança com Asp.Net Core 7 e Angular 16 com JWT, AccessToken e RefreshToken". Detalhes sobre promoções, incluindo preços promocionais e formas de pagamento. Links para amostras de aulas e materiais complementares. cooperchip.com.br Agente GPT Asp.Net Core: Descrição do agente de IA desenvolvido para integração com projetos .Net Core e Angular. Benefícios e funcionalidades do agente. Link para acesso na OpenAI Store. cooperchip.com.br Amostras | Aulas Liberadas: Links para aulas de Backend (Asp.Net Core 7) e Frontend (Angular 16). Descrição dos conteúdos disponíveis gratuitamente. cooperchip.com.br Web Scraping: Informações sobre a biblioteca HtmlAgilityPack. Exemplos de uso e benefícios para projetos de scraping. cooperchip.com.br +1 cooperchip.com.br +1 Contato: Formulário de contato. Informações de contato, incluindo telefone, WhatsApp e e-mails. Links para redes sociais e outros canais de comunicação. cooperchip.com.br Funcionalidades Adicionais: Modo Escuro (Dark Mode): Implementar um switch para alternar entre os modos claro e escuro. Responsividade: Garantir que o site seja totalmente funcional em dispositivos móveis, tablets e desktops. Acessibilidade: Seguir as diretrizes de acessibilidade para garantir que o site seja utilizável por todos os usuários. Tecnologias a Serem Utilizadas: HTML5, CSS3, JavaScript. Bootstrap 5.3.x para o layout e componentes responsivos. FontAwesome ou Bootstrap Icons para ícones. Observações: Evitar o uso de Tailwind CSS, conforme solicitado. Manter a identidade visual da marca Cooperchip, adaptando-a para um design mais moderno e atraente. Incluir todas as informações relevantes presentes no site original, atualizando o design e melhorando a experiência do usuário. cooperchip.com.br