Skip to content

P
ProyectoFinal-Bootcamp
Commit ee567f0d by Rebecca Arzamendia
Options

css de los jsp

parent 9f750c7a
Showing with 78 additions and 51 deletions
src/main/webapp/bootcamp.html
...@@ -13,11 +13,12 @@ ...@@ -13,11 +13,12 @@
</style> </style>
<style>#hero{padding:40px 0;margin-bottom:40px;background-color:white;color:white}#hero h1{margin-bottom:40px;color:#fff}.footer{margin-top:40px;padding:40px 0;background-color:white;color:white}.footer a{color:white}.table-responsive{font-size:15px} <style>#hero{padding:40px 0;margin-bottom:40px;background-color:white;color:white}#hero h1{margin-bottom:40px;color:#fff}.footer{margin-top:40px;padding:40px 0;background-color:white;color:white}.footer a{color:white}.table-responsive{font-size:15px}
h2 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; } h2 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
h1 { color: white; font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100;} h1 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
h3 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; } h3 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
h4 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; } h4 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
h6 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; } h6 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
mb-1 { color: black; } mb-1 { color: black; }
@media (min-width: 400px) {p {font-size: 17px, color white;} .leading{font-size:1.25rem;font-weight:300;} } @media (min-width: 400px) {p {font-size: 17px, color white;} .leading{font-size:1.25rem;font-weight:300;} }
...@@ -86,11 +87,11 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont ...@@ -86,11 +87,11 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont
<body> <body>
<div class="col-lg-7 mx-auto mt-5 mb-5"> <div class="col-lg-7 mx-auto mt-5 mb-5">
<h3 class="h3 mt-5">¿QUE ES UN BOOTCAMP?</h3> <h2 class="h2 mt-5">¿QUE ES UN BOOTCAMP?</h2>
<br> <br>
<h6> ES UN CAMPO DE ENTRENAMIENTO INTENSIVO Y GRATUITO PARA PRINCIPIANTES QUE YA PROGRAMAN Y QUIEREN SER PARTE DE LA EMPRESA </h6> <h6> ES UN CAMPO DE ENTRENAMIENTO INTENSIVO Y GRATUITO PARA PRINCIPIANTES QUE YA PROGRAMAN Y QUIEREN SER PARTE DE LA EMPRESA </h6>
<br> <br>
<h3 class="h4">¿CUANTOS MESES DURA EL ENTRENAMIENTO Y CUAL ES SU HORARIO?</h3> <h2 class="h2">¿CUANTOS MESES DURA EL ENTRENAMIENTO Y CUAL ES SU HORARIO?</h2>
<br> <br>
<h6>AL SER INTENSIVO Y TENIENDO EN CUENTA QUE LOS ASPIRANTES DEBEN FINALIZARLO CON UN CONOCIMIENTO APTO PARA REALIZAR UN PROYECTO DEL ÁREA, SE DA COMO LAPSO DE TIEMPO UN MES CON UN HORARIO DE 8:00 A 18:00 HS </h6> <h6>AL SER INTENSIVO Y TENIENDO EN CUENTA QUE LOS ASPIRANTES DEBEN FINALIZARLO CON UN CONOCIMIENTO APTO PARA REALIZAR UN PROYECTO DEL ÁREA, SE DA COMO LAPSO DE TIEMPO UN MES CON UN HORARIO DE 8:00 A 18:00 HS </h6>
...@@ -102,7 +103,7 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont ...@@ -102,7 +103,7 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont
<div class="col-lg-7 mx-auto mb-5"> <div class="col-lg-7 mx-auto mb-5">
<h3> REQUISITOS</h3> <h2> REQUISITOS</h2>
</div> </div>
<div class="col-lg-7 mx-auto mb-2"> <div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-fast-forward"></i> <i class="fal fa-fast-forward"></i>
...@@ -140,7 +141,7 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont ...@@ -140,7 +141,7 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont
<div class="col-lg-7 mx-auto mb-5"> <div class="col-lg-7 mx-auto mb-5">
<h3> EDICIONES DE BOOTCAMP </h3> <h2> EDICIONES DE BOOTCAMP </h2>
</div> </div>
</div><!-- /row --> </div><!-- /row -->
......
src/main/webapp/form.css
...@@ -5,16 +5,21 @@ html,body{ ...@@ -5,16 +5,21 @@ html,body{
} }
/* damos los estilos a todo lo que contiene el body */ /* damos los estilos a todo lo que contiene el body */
body{ body{
background-color: rgba(11, 49, 110, 0.75); font-family: 'Quicksand', sans-serif;
font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; color: white;
color: wheat; webkit-font-smoothing: antialiased;
font-weight: bold; -moz-osx-font-smoothing: grayscale;
display: flex; align-items: center;
justify-content: center; height: 150%;}
p{
font-family: 'Quicksand', sans-serif;
color: white;
webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
align-items: center; align-items: center;
height: 160%;} height: 150%;}
}
/* para el logo */ /* para el logo */
img{ img{
width: 165px; width: 165px;
...@@ -27,7 +32,7 @@ p.enter{ ...@@ -27,7 +32,7 @@ p.enter{
} }
/* para el parrafo */ /* para el parrafo */
p:hover{ p:hover{
color: yellow; color: white;
} }
/* para el create o sea para el main */ /* para el create o sea para el main */
...@@ -46,7 +51,7 @@ p:hover{ ...@@ -46,7 +51,7 @@ p:hover{
display: block; display: block;
border: none; border: none;
align-items:center; align-items:center;
color:white
} }
...@@ -57,10 +62,12 @@ p:hover{ ...@@ -57,10 +62,12 @@ p:hover{
align-items:center; align-items:center;
} }
.form input[type="email"],.form input[type="text"],.form input[type="number"]{ .form input[type="email"],.form input[type="text"],.form input[type="number"]{
background-color: transparent; background-color: transparente;
border-radius: 10px; border-radius: 10px;
border: 1px solid #000; border: 1px solid #000;
} }
.form input:hover{ .form input:hover{
background-color: wheat; background-color: wheat;
...@@ -70,10 +77,12 @@ p:hover{ ...@@ -70,10 +77,12 @@ p:hover{
a{ a{
text-decoration: none; text-decoration: none;
} }
ul{ ul{
list-style:none; list-style:none;
font-size:15px; font-size:15px;
} }
a{ a{
...@@ -89,19 +98,19 @@ border-radius: 10px; ...@@ -89,19 +98,19 @@ border-radius: 10px;
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
} }
.form input[type="reset"] , .form input[type="submit"]{ .form input[type="reset"] , .form input[type="submit"]{
text-decoration:none; text-decoration:none;
background-color: rgba(11, 49, 110, 0.75); background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
border-radius: 5px;; border-radius: 5px;;
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
margin:10px; margin:10px;
text-decoration: none; text-decoration: none;
color:#ffff; color:#ffff;
text-align:left; text-align:left;
cursor: pointer; cursor: pointer;
width:80px; width:80px;
text-align:center; text-align:center;
} }
/*hola mundo*/ /*hola mundo*/
...@@ -113,14 +122,12 @@ input#experiencia_laboral,input#notebook,input#universidad{ ...@@ -113,14 +122,12 @@ input#experiencia_laboral,input#notebook,input#universidad{
width:500px; width:500px;
} }
/* para el alert */ /* para el alert */
.alert { .alert {
padding: 10px; padding: 10px;
background-color: background-color: #2196F3; background-color: background-color: #2196F3;
color: white; color: white;
} }
.alert.info {background-color: #2196F3;} .alert.info {background-color: #2196F3;}
.alert.error {background-color: #ff0000;} .alert.error {background-color: #ff0000;}
.closebtn { .closebtn {
...@@ -133,7 +140,7 @@ width:500px; ...@@ -133,7 +140,7 @@ width:500px;
cursor: pointer; cursor: pointer;
transition: 0.3s; transition: 0.3s;
} }
.closebtn:hover { .closebtn:hover {
color: black; color: black;
} }
Contraer
\ No newline at end of file
src/main/webapp/formulario.jsp
...@@ -11,7 +11,7 @@ pageEncoding="UTF-8"%> ...@@ -11,7 +11,7 @@ pageEncoding="UTF-8"%>
<!-- CSS only --> <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<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>
</head> </head>
<body> <body>
...@@ -43,8 +43,10 @@ pageEncoding="UTF-8"%> ...@@ -43,8 +43,10 @@ pageEncoding="UTF-8"%>
<input required id="telefono" name="telefono" type="text"><br> <input required id="telefono" name="telefono" type="text"><br>
<label for="direccion">Direccion:</label> <label for="direccion">Direccion:</label>
<input required id="direccion" name="direccion" type="text"><br> <input required id="direccion" name="direccion" type="text">
<br>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
<br>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %> <%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
...@@ -65,17 +67,20 @@ pageEncoding="UTF-8"%> ...@@ -65,17 +67,20 @@ pageEncoding="UTF-8"%>
<label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label><input value=<%=len.getId() %> id= <label for=<%=len.getNombre_lenguaje() %> > <%= len.getNombre_lenguaje() %> </label><input 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>
<li class="d-flex"> <li class="d-flex">
<label for="experiencia_laboral" >Experiencia laboral</label> <label for="experiencia_laboral" >Experiencia laboral</label>
</li> </li>
<!-- 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>
<label for="notebook">Cuenta con notebook</label> <label for="notebook">Cuenta con notebook</label>
<input id="notebook" name="notebook" type="checkbox"><br> <input id="notebook" name="notebook" type="checkbox"><br>
...@@ -86,8 +91,7 @@ pageEncoding="UTF-8"%> ...@@ -86,8 +91,7 @@ pageEncoding="UTF-8"%>
<input class="enviar info error" type="submit"> <input class="enviar info error" type="submit">
<input class="borrar" type="reset" value="Borrar"><br> <input class="borrar" type="reset" value="Borrar"><br>
<label for="otro">otro</label>
<input id="otro" name="otro" type="checkbox"><br>
<a href="index.html">volver</a> <a href="index.html">volver</a>
</form> </form>
......
src/main/webapp/formulario_bootcamp.jsp
...@@ -6,12 +6,14 @@ ...@@ -6,12 +6,14 @@
<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" />
<!-- coneccion con el de css -->
<link rel="stylesheet" href="postulante.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>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.entity.Bootcamp, com.roshka.proyectofinal.lenguaje.LenguajeDao, com.roshka.proyectofinal.bootcamp.BootcampDao, com.roshka.proyectofinal.entity.Profesor, com.roshka.proyectofinal.profesor.ProfesorDao, java.util.List,java.util.Iterator" %> <%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.entity.Bootcamp, com.roshka.proyectofinal.lenguaje.LenguajeDao, com.roshka.proyectofinal.bootcamp.BootcampDao, com.roshka.proyectofinal.entity.Profesor, com.roshka.proyectofinal.profesor.ProfesorDao, java.util.List,java.util.Iterator" %>
...@@ -51,6 +53,7 @@ ...@@ -51,6 +53,7 @@
<% } %> <% } %>
</select> </select>
</form> </form>
<br>
</div> </div>
......
src/main/webapp/formulario_lenguaje.jsp
...@@ -6,12 +6,13 @@ ...@@ -6,12 +6,13 @@
<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" />
<link rel="stylesheet" href="postulante.css">
<title>JSP Page</title> <title>JSP Page</title>
</head> </head>
<body> <body>
<div> <div>
<h1>Crear Lenguaje</h1> <h1> CREAR LENGUAJE </h1>
<%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %> <%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
...@@ -37,6 +38,7 @@ ...@@ -37,6 +38,7 @@
Crear Lenguaje Crear Lenguaje
</button> </button>
</form> </form>
<br>
<table> <table>
<thead> <thead>
......
src/main/webapp/formulario_profesor.jsp
...@@ -6,12 +6,13 @@ ...@@ -6,12 +6,13 @@
<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" />
<link rel="stylesheet" href="postulante.css">
<title>JSP Page</title> <title>JSP Page</title>
</head> </head>
<body> <body>
<div> <div>
<h1>Crear Profesor</h1> <h1> CREAR PROFESOR </h1>
<%@ page import="com.roshka.proyectofinal.entity.Profesor, com.roshka.proyectofinal.profesor.ProfesorDao, java.util.List,java.util.Iterator" %> <%@ page import="com.roshka.proyectofinal.entity.Profesor, com.roshka.proyectofinal.profesor.ProfesorDao, java.util.List,java.util.Iterator" %>
...@@ -50,6 +51,7 @@ ...@@ -50,6 +51,7 @@
Crear Profesor Crear Profesor
</button> </button>
</form> </form>
<br>
<table> <table>
<thead> <thead>
......
src/main/webapp/postulante-consulta.jsp
...@@ -10,12 +10,12 @@ ...@@ -10,12 +10,12 @@
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" /> <link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<!-- coneccion con el de css --> <!-- coneccion con el de css -->
<link rel="stylesheet" href="postulante.css"> <link rel="stylesheet" href="postulante.css">
<title>Postulantes Manage</title> <title> POSTULANTE MANAGE </title>
</head> </head>
<body> <body>
<div> <div>
<h1>Lista Postulantes</h1> <h1>LISTA POSTULANTES</h1>
<form action="filtros-postulante" > <form action="filtros-postulante" >
<input type="search" name="nombreBuscar" <input type="search" name="nombreBuscar"
placeholder="Buscar por nombre"> placeholder="Buscar por nombre">
......
src/main/webapp/postulante.css
@import 'https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:400,700';
body{ body{
background-image: url(imagenes/descarga.svg); background-image: url(imagenes/descarga.svg);
} height: 100%;
\ No newline at end of file font-family: 'Quicksand', sans-serif;
color: white;
webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1{ font-size: 40px
\ 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