-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (129 loc) · 5.95 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
<!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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
<main>
<div class="parallax-container">
<div class="parallax"><img src="img/corte.jpg"></div>
</div>
<div class="section white">
<div class="row container">
<h2 class="titulo" > <center>Style & Design </center> </h2>
<h4 class = "subtitulo" class="grey-text text-darken-3 lighten-3"> <center> Comprometidos con tu belleza </center></h4>
<div class="container ">
<center><img class = "justificado" src="img/colores.jpg" class="carta"></center>
<div class="row">
<div class="container">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="img/maquillaje2.jpg"></div>
</div>
<br>
<div class="container">
<div class="row">
<div class="col m6">
<center><h3 class="tipro">Misión</h3></center>
<div class="row">
<div class="col m12">
<p class = "justificado">Nuestra Misión ha sido principalmente enriquecer la Vida de las Mujeres de nuestro país. Esto lo hacemos ofreciento una gran oportunidades de Negocio a ellas, dedicada al cuidado de la piel y maquillaje de calidad y brindandoles las herramientas necesarias basadas en principios y valores enfocados al trabajo en equipo, el respeto a la individualidad, la honestidad y transparencia en nuestras relaciones.</p>
</div>
</div>
</div>
<div class="col m6">
<center><h3 class="tipro">Visión</h3></center>
<div class="row">
<div class="col m12">
<p class = "justificado">
Satisfacer las necesidades de belleza de nuestros clientes ofreciendo servicio de calidad a través de un equipo de profesionales que están a la vanguardia. En nuestra empresa podrá contar con un amplio servicio de peluquería y estética, pero nos diferenciaran por el trato especial con el que atendemos a nuestros clientes y por la excelente calidad en nuestros productos.
</p>
</div>
</div>
</div>
</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 src="js/materialize.js"></script>
<!--<script src="js/materialize.min.js"></script>-->
<script src="js/add.js"></script>
</html>