-
Notifications
You must be signed in to change notification settings - Fork 0
/
Servicios.html
112 lines (107 loc) · 5.69 KB
/
Servicios.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="description" content="Belleza, Tips">
<title>Style & Design</title>
<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 href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body background="img/fondo1.jpg">
<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">
<main>
<ul class="collection with-header">
<li class="collection-header #f48fb1 pink lighten-3"><h4>Servicios</h4></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Manicura<a href="Manicura.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Tratamiento Facial<a href="Tratamiento.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Depilaciones<a href="Depilaciones.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Manicura convencional<a href="Manicura_Conv.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Extensiones<a href="Extensiones.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Cortes de cabello
<a href="Cortes.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Tintes<a href="Tintes.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
<li class="collection-item #ffcdd2 red lighten-4"><div>Pedicure<a href="Pedicure.html" class="secondary-content"><i class="material-icons">send</i></a></div></li>
</ul>
<p class = "tipro2">Siempre hermosas ♥...</p>
<div class="carousel carousel-slider">
<a class="carousel-item" href="#four!"><img src="img/es.jpg"></a>
<a class="carousel-item" href="#one!"><img src="img/es2.jpg"></a>
</div>
<br>
<br>
<br>
</main>
</div>
<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 src="js/materialize.js"></script>
<!--<script src="js/materialize.min.js"></script>-->
<script src="js/add.js"></script>
</html>