You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.1 KiB
121 lines
3.1 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!--
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/XHtml.xhtml to edit this template
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
|
xmlns:p="http://primefaces.org/ui">
|
|
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
font-family: 'poppins',sans-serif;
|
|
|
|
}
|
|
body {
|
|
background-image: url('https://i.pinimg.com/originals/b7/8e/38/b78e38afa122ed09c12675d352e1ec3d.jpg');
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
|
|
}
|
|
section{
|
|
|
|
position: relative;
|
|
max-width: 400px;
|
|
background-color: transparent;
|
|
border: 2px solid rgba(255,255,255,0.5);
|
|
border-radius: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 2rem 3rem;
|
|
}
|
|
|
|
h2{
|
|
|
|
|
|
font-size:2rem;
|
|
color: white;
|
|
text-align: center;
|
|
|
|
}
|
|
.inputbox{
|
|
position: relative;
|
|
margin: 30px;
|
|
|
|
}
|
|
|
|
label{
|
|
|
|
text-align: center;
|
|
|
|
|
|
color: white;
|
|
font-size: 1rem;
|
|
|
|
}
|
|
|
|
</style>
|
|
<body >
|
|
|
|
|
|
|
|
<ui:composition template="./template/log.xhtml">
|
|
|
|
|
|
|
|
<ui:define name="content">
|
|
<section >
|
|
|
|
<h:form >
|
|
<center>
|
|
<h5 class="pi pi-user" style=" align-items: center; text-align: center; font-size:5rem;color: white;" ></h5>
|
|
|
|
<h2 >Inicio</h2>
|
|
|
|
<div class="inputbox">
|
|
<label for="">Nombre</label>
|
|
|
|
<p:inputText id="nombre" value="#{login.nombre}" required="true" style="background-color: #72A3E1; color: white;" />
|
|
|
|
|
|
</div>
|
|
|
|
<div class="inputbox">
|
|
<label for="">Password</label>
|
|
|
|
<p:password id="pass" value="#{login.pass}" required="true" style="background-color: #72A3E1; color: white;" />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style=" text-align: center;">
|
|
<p:commandButton ajax="false" value="Iniciar sesión" action="#{login.login}" styleClass="ui-button-outlined" style="color: white;"/>
|
|
</div>
|
|
</center>
|
|
</h:form>
|
|
</section>
|
|
|
|
</ui:define>
|
|
|
|
<ui:define name="bottom">
|
|
bottom
|
|
</ui:define>
|
|
|
|
</ui:composition>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|