-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathopiniones.html
140 lines (132 loc) · 5.41 KB
/
opiniones.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
<!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=Do+Hyeon" rel="stylesheet">
<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/opaco.png">
<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="container">
<div class="row">
<div class="col m12">
<h2 class="tipro">
Tus opiniones son importantes para nosotros
</h2>
</div>
</div>
<div class="row">
<div class="col m6">
<form>
<div class="row">
<div class="input-field col m12">
<i class="material-icons prefix">mode_edit</i>
<textarea id="icon_prefix2" class="materialize-textarea"></textarea>
<label for="icon_prefix2"> Mensaje</label>
</div>
</div>
</form>
<form action="#">
<p>
<label>
<input type="checkbox" />
<span>Acepto los terminos y condiciones</span>
</label>
</p>
</form>
<center>
<button onclick="Ejecuta()" class="waves-effect #d500f9 purple accent-3 btn-large">Enviar
</button>
</center>
</div>
<div class="col m6">
<h4 class="head"> Ve lo que dicen nuestros usuarios en FaceBook</h4>
<div class="fb-like" data-href="https://armando101.github.io/Proyeto-Web/" data-layout="box_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
<div class="fb-comments" data-href="https://armando101.github.io/Proyeto-Web/" data-numposts="25"></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>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12&appId=577273769321198&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</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>