Skip to content

P
ProyectoFinal-Bootcamp
Commit 07bbf7a0 by Jose Baez
Options

Merge branch 'formulario_jsp' into 'develop' 

Formulario jsp

See merge request !16
parents f775ac12 32de296d
Showing with 103 additions and 83 deletions
src/main/webapp/formulario.html → src/main/webapp/formulario.jsp
<!DOCTYPE html> <!-- <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
...@@ -7,12 +7,21 @@ ...@@ -7,12 +7,21 @@
<meta id="viewport" content="width=device-width, initial-scale=1.0"> <meta id="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>postulacion</title> <title>postulacion</title>
</head> </head> -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
<body> pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<title>JSP Page</title>
</head>
<body>
<main> <main>
<div> <div>
<p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p> <p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
...@@ -40,24 +49,29 @@ ...@@ -40,24 +49,29 @@
<!-- Si no lo marca el valor que envia es null y si lo marca es "ON" --> <!-- 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> <input id="experiencia_laboral" name="experiencia_laboral" type="checkbox"><br>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p> <p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
<%
LenguajeDao lenDao = new LenguajeDao();
List<Lenguaje> listLenguaje = lenDao.listar();
Iterator<Lenguaje> iter = listLenguaje.iterator();
Lenguaje len = null;
%>
<ul> <ul>
<li> <% while(iter.hasNext()){
<label for="ruby">Ruby:</label><input id="ruby" name="ruby" type="checkbox"><br> len = iter.next();
</li>
<li>
<label for="java">Java: </label><input id="java" name="java" type="checkbox"><br>
</li>
<li>
<label for="python">Python</label><input id="python" name="python" type="checkbox"><br>
</li>
%>
<li> <li>
<label for="c">C++ </label><input id="c" name="c" type="checkbox"><br> <label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label><input value=<%=len.getId() %> id=
<%=len.getNombre_lenguaje() %> name=
<%=len.getNombre_lenguaje() %> type="checkbox"><br>
</li> </li>
<li> <% } %>
<label for="javascript">Javascript </label><input id="javascript" name="javascript" type="checkbox"><br>
</li>
</ul> </ul>
...@@ -73,6 +87,6 @@ ...@@ -73,6 +87,6 @@
</div> </div>
</main> </main>
</body> </body>
</html> </html>
\ No newline at end of file \ No newline at end of file
src/main/webapp/formulario_bootcamp.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ 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"/> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<title>JSP Page</title> <title>JSP Page</title>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Crear Bootcamp</h1> <h1>Crear Bootcamp</h1>
...@@ -18,11 +20,7 @@ pageEncoding="UTF-8"%> ...@@ -18,11 +20,7 @@ pageEncoding="UTF-8"%>
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;
%> %>
<form action="" method="post"> <form action="" method="post">
<label for="lenguaje">Lenguajes:</label> <label for="lenguaje">Lenguajes:</label>
<select name="lenguaje" id="lenguaje"> <select name="lenguaje" id="lenguaje">
...@@ -38,4 +36,5 @@ pageEncoding="UTF-8"%> ...@@ -38,4 +36,5 @@ pageEncoding="UTF-8"%>
</form> </form>
</div> </div>
</body> </body>
</html>
</html>
\ No newline at end of file
src/main/webapp/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<!-- para concectar con css --> <!-- para concectar con css -->
...@@ -22,14 +18,14 @@ ...@@ -22,14 +18,14 @@
</head> </head>
<div class="header"> <div class="header">
<div class="logo"> <div class="logo">
<a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a <a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a>
><!-- logo con link --> <!-- logo con link -->
</div> </div>
<div class="menu"> <div class="menu">
<ul> <ul>
<li class="link-menu"><a href="/">Home</a></li> <li class="link-menu"><a href="">Home</a></li>
<li class="link-menu"><a href="./home.html">Postulate</a></li> <li class="link-menu"><a href="formulario.jsp">Postulate</a></li>
<li class="link-menu"><a href="/ProyectoFinal-Bootcamp/crearBootcamp">Crear bootcamp</a> <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -46,7 +42,8 @@ ...@@ -46,7 +42,8 @@
<!-- <div class="contenido"> --> <!-- <div class="contenido"> -->
<br> <br> <br> <br> <br> <br><br><div class="texto"> <br> <br> <br> <br> <br> <br><br>
<div class="texto">
<div class="titulo"> <div class="titulo">
<div class="titulo"> <div class="titulo">
<h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2> <h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
...@@ -75,40 +72,40 @@ ...@@ -75,40 +72,40 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
<style> <style>
img.logoi{ img.logoi {
width: 200px; width: 200px;
}
} img {
img{
width: 400px; width: 400px;
padding: 10px; padding: 10px;
display: block; display: block;
padding:10px ; padding: 10px;
} }
.header {
.header {
margin-bottom: 0; margin-bottom: 0;
width: 700px; width: 700px;
} }
a{
a {
float: right 100px; float: right 100px;
color: #fff; color: #fff;
font-size: larger; font-size: larger;
text-decoration: none; text-decoration: none;
padding: 10px; padding: 10px;
}
} body {
body {
background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25)); background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
background-size: contain; background-size: contain;
background-attachment: fixed; background-attachment: fixed;
background-blend-mode: multiply; background-blend-mode: multiply;
...@@ -117,8 +114,8 @@ body { ...@@ -117,8 +114,8 @@ body {
position: relative; position: relative;
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
/* ul{ /* ul{
list-style: none; list-style: none;
} }
.menu >ul{ .menu >ul{
...@@ -137,10 +134,10 @@ body { ...@@ -137,10 +134,10 @@ body {
marging-left marging-left
position:relative; position:relative;
} */ } */
.menu {
.menu {
width: 400%; width: 400%;
float: left; float: left;
} }
.menu ul li { .menu ul li {
...@@ -148,11 +145,11 @@ body { ...@@ -148,11 +145,11 @@ body {
list-style-type: none; list-style-type: none;
text-align: right; text-align: right;
} }
div.menu{
float: right;
div.menu {
float: right;
} }
.menu ul li a { .menu ul li a {
padding-left: 5px; padding-left: 5px;
text-decoration: none; text-decoration: none;
...@@ -164,40 +161,47 @@ body { ...@@ -164,40 +161,47 @@ body {
padding-bottom: 50px; padding-bottom: 50px;
white-space: nowrap; white-space: nowrap;
} }
.grafico,svg {
.grafico,
svg {
max-width: 50px; max-width: 50px;
display: block; display: block;
height: auto; height: auto;
} }
.seccion.hero {
.seccion.hero {
margin-top: 10px; margin-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
width: 900px; width: 900px;
} }
.hero {
.hero {
perspective: 100px; perspective: 100px;
} }
.hero {
.hero {
display: grid; display: grid;
grid-template-columns: auto repeat(5, 0.5fr) auto; grid-template-columns: auto repeat(5, 0.5fr) auto;
} }
.hero {
.hero {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-left: 200px; padding-left: 200px;
/* padding-right: 200px; /* padding-right: 200px;
*/ */
} }
/* */ /* */
.postulacion{
border-radius: 30px; .postulacion {
} border-radius: 30px;
.cta-main{ }
.cta-main {
width: 200px; width: 200px;
font-family: monospace; font-family: monospace;
background-color: yellow; background-color: yellow;
border: none; border: none;
} }
</style> </style>
\ No newline at end of file
src/main/webapp/index.jsp
...@@ -14,7 +14,8 @@ ...@@ -14,7 +14,8 @@
</h1> </h1>
<br/> <br/>
<a href="hello-servlet">Hello Servlet</a><br> <a href="hello-servlet">Hello Servlet</a><br>
<a href="./formulario.html">Postulate aqui</a>
</body> </body>
</html> </html>
......
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