Skip to content

P
ProyectoFinal-Bootcamp
Commit 704284db by Angel Zarate
Options

Postulante y diseño termiando

parent 0466997c
Showing with 87 additions and 37 deletions
src/main/webapp/bootcamp.jsp
...@@ -7,6 +7,7 @@ pageEncoding="UTF-8"%> ...@@ -7,6 +7,7 @@ pageEncoding="UTF-8"%>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<title>Bootcamp</title> <title>Bootcamp</title>
<meta name="author" content="cssremix.com"> <meta name="author" content="cssremix.com">
<meta name="robots" content="index,follow"> <meta name="robots" content="index,follow">
......
src/main/webapp/formJS.js 0 → 100644
// Get all elements with class="closebtn"
var close = document.getElementsByClassName("closebtn");
var i;
// Loop through all close buttons
for (i = 0; i < close.length; i++) {
// When someone clicks on a close button
close[i].onclick = function(){
// Get the parent of <span class="closebtn"> (<div class="alert">)
var div = this.parentElement;
// Set the opacity of div to 0 (transparent)
div.style.opacity = "0";
// Hide the div after 600ms (the same amount of milliseconds it takes to fade out)
setTimeout(function(){ div.style.display = "none"; }, 600);
}
}
src/main/webapp/formulario.jsp
...@@ -13,6 +13,7 @@ pageEncoding="UTF-8"%> ...@@ -13,6 +13,7 @@ pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="form.css" type="text/css"> <link rel="stylesheet" href="form.css" type="text/css">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="formJS.js"></script>
<script src="Javascript.js"></script> <script src="Javascript.js"></script>
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" /> <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<title>Formulario Postulante</title> <title>Formulario Postulante</title>
...@@ -135,4 +136,5 @@ pageEncoding="UTF-8"%> ...@@ -135,4 +136,5 @@ pageEncoding="UTF-8"%>
} }
init(); init();
})(); })();
</script> </script>
\ No newline at end of file
src/main/webapp/index.html
...@@ -30,8 +30,6 @@ ...@@ -30,8 +30,6 @@
<li class="link-menu"><a href="bootcamp.jsp">Postulate</a></li> <li class="link-menu"><a href="bootcamp.jsp">Postulate</a></li>
<li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a></li> <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a></li>
<li class="link-menu"><a href="manage_postulantes.jsp">Manage Postulantes(perdon angel)</a></li> <li class="link-menu"><a href="manage_postulantes.jsp">Manage Postulantes(perdon angel)</a></li>
<li class="link-menu"><a href="formulario.jsp">Postulate</a></li>
<li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a>
<li class="link-menu"><a href="login.jsp">Login</a> <li class="link-menu"><a href="login.jsp">Login</a>
<li class="link-menu"><a href="protected">Recurso Protegido</a></li> <li class="link-menu"><a href="protected">Recurso Protegido</a></li>
</li> </li>
...@@ -68,7 +66,7 @@ ...@@ -68,7 +66,7 @@
<p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p> <p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p>
</div> </div>
<div class="postulacion"> <div class="postulacion">
<a href="formulario.jsp"><button type="submit" class="cta-main">POSTULACION</button></a> <a href="bootcamp.jsp"><button type="submit" class="cta-main">POSTULACION</button></a>
<!-- <a href="/postulacion" class="cta-main">POSTULACION</a> --> <!-- <a href="/postulacion" class="cta-main">POSTULACION</a> -->
</div> </div>
</div> </div>
......
src/main/webapp/menu.css
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: 'Concert One', cursive; font-family: 'Concert One', cursive;
font-size: 13px font-size: 13px
......
src/main/webapp/menu.html
...@@ -10,7 +10,9 @@ ...@@ -10,7 +10,9 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
a{
text-decoration:none;
}
body { body {
font-family: 'Concert One', cursive; font-family: 'Concert One', cursive;
font-family: 'Francois One', sans-serif; font-family: 'Francois One', sans-serif;
......
src/main/webapp/postulante-consulta.jsp
...@@ -20,11 +20,35 @@ ...@@ -20,11 +20,35 @@
</div> </div>
<div class="container"> <div class="container">
<h1>Lista Postulantes</h1> <h1>Lista Postulantes</h1>
<form action="filtros-postulante" > <div class="filtros">
<input type="search" name="nombreBuscar" <form action="filtros-postulante" >
placeholder="Buscar por nombre"> <input type="search" name="nombreBuscar"
<button type="submit">Buscar</button> placeholder="Buscar por nombre">
<button type="submit">Buscar</button>
<form action="filtros-postulante" method="post">
<form action="filtros-postulante" method="post">
<input type="search" name="nombre" placeholder="Buscar por Bootcamp" required>
<button type="submit">Bootcamp</button>
</form>
<form action="filtros-postulante" method="post">
<input type="hidden" name="nombre" value="notebook">
<button type="submit">Notebooks</button>
<form action="filtros-postulante" method="post">
<input type="hidden" name="nombre" value="aceptado">
<button class="aceptado" type="submit">Aceptado</button>
</form>
</form>
</div>
</form> </form>
<table> <table>
<tr> <tr>
<th>#</th> <th>#</th>
...@@ -37,24 +61,15 @@ ...@@ -37,24 +61,15 @@
<th>Experiencia laboral</th> <th>Experiencia laboral</th>
<th>Estudio universitario</th> <th>Estudio universitario</th>
<th> <th>
<form action="filtros-postulante" method="post"> Notebooks
<input type="hidden" name="nombre" value="notebook">
<button type="submit">Notebooks</button>
</form>
</th> </th>
<th> <th>
<form action="filtros-postulante" method="post"> Bootcamps
<input type="search" name="nombre" placeholder="Buscar por Bootcamp" required>
<button type="submit">Bootcamp</button>
</form>
</th> </th>
<th> <th>
<form action="filtros-postulante" method="post"> Aceptados
<input type="hidden" name="nombre" value="aceptado">
<button class="aceptado" type="submit">Aceptado</button>
</form>
</th> </th>
<th></th>
</tr> </tr>
<tbody class="tcuerpo"> <tbody class="tcuerpo">
<c:forEach var="postulante" items="${postulantes}" varStatus="myIndex"> <c:forEach var="postulante" items="${postulantes}" varStatus="myIndex">
......
src/main/webapp/postulante.css
...@@ -3,7 +3,7 @@ body{ ...@@ -3,7 +3,7 @@ body{
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
font-weight: bold; font-weight: bold;
font-size: medium;
} }
img{ img{
...@@ -19,11 +19,11 @@ img{ ...@@ -19,11 +19,11 @@ img{
} }
table{ table{
background-color: wheat; /* background-color: wheat; */
text-align: left; text-align: left;
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 150%;
border-collapse: collapse; /* border: solid 3px black; */
} }
a{ a{
text-decoration: none; text-decoration: none;
...@@ -36,6 +36,7 @@ h1{ ...@@ -36,6 +36,7 @@ h1{
font-weight:bold; font-weight:bold;
} }
button{ button{
margin:5px; margin:5px;
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
...@@ -43,22 +44,39 @@ button{ ...@@ -43,22 +44,39 @@ button{
} }
th,td{ th,td{
margin: 2px; margin: 2px;
} }
table tr:nth-child(odd) { background-color: rgba(11, 49, 110, 0.75); table tr:nth-child(odd) { /* background-color: aliceblue; */
/* background-color: rgba(11, 49, 110, 0.75) */
background-color: transparent;
} }
table tr:nth-child(even) { background-image: url(imagenes/descarga.svg); table tr:nth-child(even) { background-image: url(imagenes/descarga.svg);
} }
td{ td{
margin: 20px; padding: 3px;
border-color: red;
text-align: center;
/* border: solid 1px coral; */
} }
th{ th{
padding: 3px; padding: 5px;
text-align: center;
/* border: solid 4px black; */
}
th:hover{
background-color: brown;
} }
tbody .tcuerpo{
border: 1px solid transparent; height: 30px; tbody{
margin: 15px;
padding: 15px
} }
tr:hover td { background: #071750; color: rgb(121, 153, 51); }
td, th { border: 1px solid transparent; height: 30px; } tr:hover td { background: aqua; }
th { border: 1px solid black; height: 30px;
background-image: url(imagenes/descarga.svg);
}
button:hover{ button:hover{
color: yellow;} color: yellow;}
\ No newline at end of file
src/main/webapp/usrebe.html
...@@ -10,6 +10,7 @@ Pinterest: https://pinterest.com/mycnlz/ ...@@ -10,6 +10,7 @@ Pinterest: https://pinterest.com/mycnlz/
<div class='box-form'> <div class='box-form'>
<div class='box-login-tab'></div> <div class='box-login-tab'></div>
<div class='box-login-title'> <div class='box-login-title'>
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<div class='i i-login'></div><h2> USUARIO </h2> <div class='i i-login'></div><h2> USUARIO </h2>
<link rel="stylesheet" href="usrebe.css"> <link rel="stylesheet" href="usrebe.css">
<link rel="stylesheet" href="usrebe.js"> <link rel="stylesheet" href="usrebe.js">
......
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