-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobre-mim.html
163 lines (137 loc) · 8.48 KB
/
sobre-mim.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;700&display=swap"
rel="stylesheet">
<script src="scripts/index.js" defer></script>
<title>Sobre mim</title>
</head>
<body>
<header>
<div class="header-container">
<a href="index.html"><img class="logo-header" src="img/logo-preta.png" alt="Logo Estética Malu Soares"></a>
<nav>
<ul class="lista-nav-principal">
<li class="item-nav-principal"><a href="procedimentos.html">Procedimentos</a></li>
<li class="item-nav-principal"><a href="maquiagem.html">Maquiagem</a></li>
<li class="item-nav-principal"><a href="sobre-mim.html">Sobre</a></li>
<!-- <li class="item-nav-principal"><a href="cursos.html">Cursos</a></li> -->
</ul>
</nav>
<div class="container-header-social">
<div class="container-icone-whatsapp">
<a href="https://wa.me/554187642592?text=Ol%C3%A1!%20Eu%20gostaria%20de%20agendar%20um%20procedimento."
target="_blank" rel="noopener noreferrer" class="link-telefone">
<img src="img/icons/whatsapp-icon.svg" alt="">
<p>(41) 8764-2592</p>
</a>
</div>
<div class="container-ig-maps">
<a href="https://www.instagram.com/estetica_malusoares/" target="_blank" rel="noopener noreferrer">
<img class="ig-icon" src="img/icons/ig-icon.svg" alt="">
</a>
<a href="https://goo.gl/maps/oJiSDrwQRLVxdxkY9" target="_blank" rel="noopener noreferrer">
<img class="maps-icon" src="img/icons/maps-icon.svg" alt="">
</a>
</div>
</div>
<div class="menu-burger-wrapper">
<div class="burger-icon-container">
<div class="burger-icon"></div>
</div>
<ul class="burger-nav invisible">
<a href="procedimentos.html">
<li class="item-nav-principal">Procedimentos</li>
</a>
<a href="maquiagem.html">
<li class="item-nav-principal">Maquiagem</li>
</a>
<a href="sobre-mim.html">
<li class="item-nav-principal">Sobre</li>
</a>
<!-- <a href="cursos.html">
<li class="item-nav-principal">Cursos</li>
</a>-->
<div class="menu-hamburguer-social">
<a href="https://wa.me/554187642592?text=Ol%C3%A1!%20Eu%20gostaria%20de%20agendar%20um%20procedimento."
class="menu-hamburguer-social-item" target="_blank" rel="noopener noreferrer"><img
src="img/icons/whatsapp-icon.svg" alt=""></a>
<a href="https://www.instagram.com/estetica_malusoares/" class="menu-hamburguer-social-item"
target="_blank" rel="noopener noreferrer"><img class="ig-icon" src="img/icons/ig-icon.svg"
alt=""></a>
<a href="https://goo.gl/maps/oJiSDrwQRLVxdxkY9" class="menu-hamburguer-social-item"
target="_blank" rel="noopener noreferrer"><img class="ig-icon" src="img/icons/maps-icon.svg"
alt=""></a>
</div>
</ul>
</div>
</div>
</header>
<main>
<div class="main-container main-container-secundario">
<section class="container-titulo-pagina">
<h1 class="titulo-principal">Sobre mim</h1>
</section>
<section>
<img src="img/sobre-mim/sobre-mim-perfil.png" class="sobre-mim-perfil-img">
<h2 class="titulo-secundario titulo-paragrafo">Tudo sobre a Malu.</h2>
<p class="texto-geral texto-sobre-mim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce
pellentesque porttitor tempor. Suspendisse efficitur leo nec urna dignissim ornare. Nunc ullamcorper
commodo interdum. Sed lobortis ac nulla a ornare. Cras a enim quis velit efficitur ornare a vitae
metus. Fusce porta dignissim viverra. Mauris mauris orci, posuere ac euismod a, pulvinar sed dui.
Donec vel tincidunt eros, eget rutrum est. Sed semper fermentum metus, nec accumsan urna eleifend
in. Donec pellentesque dolor elit, eget tincidunt enim vestibulum id. Donec sit amet velit auctor,
sagittis ante eget, porta nibh. Nulla commodo in tortor a luctus. Sed vel turpis mattis, maximus
metus fermentum, ornare est.</p>
<p class="texto-geral texto-sobre-mim">Sed velit nisi, sagittis eget elit quis, feugiat condimentum
purus. Suspendisse potenti. Donec quis interdum tellus. Maecenas in augue mattis eros gravida
congue. Aenean vitae magna velit. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Vivamus faucibus non diam eget cursus. Fusce vel blandit magna,
fringilla dictum massa. Mauris sollicitudin sem sit amet elit lobortis, id placerat mi lobortis. Nam
scelerisque justo non metus laoreet, quis mattis massa sollicitudin. Nulla facilisi. Suspendisse
porta eros in augue vulputate, sit amet commodo nunc mollis.</p>
<p class="texto-geral texto-sobre-mim">Suspendisse mi sem, tempor eget risus ut, blandit consequat leo.
Nulla iaculis mi quis interdum blandit. Aenean orci dui, vehicula non dignissim eu, cursus id eros.
Pellentesque accumsan vehicula leo, eu scelerisque odio. Nulla scelerisque massa porttitor erat
maximus, at ornare enim maximus. Proin viverra sapien eget diam ullamcorper sagittis. Donec auctor
massa vel sapien dictum gravida. Duis elit quam, fringilla efficitur orci in, tempus eleifend ex.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla
facilisi. Praesent sollicitudin nunc sit amet est elementum, sit amet sollicitudin felis vehicula.
Curabitur ornare odio quis varius viverra. In ante nibh, auctor id eleifend a, euismod eu nisi.
Mauris nec eros non leo consequat egestas nec sed metus.</p>
</section>
</div>
</main>
<footer>
<div class="footer-container">
<img class="logo-footer" src="img/logo-branca-redonda.png" alt="Logo Estética Malu Soares">
<div class="colunas-iguais colunas-iguais-footer">
<div class="container-footer-social">
<a href="https://wa.me/554187642592?text=Ol%C3%A1!%20Eu%20gostaria%20de%20agendar%20um%20procedimento."
target="_blank" rel="noopener noreferrer">
<img src="img/icons/whatsapp-icon.svg" alt="">
(41) 8764-2592
</a>
<a href="https://www.instagram.com/estetica_malusoares/" target="_blank" rel="noopener noreferrer">
<img src="img/icons/ig-icon.svg" alt="">
@estetica_malusoares
</a>
</div>
<a class=endereco-footer href="https://goo.gl/maps/oJiSDrwQRLVxdxkY9" target="_blank"
rel="noopener noreferrer">
<!-- <img src="img/icons/maps-icon.svg" alt=""> -->
Av. Mal. Floriano Peixoto, 170 - sala 1407 <br> Centro, Curitiba - PR
</a>
</div>
</div>
</footer>
</body>
</html>