Repository navigation
Expand file tree
/
Copy pathhelp.html
More file actions
86 lines (76 loc) · 4.35 KB
/
Copy pathhelp.html
File metadata and controls
86 lines (76 loc) · 4.35 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
---
layout: info
title: Central de Ajuda
lang: pt-BR
description: Obtenha ajuda para usar a Internet Public Library.
permalink: /pt-BR/ajuda/
---
<!-- Hero -->
<section class="bg-gradient-to-r from-purple-600 to-indigo-600 text-white py-12">
<div class="container mx-auto px-4 text-center">
<i class="fas fa-question-circle text-5xl mb-4 opacity-80"></i>
<h1 class="text-4xl font-bold mb-4">Central de Ajuda</h1>
<p class="text-xl text-purple-100 max-w-2xl mx-auto">Encontre respostas para perguntas comuns e aprenda a usar a
IPL</p>
</div>
</section>
<div class="container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto">
<!-- FAQ -->
<div class="bg-white rounded-xl shadow-sm border p-8 mb-8">
<h2 class="text-2xl font-bold text-gray-900 mb-6">Perguntas Frequentes</h2>
<div class="space-y-6">
<div class="border-b border-gray-100 pb-6">
<h3 class="font-semibold text-gray-900 mb-2">O que é a Internet Public Library?</h3>
<p class="text-gray-600">A IPL é um diretório gratuito e curado de recursos educacionais organizados
por categoria. É como uma biblioteca para os melhores materiais de aprendizagem da internet.</p>
</div>
<div class="border-b border-gray-100 pb-6">
<h3 class="font-semibold text-gray-900 mb-2">Como posso contribuir?</h3>
<p class="text-gray-600">Você pode <a href="/pt-BR/enviar-recurso/"
class="text-blue-600 hover:underline">enviar novos recursos</a>, reportar links quebrados,
sugerir melhorias ou ajudar a traduzir conteúdo.</p>
</div>
<div class="border-b border-gray-100 pb-6">
<h3 class="font-semibold text-gray-900 mb-2">A IPL é realmente gratuita?</h3>
<p class="text-gray-600">Sim! A IPL é completamente gratuita. Somos um projeto de código aberto
mantido por voluntários.</p>
</div>
<div class="pb-2">
<h3 class="font-semibold text-gray-900 mb-2">Como reportar um problema?</h3>
<p class="text-gray-600">Use nosso <a href="/pt-BR/reportar-problemas/"
class="text-blue-600 hover:underline">formulário de problemas</a> ou abra uma issue no <a
href="https://github.com/InternetPublicLibrary/IPLibrary-website/issues"
class="text-blue-600 hover:underline">GitHub</a>.</p>
</div>
</div>
</div>
<!-- Contact -->
<div class="grid md:grid-cols-3 gap-6">
<a href="mailto:help@ipl.org"
class="bg-white rounded-xl shadow-sm border p-6 text-center hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mx-auto mb-4">
<i class="fas fa-envelope text-blue-600 text-xl"></i>
</div>
<h3 class="font-semibold text-gray-900">Suporte por Email</h3>
<p class="text-gray-600 text-sm">help@ipl.org</p>
</a>
<a href="https://github.com/InternetPublicLibrary/IPLibrary-website/discussions"
class="bg-white rounded-xl shadow-sm border p-6 text-center hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mx-auto mb-4">
<i class="fab fa-github text-purple-600 text-xl"></i>
</div>
<h3 class="font-semibold text-gray-900">Comunidade</h3>
<p class="text-gray-600 text-sm">Discussões no GitHub</p>
</a>
<a href="/pt-BR/contato/"
class="bg-white rounded-xl shadow-sm border p-6 text-center hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mx-auto mb-4">
<i class="fas fa-comments text-green-600 text-xl"></i>
</div>
<h3 class="font-semibold text-gray-900">Fale Conosco</h3>
<p class="text-gray-600 text-sm">Envie uma mensagem</p>
</a>
</div>
</div>
</div>