l-assiette/iniciar-sesion.php
2018-09-24 19:16:24 -05:00

67 lines
3.9 KiB
PHP

<div class="contenedor inicio_registro">
<div class="center">
Inicia Sesión.
</div>
<br />
<br />
<br />
<div class="row">
<div class="col-7 center">
<br>
<br>
<br>
<br>
<br>
<br>
<img src="https://www.sbs.com.au/food/sites/sbs.com.au.food/files/styles/full/public/nicoise-salad.jpg?itok=MK0Y7QKN&mtime=1499834368"
alt="plato de comida" class="image">
</div>
<div class="col-5 center">
<br />
<br />
<button type="button" class="google-button" style="width: 213px">
<span class="google-button__icon">
<svg viewBox="0 0 366 372" xmlns="http://www.w3.org/2000/svg">
<path d="M125.9 10.2c40.2-13.9 85.3-13.6 125.3 1.1 22.2 8.2 42.5 21 59.9 37.1-5.8 6.3-12.1 12.2-18.1 18.3l-34.2 34.2c-11.3-10.8-25.1-19-40.1-23.6-17.6-5.3-36.6-6.1-54.6-2.2-21 4.5-40.5 15.5-55.6 30.9-12.2 12.3-21.4 27.5-27 43.9-20.3-15.8-40.6-31.5-61-47.3 21.5-43 60.1-76.9 105.4-92.4z" id="Shape" fill="#EA4335"/><path d="M20.6 102.4c20.3 15.8 40.6 31.5 61 47.3-8 23.3-8 49.2 0 72.4-20.3 15.8-40.6 31.6-60.9 47.3C1.9 232.7-3.8 189.6 4.4 149.2c3.3-16.2 8.7-32 16.2-46.8z" id="Shape" fill="#FBBC05"/><path d="M361.7 151.1c5.8 32.7 4.5 66.8-4.7 98.8-8.5 29.3-24.6 56.5-47.1 77.2l-59.1-45.9c19.5-13.1 33.3-34.3 37.2-57.5H186.6c.1-24.2.1-48.4.1-72.6h175z" id="Shape" fill="#4285F4"/><path d="M81.4 222.2c7.8 22.9 22.8 43.2 42.6 57.1 12.4 8.7 26.6 14.9 41.4 17.9 14.6 3 29.7 2.6 44.4.1 14.6-2.6 28.7-7.9 41-16.2l59.1 45.9c-21.3 19.7-48 33.1-76.2 39.6-31.2 7.1-64.2 7.3-95.2-1-24.6-6.5-47.7-18.2-67.6-34.1-20.9-16.6-38.3-38-50.4-62 20.3-15.7 40.6-31.5 60.9-47.3z" fill="#34A853"/>
</svg>
</span>
<span class="google-button__text">Iniciar con Google</span>
</button>
<br />
<br />
<button style="background-color: #4064ad; height: 40px; border: none; box-shadow: 1px 1px 2px black;
border-radius: 3px">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
id="Capa_1" x="0px" y="0px" width="20px" viewBox="0 0 96.124 96.123"
style="max-height: 18px" xml:space="preserve">
<g>
<path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z" style="fill: rgb(255, 255, 255);"></path>
</g>
</svg>
<span class="google-button__text" style="color: white; padding: 0 13px">Iniciar con Facebook</span>
</button>
<br />
<br />
O inicia sesión con tu correo:<br />
<br />
<br />
<form method="post" onsubmit="return false">
Correo Electrónico:<br />
<input type="text" placeholder="Tu correo Electrónico"><br />
<br />
Contraseña:<br />
<input type="password" placeholder="Contraseña"><br />
<br />
<input class="botonEnviarForm" type="submit" value="Iniciar Sesión">
</form>
<br />
<br />
¿No tienes una cuenta?<br />
<a href="./#registro" id="botonRegistro" class="boton">
Regístrate
</a>
</div>
</div>
<br />
<br />
</div>