-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservicos.html
222 lines (211 loc) · 15.2 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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel=stylesheet href="css/default.css">
<link rel=stylesheet media="screen and (max-width:480px)" href="css/estilo480.css">
<link rel=stylesheet media="screen and (min-width: 481px) and (max-width:839px) " href="css/estilo839.css">
<link rel=stylesheet media="screen and (min-width: 840px) and (max-width:1024px) " href="css/estilo1024.css">
<link rel=stylesheet media="screen and (min-width: 1025px)" href="css/estilo1025.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&display=swap">
<title>Serviços</title>
</head>
<body>
<div id="container">
<header>
<div id="hero2">
<nav class="topnav" id="myTopnav">
<a href="index.html" class="active">Daniela da Rosa</a>
<a href="servicos.html">Serviços</a>
<a href="landingpage.html">Promoção</a>
<a href="sobre.html">Sobre</a>
<a href=""><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
<a href=""><i class="fa fa-whatsapp fa-2x" aria-hidden="true"></i></a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars fa-2x" aria-hidden="true"></i>
</a>
</nav>
</div>
</header>
<main>
<article>
<h2 class="servicos">Cuidados com a pele</h2>
</article>
<div class="galeria">
<div class="responsive">
<figure>
<img src="img/limpezadepele.jpg" alt="Mulher com os olhos fechados" width="600" height="400">
<figcaption><h2>LIMPEZA DE PELE PROFUNDA</h2><p>A limpeza de pele profunda serve para remover
cravos, impurezas, células mortas e milium da pele.</p></figcaption>
</figure>
<div class="responsive">
<figure>
<img src="img/wax.jpeg" alt="" width="600" height="400">
<figcaption><h2>DEPILAÇÃO</h2><p>A depilação consiste na extração intencional de
pelos de certas regiões do corpo, de forma definitiva ou temporária. Existem
depilações temporárias e definitivas</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/epilacao.jpg" alt="" width="600" height="400">
<figcaption><h2>EPILAÇÃO COM LINHA</h2><p>Este método de remoção utiliza um fio de
algodão e se cria um laço firme com os dedos, para que possa envolver os pelos e
removê-los de maneira rápida e certeira, desde a raiz</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/banho.jpg" alt="" width="600" height="400">
<figcaption><h2>BANHO DE LUA</h2><p>O banho de lua consiste em uma técnica
que visa o clareamento dos pelos do corpo, além de ajudar para que a
região fique macia e até mesmo cheirosa.</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/peeling.jpg" alt="mulher com olhos azuis" width="600" height="400">
<figcaption><h2>PEELING QUIMICO</h2><p>Peeling químico é um tratamento
estético onde são aplicados ácidos sobre a pele, que ajudam a retirar as camadas
danificadas por meio da descamação e a promover o crescimento de uma camada lisa,
mais elástica, suave e fresca, por meio da renovação celula</p></figcaption>
</figure>
</div>
<article>
<h2 class="servicos">Bem Estar</h2>
</article>
<div class="responsive">
<figure>
<img src="img/massagem.jpg" alt="Costas de uma mulher sendo massageada" width="600" height="400">
<figcaption><h2>MASSAGEM RELAXANTE</h2><p>A massagem relaxante proporciona o alívio do strees e dores. São realizadas manobras terapêuticas específicas como amassamento, deslizamentos e percussões com o intuito de melhorar
a circulação sanguínea, aumentar o fluxo de nutrientes, além de aliviar a dor e facilitar a atividade muscular.</p><figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/bambuterapia.jpg" alt="Pedras com bambus no fundo " width="600" height="400">
<figcaption><h2>BAMBUTERAPIA</h2><p>A bambuterapia consiste na utilização de bambus de diferentes tamanhos para massagear, proporcionando um enfeito relaxante e redutor de gordura localizada auxiliando na diminuição da celulite<p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/pantalas.jpg" alt="Mulher deitada" width="600" height="400">
<figcaption><h2>DRENAGEM LINFÁTICA MANUAL</h2><p>A drenagem linfática é uma técnica
de massagem que trabalha o sistema linfático, estimulando-o a trabalhar de forma rápida.
</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/aurico.jpg" alt="Mulher deitada" width="600" height="400">
<figcaption><h2>AURICULOTERAPIA</h2><p>O tratamento com auriculoterapia é um procedimento realizado com agulhas que serve para tratar doenças utilizando os pontos de irrigação nas orelhas, que ao sofrerem determinados estímulos,
auxiliam o sistema nervoso no que diz respeito ao alívio de dores, depressão e até mesmo insônia.</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/detox.jpg" alt="Mulher deitada com pedras em suas costas" width="600" height="400">
<figcaption><h2>TRATAMENTO DETOX</h2><p>O Tratamento Detox é a combinação tanto de estética, alimentação e exercício físico. É uma técnica manual, com a combinação de massagem,
argila e ativos, trabalhando tanto gordura localizada, celulite e retenção de líquido.</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/drenagem.jpg" alt="Mulher em uma cama de massagem" width="600" height="400">
<figcaption><h2>LIPOMODELAGEM COM PANTALAS</h2><p>Lipomodelagem com Pantalas é uma técnica do contorno corporal vinda da Europa associada a manobras de massagem modeladora que agem
diretamente sobre a pele de forma não bruta ou violenta tendo ritmo e intensidade necessárias para cada caso</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/cor.jpg" alt="obra de arte de arco iris" width="600" height="400">
<figcaption><h2>CROMOTERAPIA</h2><p>A Cromoterapia pode ser definida como o tratamento que, por intermédio das cores, estabelece o equilíbrio e a harmonia entre corpo, mente e emoções.
Cada cor tem sua função terapêutica específica e atua em um chakra ou um órgão do corpo humano.</p></figcaption>
</figure>
</div>
</div>
<article><h2>Beleza</h2></article>
<div class="responsive">
<figure>
<img src="img/micropig.jpg" alt="mulher com olhos castanhos" width="600" height="400">
<figcaption><h2>MICROPIGMENTAÇÃO</h2><p>A micropigmentação é um processo estético
em que pigmento é depositado na pele para corrigir sobrancelhas falhadas, ralas
ou com cicatrizes</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/microblading.jpg" alt="Rosto de uma mulher " width="600" height="400">
<figcaption><h2>MICROBLADING</h2><p>O microblading é um procedimento feito com
microagulhas para preencher fio a fio a sobrancelha.</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/desing.jpg" alt="Rosto de uma mulher" width="600" height="400">
<figcaption><h2>DESING DE SOBRANCELHAS</h2><p>O desing de sobrancelhas é um
procedimento que, ajuda a realçar a expressão do rosto com o alinhamento feito
de acordo com a simetria do seu rosto</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/permanente.jpg" alt="Olho azul" width="600" height="400">
<figcaption><h2>EXTENSÃO DE CÍLIOS</h2><p>O alongamento de cílios fio a fio é uma
técnica moderna de colagem de fios sintéticos juntamente com os cílios naturais,
que dá um aspecto 100% natural</p></figcaption>
</figure>
</div>
<div class="responsive">
<figure>
<img src="img/extensao.jpg" alt="Olho castanho" width="600" height="400">
<figcaption><h2>PERMANENTE CÍLIOS</h2><p>O permanente cílios é feito para as pessoas
que querem destacar o olhar e deixar o cpilios mais longos e volumosos. Ess técnica não
alonga os cílios, mas deixa os cílios com o mesmo efeito do curvex, dando uma curvatura
acentuada de maneira natural.</p></figcaption>
</figure>
</div>
</div>
</main>
<footer class="footer-main-div">
<img class="logo-footer "src="img/logo_tca.png"alt="logo">
<div class="footer-icones">
<ul>
<li><a href="https://www.instagram.com/daniela.cristina.da/?igshid=li7cmiw0emo4" target="blank"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://api.whatsapp.com/send?1=pt_BR&phone=5511941182700" target="blank"><i class="fa fa-whatsapp fa-2x" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>Site por equipe <a>YouthRelated</a></p>
<p>© 2019 Daniela da Rosa</p>
<p><a href="politicadeprivacidade.html">política de privacidade</a></p>
</div>
</footer>
</div>
<div class="mensagem">
<span><i class="far fa-frown 2x " style="padding: 10px; color: #9E0414;" ></i><p>Oops...Este site só se encontra disponível
para dispositivos móveis.</p></span>
</div>
</body>
<script>
//Menu responsivo//
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
//------------------------Formulário pop up-----------------------------//
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
</html>