-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
85 lines (73 loc) · 3.91 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
<!doctype html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
<meta name="description" content="contact form example">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://doni7brandao.github.io/email_via_google/estilo.css">
<title>Exemplo de Formulário de Contato</title>
</head>
<body>
<h2 class="content-head is-center">Fale Conosco</h2>
<aside>
<p> Para nos enviar <em>a sua avalição e/ou alguma sugestão </em> de como melhorar este projeto </p>
<p> utilize esse <b><em>Exemplo de Formulário de Contato</em></b>para entrar em contato conosco.</p>
</aside>
<!-- INÍCIO -->
<form class="gform pure-form pure-form-stacked" method="POST" data-email="donizetebrand@gmail.com" action="https://script.google.com/macros/s/AKfycbwfEWEnAkKoea67JNx8vYzvWfQ-eaiyKRe51CafwNJxT5AkUWo/exec">
<!-- alterar a ação do formulário para seu URL de script -->
<div class="form-elements">
<fieldset class="pure-group">
<label for="Nome">Nome: </label>
<input id="Nome" name="Nome" placeholder="Seu nome aqui" />
</fieldset>
<fieldset class="pure-group">
<label for="E-mail"><em>Seu</em> E-mail:</label>
<input id="E-mail" name="E-mail" type="email" value="" required placeholder="Ex: email@provedor.com"/>
<span class="email-invalid" style="display:none">Nos envie um e-mail válido</span>
</fieldset>
<fieldset class="pure-group">
<label for="Assunto">Assunto: </label>
<input id="Assunto" name="Assunto" placeholder="Qual é o assunto?" />
</fieldset>
<fieldset class="pure-group">
<label for="Mensagem">Mensagem: </label>
<textarea id="Mensagem" name="Mensagem" rows="10" placeholder="Fique à vontade para no enviar sua mensagem..."></textarea>
</fieldset>
<button class="button-success pure-button button-xlarge"><i class="fa fa-paper-plane"></i> Enviar Mensagem</button>
</div>
<!-- Personalize esta parte da mensagem de agradecimento após o envio da mensagem: -->
<div class="thankyou_message" style="display:none;">
<h2><em>Obrigado</em> pela sua mensagem! Retornaremos o se contato assim que possível!</h2>
</div>
</form>
<!-- Envie o formulário para o Google usando "AJAX" -->
<script data-cfasync="false" type="text/javascript" src="https://doni7brandao.github.io/email_via_google/script-envia-fomulario.js"></script>
<!-- FIM -->
<p><a href="https://doni7brandao.github.io/email_via_google/"><strong>RETORNAR</strong></a></p>
<div class="sic-presencial">
<div class="row">
<div class="col-sm-5">
<address>
<h4>Subprefeitura de Mangabeira</h4>
Rua Coronel Benvenuto Gonçalves, nº 272, Mangabeira II<br>
<i class="fa fa-phone"></i> (83) 3214-1999<br>
<i class="fa fa-clock-o"></i> das 08:00 ás 18:00<br>
<h5>Correspondente: Antônio Carlos Gomes da Silva</h5>
<i class="fa fa-envelope"></i> acarlosgsilva@hotmail.com<br>
<i class="fa fa-phone"></i> 8786-6206<br>
</address>
</div>
<div class="col-sm-7">
<div class="panel">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3958.5772257169774!2d-34.836765300000025!3d-7.174770000000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7acc243c78c5219%3A0x3587d52450ccd043!2sR.+Cel.+Benevenuto+Gon%C3%A7alves+da+Costa%2C+272+-+Mangabeira%2C+Jo%C3%A3o+Pessoa+-+PB!5e0!3m2!1spt-BR!2sbr!4v1430404425795" width="50%" height="250" frameborder="0" style="border:0"></iframe>
</div>
</div>
</div>
</div>
</body>
</html>
</body>
</html>