forked from iW90/azavital
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (137 loc) · 7.64 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
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
<!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/inicio.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="ativo" 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="inativo" href="./contato.html" alt="Contato"><span class="outline">Cont</span>ato</a></li>
</ul>
</nav>
<header>
<div class="space"></div>
<div class="bg-h1">
<h1>AzA Vital Studio</h1>
<p class="quote">“Temos o poder de construir novos caminhos e novas oportunidades, para uma nova arquitetura que tem o poder de transformação no ser humano e em seu habitat.”</p>
<p class="autora">— Natascha Vital</p>
</div>
<div class="divider">
</div>
</header>
<main>
<section class="description-container">
<p class="description">O AzA Vital Studio é um negócio de impacto social que atua nas melhorias habitacionais no interior do Estado de São Paulo, em Ribeirão Preto. Oferecemos serviços para a obra completa, com mão de obra, gestão da reforma, projeto de arquitetura e compras de materiais. Tudo isso com a facilitação do microcrédito e a possibilidade do parcelamento em até 30 vezes no boleto.</p>
<div class="embed">
<iframe src="https://www.youtube.com/embed/RaedXcVEUNQ?controls=1;modestbranding=1;rel=0;showinfo=0;autohide=1" height="100%" width="100%" title="AzA Vital Studio vídeo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</section>
<section class="func-container">
<h2>Como Funciona</h2>
<div class="func-cards">
<div class="func-card">
➊
<div class="func-img1"></div>
<p>Apresentação da proposta</p>
</div>
<div class="func-card">
➋
<div class="func-img2"></div>
<p>Escolha da melhor forma de pagamento da entrada</p>
</div>
<div class="func-card">
➌
<div class="func-img3"></div>
<p>Entrada quitada</p>
</div>
<div class="func-card">
➎
<div class="func-img4"></div>
<p>Agendamento da obra</p>
</div>
<div class="func-card">
➍
<div class="func-img5"></div>
<p>Início do pagamento do financiamento no boleto</p>
</div>
<div class="func-card">
➏
<div class="func-img6"></div>
<p>Entrega da reforma e 90 dias de garantia!</p>
</div>
</div>
</section>
<section class="serv-container">
<h2>Serviços Inclusos</h2>
<div class="serv-cards">
<div class="serv-card">
<div class="serv-img1"></div>
<p>Gestão e execução da reforma</p>
</div>
<div class="serv-card">
<div class="serv-img2"></div>
<p>Mão de obra especializada</p>
</div>
<div class="serv-card">
<div class="serv-img3"></div>
<p>Materiais de qualidade</p>
</div>
<div class="serv-card">
<div class="serv-img4"></div>
<p>Financiamento em 30x no boleto</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:[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>