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 @@
</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}
h2 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; }
h1 { color: white; font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100;}
h3 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; }
h4 { color: white;font-weight: bold;font-family: 'Monaco', sans-serif font-weight: 100; }
h6 { 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-family: 'Quicksand', sans-serif; font-weight: 300; }
h3 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
h4 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
h6 { color: white; font-family: 'Quicksand', sans-serif; font-weight: 300; }
mb-1 { color: black; }
@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
<body>
<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>
<h6> ES UN CAMPO DE ENTRENAMIENTO INTENSIVO Y GRATUITO PARA PRINCIPIANTES QUE YA PROGRAMAN Y QUIEREN SER PARTE DE LA EMPRESA </h6>
<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>
<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
<div class="col-lg-7 mx-auto mb-5">
<h3> REQUISITOS</h3>
<h2> REQUISITOS</h2>
</div>
<div class="col-lg-7 mx-auto mb-2">
<i class="fal fa-fast-forward"></i>
......@@ -140,7 +141,7 @@ lite-youtube{background-color:white;position:relative;display:block;contain:cont
<div class="col-lg-7 mx-auto mb-5">
<h3> EDICIONES DE BOOTCAMP </h3>
<h2> EDICIONES DE BOOTCAMP </h2>
</div>
</div><!-- /row -->
......
src/main/webapp/form.css
......@@ -5,16 +5,21 @@ html,body{
}
/* 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;
font-family: 'Quicksand', sans-serif;
color: white;
webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
align-items: center;
height: 150%;}
p{
font-family: 'Quicksand', sans-serif;
color: white;
webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
align-items: center;
height: 160%;}
height: 150%;}
}
/* para el logo */
img{
width: 165px;
......@@ -27,7 +32,7 @@ p.enter{
}
/* para el parrafo */
p:hover{
color: yellow;
color: white;
}
/* para el create o sea para el main */
......@@ -46,7 +51,7 @@ p:hover{
display: block;
border: none;
align-items:center;
color:white
}
......@@ -57,10 +62,12 @@ p:hover{
align-items:center;
}
.form input[type="email"],.form input[type="text"],.form input[type="number"]{
background-color: transparent;
background-color: transparente;
border-radius: 10px;
border: 1px solid #000;
}
.form input:hover{
background-color: wheat;
......@@ -70,10 +77,12 @@ p:hover{
a{
text-decoration: none;
}
ul{
list-style:none;
font-size:15px;
}
a{
......@@ -89,19 +98,19 @@ border-radius: 10px;
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: 5px;;
padding: 10px;
border-radius: 10px;
margin:10px;
text-decoration: none;
color:#ffff;
text-align:left;
cursor: pointer;
width:80px;
text-align:center;
text-decoration:none;
background-color: rgba(11, 49, 110, 0.75);
background-image: url(imagenes/descarga.svg);
border-radius: 5px;;
padding: 10px;
border-radius: 10px;
margin:10px;
text-decoration: none;
color:#ffff;
text-align:left;
cursor: pointer;
width:80px;
text-align:center;
}
/*hola mundo*/
......@@ -113,14 +122,12 @@ input#experiencia_laboral,input#notebook,input#universidad{
width:500px;
}
/* para el alert */
.alert {
padding: 10px;
background-color: background-color: #2196F3;
color: white;
}
.alert.info {background-color: #2196F3;}
.alert.error {background-color: #ff0000;}
.closebtn {
......@@ -133,7 +140,7 @@ width:500px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
Contraer
\ No newline at end of file
src/main/webapp/formulario.jsp
......@@ -11,7 +11,7 @@ pageEncoding="UTF-8"%>
<!-- 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 rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<title>Formulario Postulante</title>
<title> FORMULARIO POSTULANTE </title>
</head>
<body>
......@@ -43,8 +43,10 @@ pageEncoding="UTF-8"%>
<input required id="telefono" name="telefono" type="text"><br>
<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" %>
......@@ -65,17 +67,20 @@ pageEncoding="UTF-8"%>
<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>
<% } %>
</ul>
<li class="d-flex">
<label for="experiencia_laboral" >Experiencia laboral</label>
</li>
<!-- 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>
<p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
<!-- 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="notebook">Cuenta con notebook</label>
<input id="notebook" name="notebook" type="checkbox"><br>
......@@ -86,8 +91,7 @@ pageEncoding="UTF-8"%>
<input class="enviar info error" type="submit">
<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>
</form>
......
src/main/webapp/formulario_bootcamp.jsp
......@@ -6,12 +6,14 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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>
</head>
<body>
<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" %>
......@@ -51,6 +53,7 @@
<% } %>
</select>
</form>
<br>
</div>
......
src/main/webapp/formulario_lenguaje.jsp
......@@ -6,12 +6,13 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="postulante.css">
<title>JSP Page</title>
</head>
<body>
<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" %>
......@@ -37,6 +38,7 @@
Crear Lenguaje
</button>
</form>
<br>
<table>
<thead>
......
src/main/webapp/formulario_profesor.jsp
......@@ -6,12 +6,13 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="postulante.css">
<title>JSP Page</title>
</head>
<body>
<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" %>
......@@ -50,6 +51,7 @@
Crear Profesor
</button>
</form>
<br>
<table>
<thead>
......
src/main/webapp/postulante-consulta.jsp
......@@ -10,12 +10,12 @@
<link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
<!-- coneccion con el de css -->
<link rel="stylesheet" href="postulante.css">
<title>Postulantes Manage</title>
<title> POSTULANTE MANAGE </title>
</head>
<body>
<div>
<h1>Lista Postulantes</h1>
<h1>LISTA POSTULANTES</h1>
<form action="filtros-postulante" >
<input type="search" name="nombreBuscar"
placeholder="Buscar por nombre">
......
src/main/webapp/postulante.css
@import 'https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:400,700';
body{
background-image: url(imagenes/descarga.svg);
}
\ No newline at end of file
height: 100%;
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