-
Notifications
You must be signed in to change notification settings - Fork 0
/
contato.html
68 lines (60 loc) · 2.6 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
---
layout: default
title: Contato
id: contato
---
<main class="content container">
<article class="primary">
<h1>Contato</h1>
<h2>Para nos enviar um email, preencha o formulário.</h2>
<form id="contato" action="#" method="post" onsubmit="return validateForm()">
<fieldset>
<p>
<label for="full-name">Nome completo*</label>
<input id="full-name" name="full-name" type="text" placeholder="Seu nome e sobrenome" />
<span id="full-name-error" class="error-container"></span>
</p>
<p>
<label for="email">Email*</label>
<input id="email" name="email" type="email" placeholder="Seu email" />
<span id="email-error" class="error-container"></span>
</p>
<p>
<label for="city-state">Cidade/Estado</label>
<input id="city-state" name="city-state" type="text" placeholder="Cidade/Estado" />
</p>
<p>
<label for="subject">Assunto*</label>
<input id="subject" name="subject" type="text" placeholder="Ex.: Dúvidas sobre o pagamento" />
</p>
<p>
<label for="message">Mensagem*</label>
<textarea id="message" name="message" placeholder="Escreva sua mensagem aqui"></textarea>
</p>
</fieldset>
<div class="submit-section">
<div class="total-value">
<p class="terms">
*Campos obrigatórios.
</p>
</div>
<input type="submit" value="Enviar" />
</div>
</form>
</article>
<aside class="secondary contato">
<h2>Endereços</h2>
<p>
<strong>São Paulo:</strong><br />
Laboriosa, 89 - Vila Madalena<br />
São Paulo - SP
</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3657.408335925128!2d-46.6880709!3d-23.553773700000004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce57965aff1723%3A0x3fbfa9cfdea0f738!2sR.+Laboriosa%2C+89+-+Vila+Madalena%2C+S%C3%A3o+Paulo+-+SP%2C+05434-060!5e0!3m2!1spt-BR!2sbr!4v1410499449130" width="360" height="237" frameborder="0" style="border:0"></iframe>
<p>
<strong>Rio de Janeiro:</strong><br />
Praia do Flamengo 66, sala 911 - Flamengo,<br />
Rio de Janeiro - RJ
</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3674.6334450759496!2d-43.1736156!3d-22.9268872!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x99802ab510914b%3A0x3cb85ba1f8c2912!2sPraia+do+Flamengo%2C+66+-+Flamengo%2C+Rio+de+Janeiro+-+RJ%2C+22210-030!5e0!3m2!1spt-BR!2sbr!4v1410499533409" width="360" height="237" frameborder="0" style="border:0"></iframe>
</aside>
</main>