-
Notifications
You must be signed in to change notification settings - Fork 0
/
tipss.html
268 lines (256 loc) · 13.9 KB
/
tipss.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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="description" content="Belleza, Tips">
<title>tips</title>
<script type = "text/javascript" src = "https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>
<link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<link rel="icon" href="img/Logo.jpg">
<link rel ="stylesheet" href="css/materialize.min.css">
<link rel ="stylesheet" href="https://fonts.googleapis.com\icon?family=Material+Icons">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
</head>
<body background="img/opaco.png">
<main>
<nav>
<div class="nav-wrapper #f48fb1 pink lighten-3">
<a href="index.html" class="brand-logo"><img src="img/Logo.jpg" class="logo"> </a>
<a href="index.html" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Inicio</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="tipss.html">Tips de Belleza</a></li>
<li><a href="Servicios.html">Servicios</a></li>
<li><a href="opiniones.html">Opiniones</a></li>
<li><a href="contacto.html">Contacto</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</div>
</nav>
<ul class="sidenav #fce4ec pink lighten-5" id="mobile-demo">
<li><a href="index.html">Inicio</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="tipss.html">Tips de Belleza</a></li>
<li><a href="Servicios.html">Servicios</a></li>
<li><a href="opiniones.html">Opiniones</a></li>
<li><a href="contacto.html">Contacto</a></li>
<li><a href="login.html">Login</a></li>
</ul>
<div class="container">
<div class="row">
<br>
<br>
<br>
<div class = "row">
<div class = "col m2">
<center><a href="#" id="ocultar">Ocultar</a>
<br>
<a href="#" id="mostrar">Mostrar</a>
<br></center>
</div>
<div class = "col m10">
<center><img src="img/yei.jpg" alt="logo" id="logo" width="500px" height="350px"class="responsive-img"/></center>
</div>
</div>
<center><h3 class = "tipro">Consejos de maquillaje</h3></center>
<p class = "especial1">Las mujeres aprendemos a hacer muchas cosas de la nada y maquillarnos es una de ellas, pero cuando no tenemos talento o de plano nuestra mamá no nos dio ni un solo consejo al respecto, debemos buscar ayuda en otras partes.</p>
<p class = "especial11">Aquí te dejamos trucos para lograr un buen maquillaje ¡aunque no seas una experta!</p>
<h3 class = "subtitulos">Maquillaje</h3>
<p class="flow-text">Es cierto que una mujer con la cara limpia puede ser igual de hermosa que una mujer que está bien maquillada, simplemente hay que saber valorar la belleza de una y otra.
También es cierto que si te pasas con el maquillaje los resultados pueden ser horribles, por ese motivo siempre aconsejo que si te gusta maquillarte por supuesto debes hacerlo, ¡pero con moderación! Si te ves guapa no hace falta que sigas.</p>
<p class = "especial3"> </p>
<ul class = "collapsible" data-collapsible = "accordion">
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>¿Pestañas bonitas?</div>
<div class = "collapsible-body"><p>Si quieres usar pestañas postizas, hazlo con pegamento quirúrgico; la clave es ponerlas desde el centro hacia los lados. Y aquí un secreto: sabrás que están bien puestas cuando no te molesten.
<br>
<img src="img/tippestana.jpg" class = "imgtips">
</p></div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Oculta tus desvelos</div>
<div class = "collapsible-body"><p>¡Quita ojeras con naranja!.Si tienes ojeras muy marcadas, utiliza maquillaje en tonos naranja en esa zona y luego aplica el corrector.</p>
<img src="img/tipojera.jpg">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Ruborizate</div>
<div class = "collapsible-body"><p>Sonríe para el rubor
El rubor es lo último que debes ponerte. La tendencia actual es marcar la manzana que se forma en tus pómulos al sonreír.</p>
<img src="img/cuadrito2.jpg" class = "imgtips"></div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>¿No tienes tiempo de maquillarte?</div>
<div class = "collapsible-body">
<p>Sólo maquilla tus cejas para lograr un buen look cuando no tienes tiempo para aplicar más maquillaje</p>
<br>
<img src="img/tipceja.png" class = "imgtips">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>¿Tu lapiz delineador ya no pinta?</div>
<div class = "collapsible-body">
<p>Para intensificar el color de tu lápiz delineador viejo, sólo calientalo unos segundos con un encendedor.</p>
<br>
<img src="img/tipcalienta.jpg">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>De claros a oscuros</div>
<div class = "collapsible-body">
<p>El ideal del maquillaje es que tu cara parezca ovalada. Utiliza 3 tonos de maquillaje: uno claro para las partes donde te daría la luz (pómulos, barbilla y en medio de los ojos); otro más oscuro para las zonas de sombra (marca las líneas haciendo una cara de pescado); y la base, de tu tono de piel.</p>
<br>
<img src="img/tipdifum.jpg" class = "imgtips">
</div>
</li>
</ul>
</div>
<h3 class = "subtitulos">Cuidado de la piel</h3>
<p class="flow-text">Algunas personas creen que para lucir una piel tersa y saludable, deben gastar todos sus ahorros en cremas costosas. Sin embargo, esto no tiene que ser así. Algunos consejos y cuidados básicos te ayudarán a mejorar la piel y tener un cutis envidiable. Te damos algunas ideas.</p>
<p class = "especial3"> </p>
<ul class = "collapsible" data-collapsible = "accordion">
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Limpieza a la noche</div>
<div class = "collapsible-body"><p>Al finalizar el día, es fundamental limpiar el rostro para quitar los restos de maquillaje, las células viejas, la suciedad, el polvo y las bacterias. La higiene ayuda a que la piel se oxigene, al quitar las obstrucciones que podían tapar los poros. Luego de la crema de limpieza, se sugiere lavarse con agua tibia.
<br>
<img src="img/tiptibia.jpg" class = "imgtips">
</p></div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i> Protector solar antes de salir</div>
<div class = "collapsible-body"><p>Con la piel limpia y humectada, sólo falta la protección solar. Aunque uno no te vayas a tirar al sol, basta caminar unas cuadras o pararse en el patio a tender la ropa para que el sol queme la piel y deje manchas, además de correr el riesgo de contraer cáncer de piel. Por eso mejor elegir factor de protección 30, para arriba.</p>
<img src="img/tipsolar.jpg" class= "imgtips">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Para tener una piel sana, ¡no exfoliar!</div>
<div class = "collapsible-body"><p>La proliferación de productos “exfoliantes” instaló en las mujeres la costumbre de exfoliar la piel a menudo. Pero para los expertos, esto es un error. Las cremas con gránulos no exfolian y además irritan la piel.</p>
<img src="img/tipexfo.jpg" class = "imgtips"></div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Solo uso jabón suave para la piel</div>
<div class = "collapsible-body">
<p>¿La piel de tu cuerpo tiende a secarse, sobre todo después de la ducha? Es importante usar productos de cuidado de la piel que sean suaves y sin jabón para la rutina de limpieza. Si utilizás productos demasiado fuertes, tu piel puede volverse extremadamente seca y sentirse molesta. Los mejores productos que se pueden usar son: jabones ricos en lípidos.</p>
<br>
<img src="img/tipbano.jpg" class = "imgtips">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Huye del estrés y la fatiga</div>
<div class = "collapsible-body">
<p>La piel sensible reacciona ante situaciones de estrés y de fatiga con brotes y erupciones, así que nuestro consejo es que si tu piel es sensible, evites estas situaciones, practicando ejercicios de relajación.</p>
<br>
<img src="img/tipestres.jpg">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Bebe más agua</div>
<div class = "collapsible-body">
<p>Bebe más agua de tal forma que tu piel produzca menos grasa para prevenir erupciones.</p>
<br>
<img src="img/tipagua.jpg" class = "imgtips">
</div>
</li>
</ul>
<h3 class = "subtitulos">Cabello bonito</h3>
<p class="flow-text">Te gusta el pelo corto o largo? Es recomendable cortarlo al menos una vez al mes y realizar un suave masaje capilar una vez a la semana. A la hora de cepillarlo, conviene usar peines de púas anchas y hacerlo de atrás hacia delante, lo que fomentará la circulación sanguínea en tu cuero cabelludo.</p>
<p class = "especial3"> </p>
<ul class = "collapsible" data-collapsible = "accordion">
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Escoge el cepillo adecuado.</div>
<div class = "collapsible-body"><p> El cepillo depende de la cantidad de cabello que se tiene, así como si es lacio o rizado. Los lacios deben preferir las cerdas separadas, mientras los rizados tienen que evitarlos. Se debe verificar que el cepillo tenga gomita en las cerdas para no lastimar la piel.
<br>
<img src="img/tipcepi.jpg" class = "imgtips">
</p></div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Baño de 5 minutos</div>
<div class = "collapsible-body"><p>No superar la cantidad recomendada es un factor muy determinante. Un estudio de la Universidad de San Diego en Estados Unidos reveló que el exceso de agua y jabón puede debilitar la piel y aumentar la posibilidad de infecciones, ya que destruye las barreras protectoras como son el manto ácido, hidro-lipídico y córneo.En caso de ser dos veces al día, deben ser cortas.</p>
<img src="img/tipbano2.jpg" width="700" height="450">
</div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>Es mejor suelto</div>
<div class = "collapsible-body"><p>Jamás te amarres el cabello húmedo y sécalo muy bien si te bañas antes de dormir.</p>
<img src="img/tipsuelto.jpg" class = "imgtips"></div>
</li>
<li>
<div class = "collapsible-header">
<i class = "material-icons"></i>El peor enemigo...El tinte</div>
<div class = "collapsible-body">
<p>El estrés es uno de los principales enemigos.
Tintes, sobre todo aquellos que van acompañados de sustancias como amoniaco y peróxido.</p>
<br>
<img src="img/tiptinte.jpg">
</div>
</li>
</ul>
</div>
</div>
</main>
<footer class="page-footer #f48fb1 pink lighten-3">
<div class="container">
<div class="row">
<div class="col l6 s12">
<center><h5 class="white-text">Style & Design</h5></center>
<center><p class="grey-text text-lighten-4">"La empresa comprometida con tu belleza"</p></center>
<center><p>Machicao Cardoso Raúl Fernando Prebe 9</p>
<p>Rivera Negrete Manuel Armando Prebe 4</p>
<p>Carballido Garcìa Alicia Prebe 18</p></center>
</div>
<div class="col l4 offset-l2 s12">
<center>
<h5 class="white-text">Siguenos</h5>
<ul>
<a href="https://www.facebook.com" class="btn-floating btn-large waves-effect waves-light #f48fb1 pink lighten-3"><i class="material-icons"><img src="img/Face.png" class="fac"></i></a>
<a href="https://twitter.com" class="btn-floating btn-large waves-effect waves-light #f48fb1 pink lighten-3"><i class="material-icons"><img src="img/twiter.png" class="fac"></i></a>
<a href="https://www.youtube.com/" class="btn-floating btn-large waves-effect #f48fb1 pink lighten-3"><i class="material-icons"><img src="img/you.png" class="fac"></i></a>
<br>
<br>
<a href="Unete.html" class="unfoot">Unete a nuestro equipo de Trabajo</a>
</ul>
</center>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class = "row">
<div class="col m9">
<span style="color:white;">💝</span> © 2018 Copyright
<a class="grey-text text-lighten-4 right" href="#!"></a>
</div>
<div class = "col m3">
<span></span> © Proteco Generación 36
<a class="grey-text text-lighten-4 right" href="#!"></a>
</div>
</div>
</div>
</div>
</footer>
</body>
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/Javascript" src="js/add.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>