-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathajuda.html
More file actions
190 lines (175 loc) · 10 KB
/
Copy pathajuda.html
File metadata and controls
190 lines (175 loc) · 10 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/ajuda.css">
<link rel="stylesheet" href="css/transicao.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<title>Ajuda</title>
</head>
<body>
<!--Pluggin Vlibras-->
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<header>
<nav>
<ul class="menu">
<li><a href="logado.html"><i class="fa fa-home"></i> <span>home</span></a></li>
<li><a href="#guia"><i class="fa fa-info-circle"></i> <span>Guia</span></a></li>
<li><a href="#faq"><i class="fa fa-cogs"></i> <span>FAQ</span></a></li>
<li><a href="#contato"><i class="fa fa-envelope"></i> <span>Contato</span></a></li>
</ul>
</nav>
</header>
<main>
<section id="sobre">
<h1 id="tituloAjuda">Bem-vindo! Estamos aqui para ajudar</h1>
<p id="introducao" class="center">Nosso Dashboard vai além de uma simples cópia.
Este projeto é uma imersão em tecnologias essenciais, integrando banco de dados local,
JavaScript avançado, Css dinamico e responsivo, técnicas de debugging, manipulação e experiencia com C.R.U.D e interação com diversas APIs.
Ele foi projetado para não só exibir dados,
mas também oferecer uma experiência dinâmica e enriquecedora para o usuario, além de experiencia e portfolio.</p>
</section>
<section id="faq">
<div class="title">
<h2>FAQ</h2>
<p>Perguntas frequentes.</p>
</div>
<button class="accordion">Como atualizar dados?<i class="fa-solid fa-caret-down"></i></button>
<div class="panel">
<p>Para atualizar dados em sistema, basta acessar o icone de usuario na parte superior direito na pagina principal. Após isto atualize os dados que deseja e clique no botão "Atualizar"</p>
</div>
<button class="accordion">Como consultar dados?<i class="fa-solid fa-caret-down"></i></button>
<div class="panel">
<p>Para consultar os dados dos usuarios cadastrados em sistema, basta acessar o menu lateral e clicar no icone de usuarios, após isto, clique em carregar dados. Lá será possivel visualizar "ID", "Nome", "Telefone", "E-mail" e até "Senha" dos usuarios cadastrados. Além disso conta com a opção de excluir caso queira realizar uma limpa em sistema</p>
</div>
<button class="accordion">Como atualizar os ganhos?<i class="fa-solid fa-caret-down"></i></button>
<div class="panel">
<p>Para atualizar os valores financeiros e quantidade de funcionarios/clientes, basta acessar o serviço "Ganhos" no menu lateral localizado na area lateral esquerda da pagina principal. Lá será possivel definir valores dos ganhos, além de poder definir a quantidade de clientes e o numero de funcionarios.</p>
</div>
</section>
<section id="contato">
<div class="box">
<div id="boxContato" class="contact form">
<h3 id="subtitulo">Envie uma mensagem</h3>
<form action="https://api.web3forms.com/submit" method="POST">
<input type="hidden" name="access_key" value="fa223676-329c-472c-ad04-2313bcb6ffb9">
<div class="formBox">
<div class="row50">
<div class="inputBox">
<span>Primeiro nome</span>
<input type="text" name="name" placeholder="Seu nome" required>
</div>
<div class="inputBox">
<span>Sobrenome</span>
<input type="text" name="name" placeholder="Sobrenome" required>
</div>
</div>
<div class="row50">
<div class="inputBox">
<span>Email </span>
<input type="email" placeholder="Digite aqui" required>
</div>
<div class="inputBox">
<span>Telefone</span>
<input type="text" placeholder="Telefone" required>
</div>
</div>
<div class="row100">
<div class="inputBox">
<span>Mensagem </span>
<textarea id="textArea" name="message" placeholder="Escreva sua mensagem aqui..." required></textarea>
</div>
</div>
<div class="row100">
<div class="inputBox">
<input type="submit" value="Enviar">
</div>
</div>
</div>
</form>
</div>
<div class="contact info">
<h3 class="h3_destaque">Informações de contato</h3>
<div class="infoBox">
<div>
<span><ion-icon name="location-outline"></ion-icon></span>
<p>Rua Mucugê - 127 <br> São Paulo - SP</p>
</div>
<div>
<span><ion-icon name="mail"></ion-icon></span>
<a href="mailto:derickcampossantos1@gmail.com">derickcampossantos1@gmail.com</a>
</div>
<div>
<span><ion-icon name="call"></ion-icon></span>
<a href="tel:+55 11 986261007">+55 11 986261007</a>
</div>
<!-- Redes Sociais aqui -->
<ul class="sci">
<li><a href="https://www.linkedin.com/in/derickcampossantos/"><ion-icon name="logo-linkedin"></ion-icon></a></li>
<li><a href="https://github.com/derickcsantos"><ion-icon name="logo-github"></ion-icon></a></li>
<li><a href="https://wa.me/5511986261007?text=Fale%20conosco"><ion-icon name="logo-whatsapp"></ion-icon></a></li>
<li><a href="https://www.instagram.com/derick_profissional/"><ion-icon name="logo-instagram"></ion-icon></a></li>
</ul>
</div>
</div>
<div class="contact map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14637.
96543484988!2d-46.68405231180511!3d-23.47880499164059!2m3!1f0!2f0!3f0!3m2
!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cef9c5eebc05db%3A0x9059e44d58b9761c!2sR
.%20Mucug%C3%AA%2C%20127%20-%20Jardim%20Maracana%2C%20S%C3%A3o%20Paulo%20-
%20SP%2C%2002839-060!5e0!3m2!1spt-BR!2sbr!4v1724964780025!5m2!1spt-BR!2sbr"
style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
</main>
<footer class="footer-bottom py-3 text-center">
<div class="container-footer">
<div class="row-footer">
<div class="footer-col">
<h4>Projeto</h4>
<ul>
<li><a href="#portfolio">Sobre o projeto</a></li>
<li><a href="logado.html">Pagina principal</a></li>
<li><a href="https://github.com/derickcsantos">Mais projetos</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Nos ajude</h4>
<ul>
<li><a href="https://www.instagram.com/derick_profissional">Nos siga</a></li>
<li><a href="#contact">Feedback's</a></li>
<li><a href="https://link.mercadopago.com.br/deckcs">faça uma doação</a></li>
</ul>
</div>
<div class="footer-col">
<div class="social-links">
<a href="https://www.linkedin.com/in/derickcampossantos/"><ion-icon name="logo-linkedin"></ion-icon></a>
<a href="https://github.com/derickcsantos"><ion-icon name="logo-github"></ion-icon></a>
<a href="https://wa.me/5511986261007?text=Fale%20conosco"><ion-icon name="logo-whatsapp"></ion-icon></a>
<a href="https://www.instagram.com/derick_profissional"><ion-icon name="logo-instagram"></ion-icon></a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© Te vejo em breve!</p>
</div>
<div id="loading" class="loader" style="display: none;"></div>
</footer>
<script src="js/tema.js"></script>
<script src="js/ajuda.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script src="js/transicao.js"></script>
<script>
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>
</body>
</html>