Skip to content

P
ProyectoFinal-Bootcamp
Commit aeb90489 by Yovan Martinez
Options

merge origin

parents d7ea752e 83a3c531
Showing with 328 additions and 71 deletions
src/main/webapp/estilos/form.css 0 → 100644
/* el header donde va el logo y el menu */
html,body{
background-image: url(imagenes/descarga.svg);
}
/* damos los estilos a todo lo que contiene el body */
body{
background-color: rgba(11, 49, 110, 0.75);
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
color: wheat;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
height: 160%;}
}
/* para el logo */
img{
width: 165px;
padding: 10px;
}
p.enter{
text-align: center;
font-size: 20px;
}
/* para el parrafo */
p:hover{
color: yellow;
}
/* para el create o sea para el main */
.create{
width: 100%;
max-width: 785px;
min-width: 320px;
border-radius: 15px;
background-color: rgba(11, 49, 110, 0.75);
padding: 1rem;
}
/* contenedor */
/* para el forrmulario */
.form label{
display: block;
border: none;
align-items:center;
}
.form input{
display: block;
border: none;
width: 50%;
align-items:center;
}
.form input[type="email"],.form input[type="text"],.form input[type="number"]{
background-color: transparent;
border-radius: 10px;
border: 1px solid #000;
}
.form input:hover{
background-color: wheat;
}
a{
text-decoration: none;
}
ul{
list-style:none;
font-size:15px;
}
a{
text-decoration:none;
color:black;
background-color: #21211d;
border-radius: 10px;
color: #FFF;
padding: 10px;
margin:15px;
text-decoration: none;
cursor: pointer;
background-image: url(imagenes/descarga.svg);
}
.form input[type="reset"] , .form input[type="submit"]{
text-decoration:none;
background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg);
border-radius: 10px;;
padding: 15px;
border-radius: 10px;
text-decoration: none;
color:#ffff;
text-align:left;
cursor: pointer;
width:80px;
text-align:center;
}
input#ruby,input#python,input#c,input#javascript,input#java{
width:20px;
}
input#experiencia_laboral,input#notebook,input#universidad{
width:100px;
}
/* parrafo final */
//mi parte jose leeme
</style>
src/main/webapp/formulario.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" <<<<<<< HEAD=======>>>>>>> 83a3c531a8a7130549d357f69034fe5d79ee8984
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8"%>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" /> <<<<<<< HEAD <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="Javascript.js"></script> <script src="Javascript.js"></script>
<title>JSP Page</title> <title>JSP Page</title>
</head> =======
<link href="estilos/form.css" rel="stylesheet" type="text/css" />
<body> <link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<main> <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<title>Formulario Postulante</title>
<div> >>>>>>> 83a3c531a8a7130549d357f69034fe5d79ee8984
<p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p> </head>
<form method="post" action="SaveServlet" id=""> <body>
<header>
<label for="nombre">Ingrese su Nombre:</label> <div class="logo">
<input required id="nombre" name="nombre" type="text"><br> <img src="imagenes/logo-roshka.svg" alt="log-roshka" />
</div>
<label for="apellido">Ingrese su Apellido:</label> </header>
<input required id="apellido" name="apellido" type="text"><br> <main class="create">
<article class="contenedor">
<label for="cedula">Numero de cedula:</label> <div>
<input required id="cedula" name="cedula" type="number"><br> <p class="enter">Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
<label for="correo">Correo:</label> <form method="post" action="SaveServlet" class="form">
<input required id="correo" name="correo" type="email"><br>
<label for="nombre">Ingrese su Nombre:</label>
<label for="telefono">Telefono:</label> <input required id="nombre" name="nombre" type="text"><br>
<input required id="telefono" name="telefono" type="text"><br>
<label for="apellido">Ingrese su Apellido:</label>
<label for="direccion">Direccion:</label> <input required id="apellido" name="apellido" type="text"><br>
<input required id="direccion" name="direccion" type="text"><br>
<label for="cedula">Numero de cedula:</label>
<label for="experiencia_laboral">Experiencia laboral</label> <input required id="cedula" name="cedula" type="number"><br>
<!-- Si no lo marca el valor que envia es null y si lo marca es "ON" -->
<input id="experiencia_laboral" name="experiencia_laboral" type="checkbox"><br> <label for="correo">Correo:</label>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p> <input required id="correo" name="correo" type="email"><br>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %> <label for="telefono">Telefono:</label>
<% <input required id="telefono" name="telefono" type="text"><br>
<label for="direccion">Direccion:</label>
<input required id="direccion" name="direccion" type="text"><br>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
<%
LenguajeDao lenDao = new LenguajeDao(); LenguajeDao lenDao = new LenguajeDao();
List<Lenguaje> listLenguaje = lenDao.listar(); List<Lenguaje> listLenguaje = lenDao.listar();
Iterator<Lenguaje> iter = listLenguaje.iterator(); Iterator<Lenguaje> iter = listLenguaje.iterator();
Lenguaje len = null; Lenguaje len = null;
%> %>
<ul id="sectionForm"> <ul id="sectionForm">
<% while(iter.hasNext()){ <% while(iter.hasNext()){
len = iter.next(); len = iter.next();
%> %>
<li> <li>
<label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label> <label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label>
<input onclick="enviar(id)" value=<%=len.getId() %> id= <input onclick="enviar(id)" value=<%=len.getId() %> id=
<%=len.getNombre_lenguaje() %> name= <%=len.getNombre_lenguaje() %> name=
<%=len.getNombre_lenguaje() %> type="checkbox" ><br> <%=len.getNombre_lenguaje() %> type="checkbox" ><br>
</li> </li>
<% } %> <% } %>
</ul> </ul>
<label for="notebook">Cuenta con notebook:</label> <label for="experiencia_laboral">Experiencia laboral</label>
<input id="notebook" name="notebook" type="checkbox"><br> <!-- Si no lo marca el valor que envia es null y si lo marca es "ON" -->
<input id="experiencia_laboral" name="experiencia_laboral" type="checkbox"><br>
<label for="universidad">Estudio Universitario: </label> <p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
<input id="universidad" name="universidad" type="checkbox" value="hola"><br>
<label for="notebook">Cuenta con notebook</label>
<input id="enviacion" type="submit"> <input id="notebook" name="notebook" type="checkbox"><br>
<input type="reset" value="Borrar" href="">
</form> <label for="universidad">Estudio Universitario </label>
</div> <input id="universidad" name="universidad" type="checkbox"><br>
</main> <input class="enviar" type="submit">
</body> <input class="borrar" type="reset" value="Borrar"><br>
</html> <a href="index.html">volver</a>
\ No newline at end of file
</form>
</article>
</main>
</body>
</html>
<style>
/* el header donde va el logo y el menu */
html,
body {
background-image: url(imagenes/descarga.svg);
}
/* damos los estilos a todo lo que contiene el body */
body {
background-color: rgba(11, 49, 110, 0.75);
font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
color: wheat;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
height: 160%;
}
}
/* para el logo */
img {
width: 165px;
padding: 10px;
}
p.enter {
text-align: center;
font-size: 20px;
}
/* para el parrafo */
p:hover {
color: yellow;
}
/* para el create o sea para el main */
.create {
width: 100%;
max-width: 785px;
min-width: 320px;
border-radius: 15px;
background-color: rgba(11, 49, 110, 0.75);
padding: 1rem;
}
/* contenedor */
/* para el forrmulario */
.form label {
display: block;
border: none;
align-items: center;
}
.form input {
display: block;
border: none;
width: 50%;
align-items: center;
}
.form input[type="email"],
.form input[type="text"],
.form input[type="number"] {
background-color: transparent;
border-radius: 10px;
border: 1px solid #000;
}
.form input:hover {
background-color: wheat;
}
a {
text-decoration: none;
}
ul {
list-style: none;
font-size: 15px;
}
a {
text-decoration: none;
color: black;
background-color: #21211d;
border-radius: 10px;
color: #FFF;
padding: 10px;
margin: 15px;
text-decoration: none;
cursor: pointer;
background-image: url(imagenes/descarga.svg);
}
.form input[type="reset"],
.form input[type="submit"] {
text-decoration: none;
background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg);
border-radius: 10px;
;
padding: 15px;
border-radius: 10px;
text-decoration: none;
color: #ffff;
text-align: left;
cursor: pointer;
width: 80px;
text-align: center;
}
input#ruby,
input#python,
input#c,
input#javascript,
input#java {
width: 20px;
}
input#experiencia_laboral,
input#notebook,
input#universidad {
width: 100px;
}
/* parrafo final */
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment