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"%>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<title>Bootcamp</title>
<meta name="author" content="cssremix.com">
<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"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="form.css" type="text/css">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="formJS.js"></script>
<script src="Javascript.js"></script>
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<title>Formulario Postulante</title>
......@@ -135,4 +136,5 @@ pageEncoding="UTF-8"%>
}
init();
})();
</script>
\ No newline at end of file
</script>
src/main/webapp/index.html
......@@ -30,8 +30,6 @@
<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="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="protected">Recurso Protegido</a></li>
</li>
......@@ -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>
</div>
<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> -->
</div>
</div>
......
src/main/webapp/menu.css
* {
box-sizing: border-box;
}
body {
font-family: 'Concert One', cursive;
font-size: 13px
......
src/main/webapp/menu.html
......@@ -10,7 +10,9 @@
* {
box-sizing: border-box;
}
a{
text-decoration:none;
}
body {
font-family: 'Concert One', cursive;
font-family: 'Francois One', sans-serif;
......
src/main/webapp/postulante-consulta.jsp
......@@ -20,11 +20,35 @@
</div>
<div class="container">
<h1>Lista Postulantes</h1>
<form action="filtros-postulante" >
<input type="search" name="nombreBuscar"
placeholder="Buscar por nombre">
<button type="submit">Buscar</button>
<div class="filtros">
<form action="filtros-postulante" >
<input type="search" name="nombreBuscar"
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>
<table>
<tr>
<th>#</th>
......@@ -37,24 +61,15 @@
<th>Experiencia laboral</th>
<th>Estudio universitario</th>
<th>
<form action="filtros-postulante" method="post">
<input type="hidden" name="nombre" value="notebook">
<button type="submit">Notebooks</button>
</form>
Notebooks
</th>
<th>
<form action="filtros-postulante" method="post">
<input type="search" name="nombre" placeholder="Buscar por Bootcamp" required>
<button type="submit">Bootcamp</button>
</form>
Bootcamps
</th>
<th>
<form action="filtros-postulante" method="post">
<input type="hidden" name="nombre" value="aceptado">
<button class="aceptado" type="submit">Aceptado</button>
</form>
Aceptados
</th>
<th></th>
</tr>
<tbody class="tcuerpo">
<c:forEach var="postulante" items="${postulantes}" varStatus="myIndex">
......
src/main/webapp/postulante.css
......@@ -3,7 +3,7 @@ body{
background-image: url(imagenes/descarga.svg);
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
font-weight: bold;
font-size: medium;
}
img{
......@@ -19,11 +19,11 @@ img{
}
table{
background-color: wheat;
/* background-color: wheat; */
text-align: left;
border-collapse: collapse;
width: 100%;
border-collapse: collapse;
width: 150%;
/* border: solid 3px black; */
}
a{
text-decoration: none;
......@@ -36,6 +36,7 @@ h1{
font-weight:bold;
}
button{
margin:5px;
background-image: url(imagenes/descarga.svg);
......@@ -43,22 +44,39 @@ button{
}
th,td{
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);
}
td{
margin: 20px;
padding: 3px;
border-color: red;
text-align: center;
/* border: solid 1px coral; */
}
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{
color: yellow;}
\ No newline at end of file
color: yellow;}
src/main/webapp/usrebe.html
......@@ -10,6 +10,7 @@ Pinterest: https://pinterest.com/mycnlz/
<div class='box-form'>
<div class='box-login-tab'></div>
<div class='box-login-title'>
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<div class='i i-login'></div><h2> USUARIO </h2>
<link rel="stylesheet" href="usrebe.css">
<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