-
Notifications
You must be signed in to change notification settings - Fork 0
/
contato.html
160 lines (154 loc) · 7.43 KB
/
contato.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
<!DOCTYPE html>
<html lang="pt-br">
<!-- Início do cabeçalho do documento/Características da página -->
<head>
<!-- Título da Página -->
<title>Inauguração do Laboratório Maker</title>
<!-- Metas -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Patricia M de Souza" />
<meta name="description" content="Inauguração do Laboratório Maker" />
<meta name="keywords" content="Espaço Maker, Maker, Aulas Maker,
Laboratório Maker" />
<!-- Links e CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/styleContact.css" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<!-- ícones -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<!-- Fontes -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
</head>
<!-- Fim do cabeçalho do documento -->
<!--Início do corpo do documento-->
<body>
<!-- Início do cabeçalho do documento/parte visível -->
<header id="header">
<a class="logo" href="index.html"><img src="img/logo-horiz2.png"
alt='Logo do laboratório Maker'></a>
<!-- início do navbar -->
<nav id="nav">
<!--Início Menu Sanduíche para tela mobile-->
<button aria-label="Abrir Menu" id="btn-mobile"
aria-haspopup="true" aria-controls="menu"
aria-expanded="false">Menu
<span id="hamburger"></span>
</button>
<!--Fim Menu Sanduíche para tela mobile-->
<ul id="menu" role="menu">
<li><a href="index.html" class="ativo">Página Inicial</a></li>
<li><a href="index.html#galeria">Galeria de Fotos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
<!-- Fim do navbar -->
<!--Final do cabeçalho da página-->
</header>
<!--Início da página Inicial-->
<section id="corpo">
<!--Conteúdo do corpo da página-->
<div class="corpo">
<h1>Inauguração do Laboratório Maker</h1>
<p>Evento Presencial e GRATUITO</p>
<p>Dia 13 de junho na Palhoça em Santa Catarina</p>
</div>
<section class="contact" id="contact">
<div class="row">
<form name="contact" action="resposta.html" method="GET">
<fieldset>
<legend>Formulário de Inscrição:</legend>
<div class="inputBox">
<span class="fas fa-user"></span>
<input type="text" id="name"
placeholder="Nome Completo" maxlength="50"
/>
</div>
<div class="inputBox">
<span class="fas fa-envelope"></span>
<input type="email" id="email"
placeholder="e-mail" />
</div>
<div class="inputBox">
<span class="fas fa-phone"></span>
<input type="tel" placeholder="(00) 88888-8888">
</div>
<div class="notificacao">
<input name="notificacao" type="checkbox"
checked />Deseja receber nossas novidades?
</div>
<div class="inputBox">
<!-- <span class="fas fa-message"></span> -->
<textarea class="field" name="message" rows="5"
maxlength="800"
placeholder="Digite sua mensagem aqui"></textarea>
</div>
<button class="button-contact" onclick="capturar()">Confirmar
minha Inscrição</button>
</fieldset>
</form>
</div>
</section>
</section>
<footer>
<!--Conteúdo do rodapé-->
<div class="partes">
<div class="parte1">
<h2>Contato</h2>
<p>
(48) 98426-0040<br />
<span>e-mail:</span> patyfil@gmail.com
</p>
</div>
<div class="parte2">
<h2>Endereço</h2>
<p>
Av. Paulo Roberto Vidal, 1455<br />
Bairro Bela Vista - Palhoça / SC <br /> CEP: 88132-599
</p>
</div>
<div class="parte3">
<h2>Horário de Funcionamento</h2>
<p>
De segunda a sexta<br />
Das 8h às 12h<br />
Das 13h às 17h<br />
</p>
</div>
</div>
<section class="redes">
<div class="share">
<a href="mailto:patyfil@gmail.com?subject=Orçamento"
target="_blank" class="fa fa-envelope-square"></a>
<a
href="https://api.whatsapp.com/send/?phone=5548984260040&text=*************%20LABORATÓRIO%20MAKER%20*************%20"
target="_blank" class="fab fa-whatsapp-square"></a>
<a href="https://www.instagram.com/laboratorio.maker/"
target="_blank"
class="fab fa-instagram-square"></a>
<a href="http://facebook.com/Laboratoriomaker"
target="_blank" class="fab fa-facebook-square"></a>
<a href="https://bit.ly/laboratoriomaker" target="_blank"
class="fab fa-youtube-square"></a>
<a href="https://laboratoriomaker.blogspot.com"
target="_blank" class="fab fa-blogger"></a>
<a href="https://github.com/patyfil" target="_blank"
class="fab fa-github-square"></a>
</div>
</section>
<div class="copyright">
<p><span>2022 </span> © Todos os direitos reservados.
Desenvolvido por <span>Patrícia M. de
Souza</span></p>
</div>
</footer>
<!-- Link do arquivo js -->
<script src="js/script.js"></script>
</body>
</html>