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
+ < meta name ="description " content ="A landing page do desafio ">
7
+ < title > Fabrica Info</ title >
8
+ < link rel ="stylesheet " type ="text/CSS " href ="style.css ">
9
+ </ head >
10
+ < body >
11
+ < header class ="header ">
12
+ < img class ="header-image " SRC ="logo.png " alt ="logo da fabrica info ">
13
+ < nav class ="header-menu ">
14
+ < a class ="header-menu-item " href ="index.html "> Home</ a >
15
+ < a class ="header-menu-item " href ="servicos.html "> Serviços</ a >
16
+ < a class ="header-menu-item " href ="sobreNos.html "> sobre nos</ a >
17
+ < a class ="header-menu-item " href ="blog.html "> Blog</ a >
18
+ < a class ="header-menu-item " href ="portfolio.html "> Portfólio</ a >
19
+ < a class ="header-menu-item " href =""> Trabalhe Conosco</ a >
20
+ </ nav >
21
+ </ header >
22
+ < main class ="contents ">
23
+ < section class ="main-content ">
24
+ < div >
25
+ < div class ="main-content-writing ">
26
+ < div > < img class ="main-content-image " src ="papel.jpg "> </ div >
27
+
28
+ < div > < h1 class ="main-content-title "> GoDocs</ h1 >
29
+ < div > < h2 class ="main-content-subtitle " class ="main-content-title "> < strong > Acesse já sua conta</ strong > </ h2 > </ div >
30
+ < div class ="main-p "class ="main-content-title ">
31
+ < p > Gerencie seus documentos em </ p >
32
+ < p > uma plataforma moderna, com a </ p >
33
+ < p > integração de todos os suportes </ p >
34
+ < p > físicos e o controle do arquivo físico e da tramitação de seus </ p >
35
+ < p > processos.</ p > </ div >
36
+ < div class ="centro "> < button class ="main-content-button2 " > teste</ button > </ div > </ div >
37
+ </ div >
38
+ </ div >
39
+
40
+ </ section >
41
+ < section class ="clientes ">
42
+ < h2 class ="clientes-titulo "> alguns clientes</ h2 >
43
+ < div class ="slider ">
44
+ < a href ="#slide-1 "> 1</ a >
45
+ < a href ="#slide-2 "> 2</ a >
46
+ < a href ="#slide-3 "> 3</ a >
47
+ < a href ="#slide-4 "> 4</ a >
48
+ < a href ="#slide-5 "> 5</ a >
49
+ < div class ="slides ">
50
+ < div id ="slide-1 " >
51
+ < img src ="cliente1.png " style ="width: 280px ;height: 100px; "/>
52
+ < img src ="cliente2.png " style ="width: 280px ;height: 100px; " />
53
+ < img src ="cliente3.png " style ="width: 280px ;height: 100px; " />
54
+ < img src ="cliente4.png " style ="width: 280px ;height: 100px; " />
55
+ </ div >
56
+ < div id ="slide-2 ">
57
+ < img src ="cliente5.png " style ="width: 280px ;height: 100px; " />
58
+ < img src ="cliente6.png " style ="width: 280px ;height: 100px; " />
59
+ < img src ="cliente7.png " style ="width: 280px ;height: 100px; "/>
60
+ < img src ="cliente8.png " style ="width: 280px ;height: 100px; " />
61
+ </ div >
62
+ < div id ="slide-3 ">
63
+ < img src ="cliente9.png " style ="width: 280px ;height: 100px; "/>
64
+ < img src ="cliente10.png " style ="width: 280px ;height: 100px; "/>
65
+ < img src ="cliente11.png " style ="width: 280px ;height: 100px; " />
66
+ < img src ="cliente12.png " style ="width: 280px ;height: 100px; "/>
67
+ </ div >
68
+ < div id ="slide-4 ">
69
+ < img src ="cliente13.png "style ="width: 280px ;height: 100px; " />
70
+ < img src ="cliente14.png " style ="width: 280px ;height: 100px; "/>
71
+ < img src ="cliente15.png " style ="width: 280px ;height: 100px; " />
72
+ < img src ="cliente16.png " style ="width: 280px ;height: 100px; " />
73
+ </ div >
74
+ < div id ="slide-5 ">
75
+ < img src ="cliente17.png " style ="width: 280px ;height: 100px " />
76
+ < img src ="cliente18.png " style ="width: 280px ;height: 100px " />
77
+ < img src ="cliente19.png " style ="width: 280px ;height: 100px " />
78
+ < img src ="cliente20.png " style ="width: 280px ;height: 100px "/>
79
+ </ div >
80
+ </ div >
81
+
82
+ </ div >
83
+
84
+ <!-- </section>
85
+
86
+ <section class="exemplos">
87
+ <h1>digitaliza;ao de servicos</h1>
88
+ <p> Cuidamos de seus documentos!
89
+
90
+ Digitalizamos todos os documentos para agilizar e dar mais segurança aos processos de negócio.</p>
91
+
92
+ <h1>Guarda e
93
+ Gestão Arquivística</h1>
94
+ <p>Realizamos a gestão física dos seus arquivos. Deixe seus documentos com quem entende e ainda economize espaço físico!</p>
95
+ </section> -->
96
+ < section class ="secondary-content ">
97
+ < h3 class ="secondary-content-title "> Trabalhe Conosco</ h3 >
98
+ < p class ="secondary-content-subtitle1 "> </ p >
99
+ < div class ="bloco ">
100
+ < div > < img class ="trabalhe " src ="trabalhe.jpg " > </ div >
101
+ < div class ="borda ">
102
+ < div > < form class ="secondary-content-form ">
103
+ < div >
104
+ < label class ="label " for ="nome "> Nome completo</ label >
105
+ < input class ="secondary-content-form2 " type ="text " id ="nome " name ="nome " required value placeholder ="Nome completo ">
106
+
107
+ < label class ="label " for ="email "> Seu email</ label >
108
+ < input class ="
secondary-content-form2 "
type ="
text "
id ="
email "
name ="
email "
required value placeholder ="
[email protected] "
>
109
+ </ div >
110
+ < div >
111
+ < label class ="label " for ="nascimento "> Data de nascimento</ label >
112
+ < input class ="secondary-content-form2 " type ="date " id ="nascimento " name ="nascimento " required value placeholder ="dd/mm/aaaa ">
113
+
114
+ < label class ="label " for ="rg "> RG</ label >
115
+ < input class ="secondary-content-form2 " type ="text " id ="rg " name ="rg " required value placeholder ="RG ">
116
+ </ div >
117
+ < div >
118
+ < label class ="label " for ="cpf "> CPF</ label >
119
+ < input class ="secondary-content-form2 " type ="text " id ="cpf " name ="cpf " required value placeholder ="CPF ">
120
+
121
+ < label class ="label " for ="endereço "> Endereço</ label >
122
+ < input class ="secondary-content-form2 " type ="text " id ="endereço " name ="endereço " required value placeholder ="Endereço ">
123
+ </ div >
124
+ < div >
125
+ < label class ="label " for ="cidade "> Cidade</ label >
126
+ < input class ="secondary-content-form2 " type ="text " id ="cidade " name ="cidade " required value placeholder ="Cidade ">
127
+
128
+ < label class ="label " for ="telefone "> Telefone</ label >
129
+ < input class ="secondary-content-form2 " type ="tel " id ="" name ="telefone " required value placeholder ="Telefone ">
130
+ </ div >
131
+
132
+ </ div >
133
+ < button class ="main-content-button " > enviar meu curriculo </ button >
134
+ </ div >
135
+ </ form >
136
+ </ div >
137
+
138
+ </ div >
139
+ </ section >
140
+ </ main >
141
+ < footer class ="footer ">
142
+ < section class ="footer-itens ">
143
+ < div >
144
+ < nav class ="footer-menu ">
145
+ < h1 class ="footer-menu-title "> Menu Principal</ h1 >
146
+ < a class ="footer-menu-item " href ="index.html "> Home</ a >
147
+ < a class ="footer-menu-item " href ="servicos.html "> Serviços</ a >
148
+ < a class ="footer-menu-item " href ="sobreNos.html "> sobre nos</ a >
149
+ < a class ="footer-menu-item " href ="blog.html "> Blog</ a >
150
+ < a class ="footer-menu-item " href ="portfolio.html "> Portfólio</ a >
151
+ < a class ="footer-menu-item " href =""> Trabalhe Conosco</ a >
152
+ </ nav >
153
+ </ div >
154
+ < div >
155
+ < nav class ="footer-menu2 ">
156
+ < h1 class ="footer-menu-title "> Serviços</ h1 >
157
+ < a class ="footer-menu-item " href ="index.html "> Digitalização de Documentos</ a >
158
+ < a class ="footer-menu-item " href ="servicos.html "> Gestão de Documentos</ a >
159
+ < a class ="footer-menu-item " href ="sobreNos.html "> Processamento de Imagens</ a >
160
+ < a class ="footer-menu-item " href ="blog.html "> Microfilmagem de documentos</ a >
161
+ < a class ="footer-menu-item " href ="portfolio.html "> Guarda e Gestão Arquivística</ a >
162
+ < a class ="footer-menu-item " href =""> Gestão do Protocolo e Atendimento</ a >
163
+ < a class ="footer-menu-item " href =""> Gestão de Suprimentos</ a >
164
+ </ nav >
165
+ </ div >
166
+ < div >
167
+ < h1 id ="redess " class ="footer-menu-title "> Redes</ h1 >
168
+ < nav class ="redes ">
169
+ < a class ="redes " href ="index.html ">
170
+ < img class ="redes " src ="facebook.png ">
171
+ </ a >
172
+ < a class ="redes " href ="index.html ">
173
+ < img class ="redes " src ="instagram.png " >
174
+ </ a >
175
+ < a class ="redes " href ="index.html ">
176
+ < img class ="redes " src ="linkedin.jpg " >
177
+ </ a >
178
+ </ nav >
179
+ </ div >
180
+
181
+ < div >
182
+ < h1 id ="certificados " class ="footer-menu-title "> Certificações </ h1 >
183
+ < img class ="footer-image " src ="selo-iso9001-transparente.png ">
184
+
185
+ </ div >
186
+ </ section >
187
+ </ footer >
188
+ </ body >
189
+ </ html >
0 commit comments