-
Notifications
You must be signed in to change notification settings - Fork 32
/
Copy pathcontato.html
117 lines (106 loc) · 4.85 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Importante para SEO -->
<title>Contato</title>
<!--Link com a folha de estilo -->
<link rel="stylesheet" href="style.css">
<!-- Importante para SEO -->
<meta name="description" content="Precisa falar com a gente? Entra em contato!">
<!-- Define o favicon-->
<link rel="icon" href="img/logofinal.png">
</head>
<body>
<!-- Cabeçalho -->
<header>
<div class="FlexMenu">
<div id="logo">
<img src="./img/logofinal99.png" alt="logo outlaw games">
</div>
<nav>
<input type="checkbox" id="check">
<label for=check>☰
</label>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="playstation.html">Playstation</a></li>
<li><a href="xbox.html">Xbox</a></li>
<li><a href="nintendo.html">Nintendo</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="sobre.html">Sobre</a></li>
</ul>
</nav>
</div>
</header>
<!-- Conteúdo Principal -->
<main class="Flex">
<div class="Container">
<h1 class="textbanner">Quer falar com a gente?</h1>
</div>
</main>
<!-- Formulário para Contatos -->
<section class="Container">
<div id="formulario">
<h2>Nosso Contato</h2>
<form action="mailto:joaoandradeprime99@gmail.com?subject=contatodosite">
<input type="text" name="nome" id="nome" placeholder="Nome" required>
<br>
<input type="email" name="email" id="email" placeholder="E-Mail" required>
<br>
<input type="tel" name="number" id="number" placeholder="Celular" required>
<br>
<textarea name="mensagem" id="mensagem" cols="10" rows="10" style="resize: none;"
placeholder="Qual sua dúvida ou problema?" required></textarea>
<br>
<input type="submit" value="Enviar">
<input type="reset">
</form>
</div>
</section>
<!-- Section Zap -->
<section class="zap">
<div class="Container FlexSection">
<div class="textzap">
<h2>Chama a gente no <span class="spanzap">Whatsapp!</span></h2>
<p>Entra em contato que a gente resolve seu problema</p>
<a href="https://api.whatsapp.com/send?phone=5511123456789" target="_blank" class="Buttonzap">Chama
aí!</a>
</div>
<div class="imagemzap">
<img src="./img/qrcodezap.PNG" alt="qrcode zap">
</div>
</div>
</section>
<!-- Google Maps Integrado -->
<section class="Container">
<h3 id="TitleMaps">Traga seu videogame até a nossa loja!</h3>
<iframe id="maps1"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657.7659721597747!2d-46.577542724740866!3d-23.540918260841387!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5ec26cfdcfed%3A0x49e7eb66fd4f1f2!2sSenac%20Tatuap%C3%A9%20-%20Cel.%20Lu%C3%ADs%20Americano!5e0!3m2!1spt-BR!2sbr!4v1712777172287!5m2!1spt-BR!2sbr"
width="347" height="300" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe id="maps2"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657.7659721597747!2d-46.577542724740866!3d-23.540918260841387!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5ec26cfdcfed%3A0x49e7eb66fd4f1f2!2sSenac%20Tatuap%C3%A9%20-%20Cel.%20Lu%C3%ADs%20Americano!5e0!3m2!1spt-BR!2sbr!4v1712777172287!5m2!1spt-BR!2sbr"
width="700" height="350" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<!-- Rodapé -->
<footer>
<div class="Container Flex">
<div id="social">
<a href="https://www.instagram.com/andradejao_/" target="_blank"><img src="./img/insta.png"
alt="instagram"></a>
<a href="https://m.facebook.com/profile.php/?id=100014107095782" target="_blank"><img
src="./img/face.png" alt="facebook"></a>
<a href="https://web.whatsapp.com/" target="_blank"><img src="./img/whats.png" alt="whatsapp"></a>
</div>
<div id="copyright">
<p>©2024 - Outlaw Games</p>
</div>
</div>
</footer>
<a href="#logo" id="topo"><img src="./img/setacima.png" alt="seta topo"></a>
<!-- Topo -->
</body>
</html>