-
Notifications
You must be signed in to change notification settings - Fork 2
/
servicos.html
198 lines (186 loc) · 12.7 KB
/
servicos.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!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/servicos.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="ativo" href="./servicos.html" alt="Serviços"><span class="outline">Serv</span>iços</a></li>
<li><a class="inativo" href="./contato.html" alt="Contato"><span class="outline">Cont</span>ato</a></li>
</ul>
</nav>
<div class="space"></div>
<main>
<section class="passos">
<h2>Passo a Passo</h2>
<div class="passos-container">
<div class="passos-card">
➊
<div class="passos-img1"></div>
<p class="passostxt">Faça um <a href="https://app.pipefy.com/public/form/3uztRUmt" class="register" target="_blank">cadastro</a> conosco</p>
</div>
<div class="passos-card">
➋
<div class="passos-img2"></div>
<p class="passostxt">Entraremos em contato para combinar uma visita</p>
</div>
<div class="passos-card">
➌
<div class="passos-img3"></div>
<p class="passostxt">Um de nossos especialistas vai até você</p>
</div>
<div class="passos-card">
➍
<div class="passos-img4"></div>
<p class="passostxt">Você escolhe tudo: materiais, cores e revestimentos</p>
</div>
<div class="passos-card">
➎
<div class="passos-img5"></div>
<p class="passostxt">Pensamos juntos na melhor
forma de pagamento</p>
</div>
<div class="passos-card">
➏
<div class="passos-img6"></div>
<p class="passostxt">Mãos à obra!</p>
</div>
</div>
</section>
<section class="projects">
<h2>Sonhos Realizados</h2>
<div id="carousel">
<div class="afterbefore">
<p>ANTES</p>
<P>DEPOIS</P>
</div>
<div id="items">
<div class="foto">
<img src="./img/cliente1/c1foto0a.jpeg" alt="Foto de uma cozinha para reforma do lado direito uma pia sem gabinete ao lado esquerdo uma prateleira ao lado uma geladeira de inox
e no centro uma mesa redonda de mármore com quatro cadeiras, ao lado da mesa um sofá cinza">
<img src="./img/cliente1/c1foto0d.jpg" alt="Foto de uma cozinha após reforma, com uma bancada de mámore na cor preta com um cooktop, na parede um azulejo cinza com relevo,
no chão um piso branco e a geladeira de inox">
</div>
<div class="foto">
<img src="./img/cliente1/c1foto1a.jpeg" alt="Na imagem uma pia na cor branca embaixo duas caixas organizadores na cor preta, um fogão de quatro bocas branco, piso e azulejo na cor brancos">
<img src="./img/cliente1/c1foto1d.jpg" alt="Na imagem uma bancada de mármore na cor preta com uma pia embaixo da pia algumas pratileiras pretas, azulejo cinza em relevo e acima da pia uma janela">
</div>
<div class="foto">
<img src="./img/cliente1/c1foto2a.jpeg" alt="Na imagem uma pia na cor branca embaixo duas caixas organizadores na cor preta, um fogão de quatro bocas branco, piso e azulejo na cor brancos">
<img src="./img/cliente1/c1foto2d.jpg" alt="Na imagem uma bancada de mármore na cor preta com uma pia embaixo da pia algumas pratileiras pretas, azulejo cinza em relevo e acima da pia uma janela">
</div>
<div class="foto">
<img src="./img/cliente1/c1foto3a.jpeg" alt="Na imagem uma aréa de serviço com uma maquina de lavar na cor branca um tanque na cor branco e alguns produtos de limpeza no chão">
<img src="./img/cliente1/c1foto3d.jpg" alt="Na imagem vista pelo lado de fora da casa, uma porta de vidro do lado de dentro vemos a geladeira de inox com um microondas e um liquidificador em cima
ao lado a bancada de mármore com a pia e o cooktop e abaixo as prateleiras com alguns utensilios em cima">
</div>
<div class="foto">
<img src="./img/cliente2/c2foto1a.jpg" alt="Foto de um banheiro para reforma, parede na cor verde ate a metade e metade restante azulejo branco com um buraco no local da instalação do chuveiro
e algumas aréas com partes descascadas, temos uma pia e um vaso sanitário na cor branca e dentro do box do chuveiro uma cadeira laranja">
<img src="./img/cliente2/c2foto1d.jpg" alt="Após a reforma as paredes foram concertadas e foram instaladas duas barras de apoio para idosos o vaso sanitário foi trocado por um novo">
</div>
<div class="foto">
<img src="./img/cliente2/c2foto2a.jpg" alt="Na foto um vitro abaixo uma saboneteira dentro do box uma cadeira laranja">
<img src="./img/cliente2/c2foto2d.jpg" alt="Após reforma foi trocado piso e azuleijo pela cor branca, foi instalado duas barras de apoio para idoso, foi colocado um porta shampoo embutido na parede">
</div>
<div class="foto">
<img src="./img/cliente2/c2foto3a.jpg" alt="Na foto um pia e armário de banheiro na cor branca, a parede com um buraco aparente">
<img src="./img/cliente2/c2foto3d.jpg" alt="Após reforma foi colocado um espelho na parede um suporte para toalha de rosto o buraco na parede foi concertado, foi instalada uma barra de apoio para idosos
ao lado do gabinete da pia">
</div>
<div class="foto">
<img src="./img/cliente2/c2foto4a.jpg" alt="Na foto uma porta de madeira na parte inferior descascada">
<img src="./img/cliente2/c2foto4d.jpg" alt="Após reforma foi trocada a porta por uma nova também de madeira">
</div>
</div>
</div>
</section>
<section class="kits">
<h2>Kits de Serviços</h2>
<div class="kit-container">
<div class="kit-card">
<div class="kit-img1"></div>
<h3>Banheiro</h3>
<p>Vamos deixar seu banheiro todo reformado, incluindo a parte hidráulica e a elétrica; colocamos piso, azulejo, forro, vaso e lavatório; trocamos porta e janela; e ainda instalamos os acessórios como chuveiro, duchinha, espelho e ganchos.</p>
</div>
<div class="kit-card">
<div class="kit-img2"></div>
<h3>Quarto</h3>
<p>Quarto lindo e confortável é com a gente mesmo! Retiramos umidade e mofo; colocamos piso, porta, janela, pintura; fazemos manutenção na parte elétrica e forro; e ainda te damos dicas de decoração e de posição dos móveis.</p>
</div>
<div class="kit-card">
<div class="kit-img3"></div>
<h3>Sala</h3>
<p>Reformamos a sua sala desde o piso, pintura, porta e janela até o forro; também retiramos mofo e umidade; e ainda te orientamos na decoração, para ficar tudo como você gosta.</p>
</div>
<div class="kit-card">
<div class="kit-img5"></div>
<h3>Lavanderia</h3>
<p>Deixaremos a sua lavanderia toda reformada, com reforma nas partes hidráulica e elétrica; trocamos pisos e azulejo; fazemos a pintura e todo o acabamento.</p>
</div>
<div class="kit-card">
<div class="kit-img4"></div>
<h3>Cozinha</h3>
<p>Nossa reforma deixará sua cozinha renovada e linda, com bancadas de granito, piso e azulejos; colocamos porta, janela, pintura e forro; e fazemos manutenção nas instalações hidráulica e elétrica.</p>
</div>
<div class="kit-card">
<div class="kit-img6"></div>
<h3>Área de Lazer</h3>
<p>Quer sua área de lazer bonita para receber amigos? Fazemos a reforma nas partes hidráulica e elétrica; colocamos bancada de granito, piso, azulejo; e também fazemos a pintura.</p>
</div>
</div>
</section>
</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:contato@azavitalreformas.com.br" 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>
<script src="./scripts/carousel.js" defer></script>
</body>
</html>