forked from iW90/azavital
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contato.html
169 lines (154 loc) · 8.82 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
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AzA Vital Studio - Home</title>
<meta name="description" content="Arquitetura acessível a todos: Fazemos projetos para reformas, design de interiores, decoração e paisagismo com pagamento flexível e mão de obra especializada.">
<meta name="keywords" content="arquitetura, design de interiores, reformas, projetos culturais, decoração, paisagismo, pagamento flexível">
<meta property="og:locate" content="pt_BR">
<meta property="og:type" content="website">
<meta property="og:title" content="AzA Visual Studio">
<meta property="og:site_name" content="AzA Visual Studio">
<meta property="og:url" content="#">
<meta property="og:image" content="#">
<meta property="og:image:width" content="2500"/>
<meta property="og:image:height" content="1330"/>
<meta property="og:description" content="Projetos arquitetônicos e culturais para reformas, design de interiores, decoração, paisagismo e recuperação de móveis, com pagamento flexível e mão de obra especializada. Arquitetura acessível a todos, evite desperdício de tempo e dinheiro e realize seu sonho com tranquilidade e planejamento!">
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/contato.css">
</head>
<body>
<nav>
<div class="navtop">
<img class="logo" src="./img/logo.png" alt="Logo">
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
☰
</a>
</div>
<ul id="navbar">
<li><a class="inativo" href="./index.html" alt="Início"><span class="outline">Iníci</span>o</a></li>
<li><a class="inativo" href="./quemsomos.html" alt="Quem somos"><span class="outline">Quem</span> somos</a></li>
<li><a class="inativo" href="./servicos.html" alt="Serviços"><span class="outline">Serv</span>iços</a></li>
<li><a class="ativo" href="./contato.html" alt="Contato"><span class="outline">Cont</span>ato</a></li>
</ul>
</nav>
<div class="space"></div>
<main>
<section class="media-social">
<h2>Contato</h2>
<p>Você pode entrar em contato e acompanhar nosso trabalho através de nossas redes sociais:</p>
<div class="redes-sociais">
<div class="redes1">
<a href="https://www.instagram.com/azavital.arqsocial/" target="blank">
<img src="./img/social-icons/instagram.png" alt="instagram"></a>
<a href="https://www.facebook.com/Azavitalstudio" target="blank">
<img src="./img/social-icons/facebook.png" alt="facebook"></a>
<a href="https://www.linkedin.com/in/natascha-vital/" target="blank">
<img src="./img/social-icons/linkedin.png" alt="linkedin"></a>
</div>
<div class="redes2">
<a href="https://api.whatsapp.com/send?phone=5516993232985" target="blank">
<img src="./img/social-icons/whatsapp.png" alt="whatsapp"></a>
<a href="https://www.youtube.com/channel/UCAZjfL7cYrXcMLN3Sko9w8g" target="blank">
<img src="./img/social-icons/youtube.png" alt="youtube"></a>
<a href="https://open.spotify.com/playlist/3cJtvfMR3nJq2YXerbqFdq" target="blank">
<img src="./img/social-icons/spotify.png" alt="spotify"></a>
</div>
</div>
</section>
<section class="email">
<p>Ou, caso prefira e tenha alguma dúvida, você pode nos enviar uma mensagem:
</p>
<form class="form" action="https://formspree.io/f/mwkywear" method="POST">
<div class="row">
<input class="input" type="text" name="nome" placeholder="Nome" required>
</div>
<div class="row">
<input class="input" type="email" name="email" placeholder="E-mail" required>
</div>
<div class="row">
<input class="input" type="text" name="assunto"
placeholder="Assunto" required>
</div>
<div class="row">
<textarea class="textarea" name="mensagem" id="msg" cols="30" rows="10" placeholder="Mensagem" required></textarea>
</div>
<div>
<input class="btn" type="submit" name="enviar" value="Enviar">
</div>
</form>
</section>
<hr>
<section class="parcerias-e-apoios">
<h2>Parceiros e Apoiadores<h2>
<h3> </h3>
<p>Agradecimentos aos nossos parceiros, que atuam conosco quando precisamos:</p>
<div class="parcerias">
<div class="content">
<a href="https://www.novavivenda.com.br/" target="blank">
<img src="./img/contato/novavivenda.png" alt="parceria-novavivenda">
</a>
</div>
<div class="content">
<a href="https://habitatbrasil.org.br/" target="blank">
<img src="./img/contato/habitat.png" alt="parceria-habitat">
</a>
</div>
</div>
<h3> </h3>
<p>Também temos muito a agradecer por quem nos apoiou no início da nossa jornada:</p>
<div class="apoiadores">
<div class="content">
<a href="https://favela.org.br/oportunidades" target="blank">
<img src="./img/contato/digital.png" alt="apoiador-digital-lab">
</a>
</div>
<div class="content">
<a href="https://impactosocial.artemisia.org.br/lab-nip" target="blank">
<img src="./img/contato/labnip.jpg" alt="apoiador-labnip">
</a>
</div>
</div>
</section>
<section class="area">
<h2>Área de Atuação</h2>
<iframe src="https://www.google.com/maps/d/embed?mid=1qRmRk_pPIjxaYUNRnZAkJvMkBmHSFGcL&ehbc=2E312F" title="AzA Vital Studio vídeo" frameborder="0" width="100%" height="400"></iframe>
</section>
<!-- AINDA NÃO HÁ ENDEREÇO FÍSICO
<section id="gmap">
<h2>Localização</h2>
<div id="gmap_canvas"></div>
</section>
<script src="http://maps.google.com/maps/api/js?key=AIzaSyDv7YRz1WWPhkr6aim8wEm4WDPBdk81z54" defer></script>
<script src="./scripts/map.js" defer></script>
-->
</main>
<footer>
<div class="parceiros">
<p class="indent">Parceiros:</p>
<a href="https://habitatbrasil.org.br/" target="_blank"><img src="./img/social-icons/habitatP.png" alt="Habitat para a Humanidade"></a>
<a href="https://www.novavivenda.com.br/" target="_blank"><img src="./img/social-icons/novavivendaP.png" alt="Nova Vivenda"></a><br>
</div>
<div class="contatos">
<a class="foot-web" href="https://azavitalreformas.com.br">AZA VITAL STUDIO | azavitalreformas.com.br</a>
<a class="foot-mobile" href="https://azavitalreformas.com.br">AZA VITAL STUDIO<br>azavitalreformas.com.br</a>
<div class="social-buttons">
<a href="https://www.instagram.com/azavital.arqsocial/" target="_blank"><img class="social-button" src="./img/social-icons/05_instaP.png" alt="instagram"></a>
<a href="https://www.facebook.com/Azavitalstudio" target="_blank"><img class="social-button" src="./img/social-icons/04_faceP.png" alt="facebook"></a>
<a href="https://www.linkedin.com/in/natascha-vital/" target="_blank"><img class="social-button" src="./img/social-icons/03_lkdinP.png" alt="linkedin"></a>
<a href="https://api.whatsapp.com/send?phone=5516993232985" target="_blank"><img class="social-button" src="./img/social-icons/02_wppP.png" alt="whatsapp"></a>
<a href="mailto:[email protected]" target="_blank"><img class="social-button" src="./img/social-icons/01_emailP.png" alt="email"></a>
</div>
</div>
<div class="creditos">
<p>Créditos:</p>
<p class="indent"><a href="https://maismulheres.tech" target="_blank">WomakersCode</a></p>
<p class="indent"><a href="https://www.flaticon.com" target="_blank">Flaticon</a></p>
</div>
</footer>
<script src="./scripts/nav.js" defer></script>
</body>
</html>