-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
194 lines (165 loc) · 7.87 KB
/
index.html
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
191
192
193
194
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="css/index.css">
<title>Dockergen</title>
</head>
<body>
<nav class="navbar navbar-expand-md bg-body fixed-top shadow">
<div class="container-fluid justify-content-start">
<div>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="logo-style">
<img class="logo-img" src="img/logo.png" alt="logo">
<a class="logo-txt" href="index.html">Dockergen</a>
</div>
<div class="offcanvas offcanvas-start w-75" tabindex="-1" id="offcanvasNavbar"
aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header bg-info">
<h5 class="offcanvas-title " id="offcanvasNavbarLabel">Menu</h5>
<button type="button" class="btn-close " data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body align-items-center justify-content-around w-100 ">
<ul class="navbar-nav justify-content-around flex-grow p-3 w-50">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sobre">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="blog.html">Blog</a>
</li>
</ul>
<a href="html/login.html" class="link-system" target="_blank">Acessar sistema</a>
</div>
</div>
</div>
</nav>
<div class="container-fluid container-primary">
<div>
<h1>Facilite sua rotina com</h1>
<h2>Dockergen</h2>
<hr class="line">
<br>
<a href="html/login.html" class="button-log" target="_blank">Acessar sistema</a>
</div>
</div>
<br><br>
<div class="container " style="text-align: center;">
<h4>Vantagens de usar o gerador de documentos</h4>
<br>
<hr>
</div>
<div class="container content-primary">
<div>
<h3>Termo de confidencialidade</h3>
<p>O termo de confidencialidade, estabelece as obrigações e responsabilidades de cada parte em relação à
informação confidencial, bem como as consequências caso haja violação dessas obrigações</p>
</div>
<div class="container content-primary-img">
<img src="img/confidencialidade.jpg" alt="confidencialidade">
</div>
</div>
<div class="container content-primary">
<div class="container content-primary-img">
<img src="img/responsabilidade.jpg" alt="confidencialidade">
</div>
<div>
<h3>Termo de responsabilidade</h3>
<p>Geralmente, o termo de responsabilidade é utilizado em situações em que uma pessoa ou empresa deseja assumir a
responsabilidade por um determinado objeto, como um veículo ou equipamento, ou por uma atividade específica,
como um evento ou projeto.</p>
</div>
</div>
<div class="container content-primary">
<div>
<h3>Declaração de Trabalho</h3>
<p>Uma declaração de trabalho é um documento que pode ser emitido por um empregado para comprovar sua condição de
trabalhador, e outras informações relevantes sobre seu emprego.</p>
</div>
<div class="container content-primary-img">
<img src="img/declaração2.jpg" alt="confidencialidade">
</div>
</div>
<div class="container-fluid bg-lgpd">
<div class="container-fluid content-lgdp1">
</div>
<div class="content-lgdp2">
<h2>Entenda a LGPD</h2>
<br>
<p>A LGPD (Lei Geral de Proteção de Dados) é uma legislação que estabelece regras para a proteção de dados
pessoais.
Ela foi promulgada em 2018. <br><br> A LGPD se aplica a todas as empresas que coletam, armazenam, processam ou
compartilham dados pessoais. Seu objetivo é proteger a privacidade dos indivíduos, regulando o tratamento de
seus
dados pessoais pelas empresas e garantindo que os indivíduos tenham controle sobre seus dados pessoais.</p>
</div>
<a id="sobre"></a>
</div>
<br><br><br>
<div class="container content-sobre">
<h2>Sobre o DockerGen</h2>
<hr>
<br>
<p>Nosso sistema gerador de documentos, você pode criar documentos com facilidade e rapidez, sem precisar gastar
horas formatando e digitando. Nosso sistema é projetado para atender às necessidades de empresas, organizações e
indivíduos que precisam gerar documentos com frequência.
<br><br>
O Dockergen nasceu em 2023, e foi projetado para facilitar e otimizar a rotina administrativa das organizações,
pensando no aproveitamento de tempo, para que o dia a dia de gestores e colaboradores, possa ser mais produtivo.
<br><br>
O Dockergen é fácil de usar e intuitivo, permitindo que você crie documentos profissionais em questão de minutos.
Não importa se você é um empresário ocupado ou um estagiário em busca de uma ferramenta mais eficiente, nosso
sistema gerador de documentos é a escolha certa para você. Então, comece a usar hoje mesmo e experimente a
facilidade e eficiência de gerar documentos profissionais.
</p>
</div>
<footer class="container-fluid " id="contato">
<div class="content-footer">
<div class="container content-footer-1">
<label>Contato</label>
<hr>
<span><img src="img/email.png" alt="e-mail" class="icon-footer"> [email protected]</span>
<br>
<a href="https://api.whatsapp.com/send?phone=5519989962346&text=Ol%C3%A1,%20tenho%20um%20feedback%20sobre%20o%20sistema%20*DockerGen*!"
target="_blank" class="link-footer"><img src="img/Whatsapp.png" alt="Whatsapp" class="icon-footer"> Clique
para iniciar uma conversa</a>
</div>
<div class="container content-footer-2">
<label>Redes Sociais do desenvolvedor</label>
<hr>
<a href="https://www.linkedin.com/in/flaviopbaptista" target="_blank" class="link-footer"><img
src="img/linkedin.png" alt="Whatsapp" class="icon-footer"> Clique para visualizar o perfil</a>
<a href="https://www.facebook.com/flaviopb92/" target="_blank" class="link-footer"><img src="img/facebook.png"
alt="Whatsapp" class="icon-footer"> Clique para visualizar o perfil</a>
<a href="https://instagram.com/flaviopbaptista?igshid=ZDdkNTZiNTM=" target="_blank" class="link-footer"><img
src="img/intagram.png" alt="Whatsapp" class="icon-footer"> Clique para visualizar o perfil</a>
</div>
<div class="container content-footer-3">
<label>Github do desenvolvedor</label>
<hr>
<a href="https://github.com/flaviobaptista" target="_blank" class="link-footer"><img src="img/github.png"
alt="Whatsapp" class="icon-footer"> Clique para acessar o repositório</a>
</div>
</div>
<br><br>
<section style="text-align: center; color: aliceblue;">
<p>Desenvolvido por Flávio de Paulo Baptista em 2023, com propósito estritamente acadêmico.</p>
</section>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
</body>
</html>