merge con develop

pom.xml

@@ -37,6 +37,11 @@
             <scope>test</scope>
             <scope>test</scope>
         </dependency>
         </dependency>
         <dependency>
         <dependency>
+            <groupId>org.glassfish.web</groupId>
+            <artifactId>jakarta.servlet.jsp.jstl</artifactId>
+            <version>2.0.0-M1</version>
+        </dependency>
+        <dependency>
             <groupId>org.postgresql</groupId>
             <groupId>org.postgresql</groupId>
             <artifactId>postgresql</artifactId>
             <artifactId>postgresql</artifactId>
             <version>42.3.5</version>
             <version>42.3.5</version>

src/main/java/com/roshka/proyectofinal/Postulante/PostulanteDao.java

+package com.roshka.proyectofinal.Postulante;
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.Postulante;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+
+public class PostulanteDao {
+
+    public static int save(Postulante postulante){
+        int status=0;
+        try{
+            Connection con= DataBase.getConnection();
+            PreparedStatement ps=con.prepareStatement(
+                    "insert into postulante(nombre,apellido,nro_cedula,correo,telefono,direccion,experiencia_laboral,estudio_universitario,notebook,bootcamp_id,aceptado) values (?,?,?,?,?,?,?,?,?,?,?)");
+            ps.setString(1,postulante.getNombre());
+            ps.setString(2,postulante.getApellido());
+            ps.setInt(3,postulante.getNro_cedula());
+            ps.setString(4,postulante.getCorreo());
+            ps.setString(5,postulante.getTelefono());
+            ps.setString(6,postulante.getDireccion());
+            ps.setBoolean(7,postulante.getExpLaboral());
+            ps.setBoolean(8,postulante.getEstudioUniversitario());
+            ps.setBoolean(9,postulante.getNotebook());
+            ps.setInt(10,postulante.getBootcampId());
+            ps.setBoolean(11,postulante.getAceptado());
+            status=ps.executeUpdate();
+            con.close();
+        }catch(Exception ex){ex.printStackTrace();}
+
+        return status;
+    }
+}

src/main/java/com/roshka/proyectofinal/Postulante/PostulanteLenguajeDao.java

+package com.roshka.proyectofinal.Postulante;
+
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.PostulanteLenguaje;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+
+public class PostulanteLenguajeDao {
+
+    public static int save(PostulanteLenguaje lenguajes){
+        int status=0;
+        try{
+            Connection con= DataBase.getConnection();
+            PreparedStatement ps=con.prepareStatement(
+                    "insert into postulante_lenguaje(id_postulante,id_lenguaje) values (?,?)");
+            ps.setInt(1,lenguajes.getIdPostulante());
+            ps.setInt(2,lenguajes.getIdLenguaje());
+            status=ps.executeUpdate();
+            con.close();
+        }catch(Exception ex){ex.printStackTrace();}
+        return status;
+    }
+
+
+}

src/main/java/com/roshka/proyectofinal/Postulante/SaveServlet.java

+package com.roshka.proyectofinal.Postulante;
+
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.Postulante;
+import com.roshka.proyectofinal.entity.Bootcamp;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.annotation.WebServlet;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.io.PrintWriter;
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.Statement;
+
+
+@WebServlet("/SaveServlet")
+public class SaveServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response)
+            throws ServletException, IOException {
+
+        response.setContentType("text/html");
+        PrintWriter out=response.getWriter();
+        boolean rechazarDatos = false;
+        int bootcampActual = 3;
+
+        try {
+            Connection con = DataBase.getConnection();
+            //
+            Statement stmt = con.createStatement();
+            ResultSet rs = stmt.executeQuery("SELECT correo,bootcamp_id FROM postulante WHERE postulante.bootcamp_id =" + bootcampActual);
+            //
+            String nombre=request.getParameter("nombre");
+            String apellido=request.getParameter("apellido");
+            int cedula=Integer.parseInt(request.getParameter("cedula"));
+            String correo=request.getParameter("correo");
+            //BUCLE PARA VERIFICAR EL CORREO EN EL BOOTCAMP ACTUAL
+            while (rs.next()){
+                String correoBase =rs.getString("correo");
+                int bootcampIdBase = rs.getInt("bootcamp_id");
+                if(correo.equals(correoBase) && (bootcampIdBase==bootcampActual)){
+                    rechazarDatos = true;
+                }
+            }
+            String telefono=request.getParameter("telefono");
+            String direccion=request.getParameter("direccion");
+            boolean experienciaProgramando = false;
+            boolean experienciaLaboral = false;
+            boolean universidad = false;
+            boolean notebook = false;
+            if (request.getParameter("experiencia_laboral") != null){
+                experienciaLaboral = true;
+            }
+            if (request.getParameter("experiencia_programando") != null) {
+                experienciaProgramando = true;
+            }
+            if (request.getParameter("notebook") != null){
+                notebook = true;
+            }
+            if (request.getParameter("universidad") != null){
+                universidad = true;
+            }
+            Bootcamp bootcamp = new Bootcamp();
+            Postulante postulante=new Postulante();
+            //SI LOS DATOS SON CORRECTOS NO SE RECHAZAN ENTONCES CARGA A LA BASE
+            if (!rechazarDatos){
+                postulante.setNombre(nombre);
+                postulante.setApellido(apellido);
+                postulante.setNro_cedula(cedula);
+                postulante.setCorreo(correo);
+                postulante.setTelefono(telefono);
+                postulante.setDireccion(direccion);
+                postulante.setExpLaboral(experienciaLaboral);
+                postulante.setEstudioUniversitario(universidad);
+                postulante.setNotebook(notebook);
+                postulante.setBootcampId(bootcampActual);
+                postulante.setAceptado(false);
+            }
+                int status=PostulanteDao.save(postulante);
+                if(status>0){
+                    out.print("<p>Record saved successfully!</p>");
+                    request.getRequestDispatcher("index.html").include(request, response);
+                }else{
+                    if (rechazarDatos){
+                        out.println("El correo ingresado ya esta registrado para el bootcamp actual");
+                    }else {
+                        out.println("Sorry! unable to save record");
+                    }
+                }
+
+        }catch (Exception ex){
+                ex.printStackTrace();
+        }
+        out.close();
+    }
+}

src/main/java/com/roshka/proyectofinal/ProtectedResource.java

 package com.roshka.proyectofinal;
 package com.roshka.proyectofinal;
 
 
-import jakarta.servlet.ServletException;
-import jakarta.servlet.http.*;
 import java.io.*; 
 import java.io.*; 
+import java.util.*; 
+import jakarta.servlet.*;
+import jakarta.servlet.http.*;
 
 
 public class ProtectedResource extends HttpServlet {
 public class ProtectedResource extends HttpServlet {
 
 
@@ -14,16 +15,22 @@ public class ProtectedResource extends HttpServlet {
 			HttpSession session = req.getSession(true);
 			HttpSession session = req.getSession(true);
 
 
 			// Does the session indicate this user already logged in?
 			// Does the session indicate this user already logged in?
-			Object done = session.getValue("logon.isDone");
+			Object done = session.getAttribute("logon.isDone");
 			// marker object
 			// marker object
 			if (done == null) {
 			if (done == null) {
-				// No logon.isDone means he hasn't logged in. // Save the request URL as the true target and redirect to the login page
-				session.putValue("login.target",
-						HttpUtils.getRequestURL(req).toString()); res.sendRedirect(req.getScheme() + "://" + req.getServerName() + ":"
-							+ req.getServerPort() + "/login.html");
+				// No se encuentra loggeado // Guardamos donde trato de dirigirse y lo REDIRIGIMOS AL LOGGIN
+				session.setAttribute("login.target",
+						HttpUtils.getRequestURL(req).toString());
+				res.sendRedirect(req.getScheme() + "://" + req.getServerName() + ":"
+							+ req.getServerPort() + "/login.jsp");
 				return;
 				return;
 			}
 			}
-			// If we get here, the user has logged in and can see the goods
-			out.println("Unpublished O'Reilly book manuscripts await you!");
+			// El usuario se loggeo y puede ver el recurso
+			out.println("PUEDES ACCEDER AL RECURSO - ESTAS LOGGEADO");
+
+
+
+
+
 		}
 		}
 	 }
 	 }
\ No newline at end of file

src/main/java/com/roshka/proyectofinal/entity/LoginBean.java

+package com.roshka.proyectofinal.entity;
+
+public class LoginBean {
+    private String username;
+    private String password;
+    private String correo;
+
+    public String getUsername() {
+        return username;
+    }
+
+    public String getPassword() {
+        return password;
+    }
+
+    public void setUsername(String username) {
+        this.username = username;
+    }
+
+    public void setPassword(String password) {
+        this.password = password;
+    }
+
+    public void setCorreo(String correo) {
+        this.correo = correo;
+    }
+
+    public String getCorreo() {
+        return correo;
+    }
+}

src/main/java/com/roshka/proyectofinal/entity/PostulanteLenguaje.java

+package com.roshka.proyectofinal.entity;
+
+public class PostulanteLenguaje {
+
+    private int idPostulante,idLenguaje,id;
+
+    public PostulanteLenguaje() {
+    }
+
+    public PostulanteLenguaje(int idPostulante) {
+        this.idPostulante = idPostulante;
+        this.idLenguaje = idPostulante;
+
+    }
+    public int getId(){
+        return id;
+    }
+    public int getIdPostulante(){
+        return idPostulante;
+    }
+    public void setIdPostulante(int idPostulante) {
+        this.idPostulante = idPostulante;
+    }
+
+    public int getIdLenguaje() {
+        return idLenguaje;
+    }
+
+    public void setIdLenguaje(int idLenguaje) {
+        this.idLenguaje = idLenguaje;
+    }
+}

src/main/java/com/roshka/proyectofinal/entity/Usuario.java

@@ -4,6 +4,7 @@ public class Usuario {
     private int id;
     private int id;
     private String nombre,apellido,correo,contrasena;
     private String nombre,apellido,correo,contrasena;
 
 
+
     public Usuario() {
     public Usuario() {
 
 
     }
     }

src/main/java/com/roshka/proyectofinal/login/LoginDao.java

+package com.roshka.proyectofinal.login;
+
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.Lenguaje;
+import com.roshka.proyectofinal.entity.LoginBean;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+
+public class LoginDao {
+
+    public boolean validate (LoginBean loginBean) {
+        boolean status = false;
+        try {
+            Connection con = DataBase.getConnection();
+
+            PreparedStatement ps=con.prepareStatement(
+                    "select * from usuario where correo=? and contrasena = ?");
+            ps.setString(1,loginBean.getCorreo());
+            ps.setString(2, loginBean.getPassword());
+            ResultSet rs = ps.executeQuery();
+            status = rs.next();
+            con.close();
+        } catch (Exception ex) {
+            ex.printStackTrace();
+        }
+
+            return status ;
+
+    }
+
+}

src/main/java/com/roshka/proyectofinal/login/LoginServlet.java

+package com.roshka.proyectofinal.login;
+
+
+import java.io.IOException;
+import java.io.PrintWriter;
+import java.security.NoSuchAlgorithmException;
+
+import jakarta.servlet.ServletException;
+import jakarta.servlet.annotation.WebServlet;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import com.roshka.proyectofinal.entity.LoginBean;
+import com.roshka.proyectofinal.login.md5JavaHash;
+import jakarta.servlet.http.HttpSession;
+
+import static java.lang.System.out;
+
+
+/**
+ * Servlet implementation class LoginServlet
+ */
+@WebServlet("/login")
+public class LoginServlet extends HttpServlet {
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * @see HttpServlet#HttpServlet()
+     */
+    public LoginServlet() {
+        super();
+        // TODO Auto-generated constructor stub
+    }
+
+    /**
+     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
+     */
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        // TODO Auto-generated method stub
+        response.getWriter().append("Served at: ").append(request.getContextPath());
+    }
+
+    /**
+     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
+     */
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        LoginDao loginDao = new LoginDao();
+        md5JavaHash passEncrip = new md5JavaHash();
+        String passwordMD5 = "";
+        PrintWriter out = response.getWriter();
+
+        String username = request.getParameter("username");
+        String correo = request.getParameter("correo");
+        String password = request.getParameter("password");
+        LoginBean loginBean = new LoginBean();
+        loginBean.setUsername(username);
+        try {
+            passwordMD5 = passEncrip.getHashPass(password);
+        } catch (NoSuchAlgorithmException e) {
+            e.printStackTrace();
+        }
+        out.println(passwordMD5);
+        loginBean.setPassword(passwordMD5);
+        loginBean.setCorreo(correo);
+
+        out.println("EL pass encriptado es: " +passwordMD5);
+
+        if (loginDao.validate(loginBean))
+        {
+                HttpSession session = request.getSession(true); //incluir nota de sesion valida
+                session.setAttribute("logon.isDone", username);
+
+
+
+                // Tratar de re-dirigir a la pagina que el usuario quiso acceder
+                try {
+                    String target = (String) session.getAttribute("login.target");
+                    response.sendRedirect("loginSuccess.jsp");
+                    if (target != null)
+                        response.sendRedirect(target);
+                    return;
+                }
+                catch (Exception ignored) { }
+
+                // Si no es posible redireccionar a la pagina solicitada, llevar a la main page
+                //response.sendRedirect(request.getScheme() + "://" +
+                       // request.getServerName() + ":" + request.getServerPort());
+                System.out.println("redirigir al index.html");
+
+        } else {
+
+            //si no es un user valido - mandar error y redireccionar al inicio de sesion
+
+            out.println("<p> You may want to <a href='/login.jsp'> try again </a> </p>");
+//            request.getRequestDispatcher("login.jsp").include(request, response);
+//            response.sendRedirect("login.jsp");
+            }
+    }
+
+
+
+}

src/main/java/com/roshka/proyectofinal/login/md5JavaHash.java

+package com.roshka.proyectofinal.login;
+import java.security.*;
+
+
+public class md5JavaHash {
+
+    private String hashpass="";
+
+    public String getHashPass(String password) throws
+            NoSuchAlgorithmException{
+
+        String plainText = password;
+        MessageDigest mdAlgorithm = MessageDigest.getInstance("MD5");
+        mdAlgorithm.update(plainText.getBytes());
+
+        byte[] digest = mdAlgorithm.digest();
+        StringBuffer hexString = new StringBuffer();
+
+        for (int i = 0; i < digest.length; i++) {
+            plainText = Integer.toHexString(0xFF & digest[i]);
+
+            if (plainText.length() < 2) {
+                plainText = "0" + plainText;
+            }
+
+            hexString.append(plainText);
+        }
+        hashpass = hexString.toString();
+
+        return hashpass;
+    }
+
+
+}

src/main/webapp/bootcamp.html

+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Bootcamp</title>
+    <meta name="author" content="cssremix.com">
+    <meta name="robots" content="index,follow">
+    <link rel="canonical" href="https://cssremix.com">
+
+<style>
+@charset "UTF-8";:root{--bs-font-bold:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",bold,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient;--bs-body-font-family:var(--bs-font-bold);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:white;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background:url('https://www.bgeneral.com/wp-content/uploads/2020/09/landing%20recargas/fondo-azul-desktop.png');margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem;margin-top:0;margin-bottom:1rem}img{vertical-align:middle}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.lead{font-size:1.25rem;font-weight:300}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.40rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){h3{font-size:1.75rem}.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}@media (min-width:992px){.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}}.mx-auto{margin-right:auto!important;margin-left:auto!important}.text-center{text-align:center!important}#hero{padding:80px 0;margin-bottom:40px;background-color:#3f51b5;color:white}#hero h1{margin-bottom:30px;color:white}
+</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; }
+  
+  mb-1 { color: black; }
+@media (min-width: 400px) {p {font-size: 17px, color white;} .leading{font-size:1.25rem;font-weight:300;} }
+.card-body p {font-size: 0rem,background-color white ;font-weight: bold;}
+
+
+
+.star-ratings-css {
+  unicode-bidi: bidi-override;
+  color: white;
+  font-size: 25px;
+  height: 25px;
+  position: relative;
+  padding: 0;
+  margin-left: 10px;
+}
+
+.star-ratings-css-top {
+  color: white;
+  padding: 0;
+  position: absolute;
+  z-index: 1;
+  display: block;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+.star-ratings-css-bottom {
+  padding: 0;
+  display: block;
+  z-index: 0;
+}
+.card-h{
+  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
+  cursor: pointer;
+  height: 90%;
+  background-color: white;
+}
+.card-h:hover{
+  transform: scale(1.025);
+  box-shadow: 0 10px 20px white, 0 4px 8px white;
+  background-color: white;
+}
+.card-h .card-body {padding: 1rem;}
+
+.card-h {height: unset;}
+.card-img-top {
+width: 70%;
+height: 400px;
+object-fit: cover;
+}  
+
+lite-youtube{background-color:white;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;}lite-youtube::before{content:'';display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
+
+</style>
+
+<link rel="preload" as="image" href="images/1280x853.webp">
+<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<noscript><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"></noscript>
+
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6907191851278817" crossorigin="anonymous"></script>
+
+</head>
+
+
+  <body>
+
+<div class="col-lg-7 mx-auto mt-5 mb-5">
+<h3 class="h3 mt-5">¿QUE ES UN BOOTCAMP?</h3>
+<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>
+<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>
+
+
+</div>
+</div><!-- /row -->
+</div><!-- /container -->
+
+
+
+<div class="col-lg-7 mx-auto mb-5">
+<h3> REQUISITOS</h3>
+</div>
+		    <div class="col-lg-7 mx-auto mb-2">
+          <i class="fal fa-fast-forward"></i>
+        </div>
+        <div class="col-lg-7 mx-auto mb-2">
+          <h3 class="h6">1. DISPOSICION DE TIEMPO </h6>
+          <br>
+        </div>
+  		    <div class="col-lg-7 mx-auto mb-2">
+          <i class="fal fa-clone"></i>
+        </div>
+        <div class="col-lg-7 mx-auto mb-2">
+          <h3 class="h6">2. DISPONER DE UNA NOTEBOOK </h6>
+          <br>
+        </div>
+  		    <div class="col-lg-7 mx-auto mb-2">
+          <i class="fal fa-highlighter"></i>
+        </div>
+        <div class="col-lg-7 mx-auto mb-2">
+          <h3 class="h6">3. APROBAR EXAMENES </h6>
+          <br>
+        </div>
+  		    <div class="col-lg-7 mx-auto mb-2">
+          <i class="fal fa-dumbbell"></i>
+        </div>
+        <div class="col-lg-7 mx-auto mb-2">
+          <h3 class="h6">4. FIRMAR CARTA DE COMPROMISO </h3>
+          <br>
+        </div>             
+                          
+	</div>
+</div>
+</div><!-- /row -->
+</div><!-- /container -->
+
+
+<div class="col-lg-7 mx-auto mb-5">
+<h3> EDICIONES DE BOOTCAMP </h3>
+
+</div>
+</div><!-- /row -->
+
+
+
+<div class="row">
+
+
+
+<div class="col-lg-7 mx-auto mb-2" >
+<div class="card card-h mb-4">
+<img src="https://zetsan.com/wp-content/uploads/2020/10/1366_2000.jpeg" lazyload" alt="">
+<div class="card-body">
+<p class="mb-1"> BOOTCAMP JAVA </p>
+<p class="mb-1"> Inicio: 18/04/2023</p>
+<p class="mb-1"> Fin: 18/05/2023</p>
+<form action="aca el link de la pestaña postulacion">
+<input type="submit" value="POSTULAR" />
+</form>
+</div></div>
+</div>
+
+<div class="col-lg-7 mx-auto mb-2">
+<div class="card card-h mb-4">
+<img src="https://www.pngmart.com/files/13/Android-Logo-PNG-File.png" class="card-img-top lazyload" alt="Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics">
+<div class="card-body">
+<p class="mb-1"> BOOTCAMP ANDROID </p>
+<p class="mb-1"> Inicio: 18/06/2023</p>
+<p class="mb-1"> Fin: 18/07/2023</p>
+<form action="aca el link de la pestaña postulacion">
+<input type="submit" value="POSTULAR" />
+</form>
+</div></div>
+</div>
+
+<div class="col-lg-7 mx-auto mb-2">
+<div class="card card-h mb-4">
+<img src="https://p4.wallpaperbetter.com/wallpaper/710/859/671/technology-apple-ios-12-wallpaper-preview.jpg" lazyload" alt="">
+<div class="card-body">
+<p class="mb-1"> BOOTCAMP iOS </p>
+<p class="mb-1"> Inicio: 18/08/2023</p>
+<p class="mb-1"> Fin: 18/09/2023</p>
+<form action="aca el link de la pestaña postulacion">
+<input type="submit" value="POSTULAR" />
+</form>
+</div></div>
+</div>
+</div>
+</body>
+
+    </div>
+    </div>
+    </div>
+    </div>
+
+ 
+  </body>
+</html>
+
+

src/main/webapp/estilos/home.css

@@ -5,6 +5,9 @@ img.logoi{
 
 
 img{
 img{
     width: 400px;
     width: 400px;
+    padding: 10px;
+    display: block;
+    padding:10px ;
 }
 }
 .header {
 .header {
     margin-bottom: 0;
     margin-bottom: 0;
@@ -12,15 +15,21 @@ img{
 }
 }
 a{
 a{
     float: right 100px;
     float: right 100px;
+    color: #fff;
+    font-size: larger;
+    text-decoration: none;
+    padding: 10px;
+
 }
 }
 
 
 body {
 body {
-    background: linear-gradient(45deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
-    background-image: url(/project-roshka/imagenes/descarga.svg);
-    background-size: cover;
+    background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
+    background-image: url(webapp/imagenes/descarga.svg);
+
+        background-size: contain;
     background-attachment: fixed;
     background-attachment: fixed;
     background-blend-mode: multiply;
     background-blend-mode: multiply;
-    font-family: "normal";
+    font-family: Georgia, 'Times New Roman', Times, serif;
     color: white;
     color: white;
     position: relative;
     position: relative;
     width: 100px;
     width: 100px;
@@ -59,11 +68,18 @@ body {
   div.menu{
   div.menu{
       float: right;
       float: right;
      
      
+
   }
   }
+  html, body {
+    margin:0;
+    padding:0;
+    height:100%;
+  }
+  
   .menu ul li a {
   .menu ul li a {
     padding-left:  5px;
     padding-left:  5px;
-    text-decoration: none;
-    font-size: clamp(14px, 20px, 1.2vw);
+    
+    font-size: clamp(145px);
     text-transform: uppercase;
     text-transform: uppercase;
     display: block;
     display: block;
     position: relative;
     position: relative;
@@ -77,15 +93,16 @@ body {
     height: auto;
     height: auto;
 }
 }
 .seccion.hero {
 .seccion.hero {
-    padding-bottom: 20px;
-    width: 1098px;
+ margin-top: 10px;
+    padding-bottom: 10px;
+    width: 900px;
 }
 }
 .hero {
 .hero {
-    perspective: 150px;
+    perspective: 100px;
 }
 }
 .hero {
 .hero {
     display: grid;
     display: grid;
-    grid-template-columns: auto repeat(10, 1fr) auto;
+    grid-template-columns: auto repeat(5, 0.5fr) auto;
 }
 }
 .hero {
 .hero {
     display: flex;
     display: flex;
@@ -95,8 +112,35 @@ body {
     /* padding-right: 200px;
     /* padding-right: 200px;
  */
  */
 }
 }
+/*  */
  .postulacion{
  .postulacion{
 border-radius: 30px;
 border-radius: 30px;
-color: blue;
+}
+.cta-main{
+   width: 200px;
+   font-family: monospace;
+background-color: yellow;
+border: none;
+}
+/* Contenido pie de pagina */
+/* usamos media quiere para el responsive */
+/* @media (min-width: 768px)
+.footer {
+    display: grid;
+    grid-template-rows: auto auto;
+    align-items: flex-start;
+    gap: 0;
+    padding: 80px 20px
+} */
+.footer{
+    margin-top: 10px;
+    padding-bottom: 10px;
+    height:100px;
+    width: 100px; 
+    display: grid;
+}
 
 
+.menu-footer  a{
+    text-decoration: none;
+    float: right;
 }
 }
\ No newline at end of file

src/main/webapp/estilos/menu.css

+* {
+    box-sizing: border-box;
+  }
+  
+  body {
+    font-family: 'Concert One', cursive;
+    font-size: 13px
+  }
+  
+  .header, .footer {
+    background-color:rgb(18, 18, 98);
+    color: white;
+    padding: 60px;
+  }
+  
+  .column {
+    float: left;
+    padding: 30px;
+  }
+  
+  .clearfix::after {
+    content: "";
+    clear: both;
+    display: table;
+  }
+  
+  a{
+    color:white;
+  }
+  
+  .menu {
+    width: 50%;
+  }
+  
+  .content {
+    width: 50%;
+  }
+  
+  .menu ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+  
+  .menu li {
+    padding: 8px;
+    margin-bottom: 8px;
+    background-color: rgb(18, 18, 98);
+    color: #ffffff;
+  }
+  
+  .menu li:hover {
+    background-color: rgb(18, 18, 98);
+  }
\ No newline at end of file

src/main/webapp/estilos/usrebe.css

+@import 'https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:400,700';
+
+/*--------------------
+General Style
+---------------------*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body,
+html {
+  height: 100%;
+  font-family: 'Quicksand', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  background: rgba(30,29,31,1);
+background: -moz-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(13, 16, 73) 100%);
+background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(30,29,31,1)), color-stop(100%, rgb(11, 7, 92)));
+background: -webkit-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(21, 11, 159) 100%);
+background: -o-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(33, 23, 119) 100%);
+background: -ms-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(26, 18, 98) 100%);
+background: linear-gradient(135deg, rgba(30,29,31,1) 0%, rgb(8, 10, 110) 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1d1f', endColorstr='#df405a', GradientType=1 );
+}
+
+/*--------------------
+Text
+---------------------*/
+
+h2, h3 {
+  font-size: 16px;
+	letter-spacing: -1px;
+  line-height: 20px;
+}
+
+h2 {
+	color: black;
+	text-align: center;
+}
+
+h3 {
+	color: black;
+	text-align: right;
+}
+
+/*--------------------
+Icons
+---------------------*/
+.i {
+  width: 20px;
+  height: 20px;
+}
+
+.i-login {
+  margin: 13px 0px 0px 15px;
+  position: relative;
+  float: left;
+  background-image: url(data:image/png;base64,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);
+  background-size: 18px 18px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-more {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0ibW9yZSI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik03Ni41LDIyOS41QzM0LjMsMjI5LjUsMCwyNjMuOCwwLDMwNnMzNC4zLDc2LjUsNzYuNSw3Ni41UzE1MywzNDguMiwxNTMsMzA2UzExOC43LDIyOS41LDc2LjUsMjI5LjV6IE03Ni41LDM0NC4yICAgICBjLTIxLjEsMC0zOC4yLTE3LjEwMS0zOC4yLTM4LjJjMC0yMS4xLDE3LjEtMzguMiwzOC4yLTM4LjJzMzguMiwxNy4xLDM4LjIsMzguMkMxMTQuNywzMjcuMSw5Ny42LDM0NC4yLDc2LjUsMzQ0LjJ6ICAgICAgTTUzNS41LDIyOS41Yy00Mi4yLDAtNzYuNSwzNC4zLTc2LjUsNzYuNXMzNC4zLDc2LjUsNzYuNSw3Ni41UzYxMiwzNDguMiw2MTIsMzA2UzU3Ny43LDIyOS41LDUzNS41LDIyOS41eiBNNTM1LjUsMzQ0LjIgICAgIGMtMjEuMSwwLTM4LjItMTcuMTAxLTM4LjItMzguMmMwLTIxLjEsMTcuMTAxLTM4LjIsMzguMi0zOC4yczM4LjIsMTcuMSwzOC4yLDM4LjJDNTczLjcsMzI3LjEsNTU2LjYsMzQ0LjIsNTM1LjUsMzQ0LjJ6ICAgICAgTTMwNiwyMjkuNWMtNDIuMiwwLTc2LjUsMzQuMy03Ni41LDc2LjVzMzQuMyw3Ni41LDc2LjUsNzYuNXM3Ni41LTM0LjMsNzYuNS03Ni41UzM0OC4yLDIyOS41LDMwNiwyMjkuNXogTTMwNiwzNDQuMiAgICAgYy0yMS4xLDAtMzguMi0xNy4xMDEtMzguMi0zOC4yYzAtMjEuMSwxNy4xLTM4LjIsMzguMi0zOC4yYzIxLjEsMCwzOC4yLDE3LjEsMzguMiwzOC4yQzM0NC4yLDMyNy4xLDMyNy4xLDM0NC4yLDMwNiwzNDQuMnoiIGZpbGw9IiNkZjQwNWEiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-save {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0idGljayI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00MzYuNywxOTYuNzAxTDI1OC4xODgsMzc1LjIxM2wtODIuODY5LTgyLjg4N2MtNy4yODctNy4yODctMTkuMTI1LTcuMjg3LTI2LjQxMiwwcy03LjI4NywxOS4xMjUsMCwyNi40MTIgICAgIGw5My44MDgsOTMuODA4YzAuNjMxLDAuODk5LDEuMDE0LDEuOTMyLDEuODE3LDIuNzM1YzMuNzY4LDMuNzY4LDguNzIxLDUuNTA4LDEzLjY1NSw1LjM3NGM0LjkzNCwwLjExNSw5LjkwNy0xLjYwNiwxMy42NzQtNS4zNzQgICAgIGMwLjgwMy0wLjgwNCwxLjE4Ni0xLjgzNiwxLjgxNy0yLjczNWwxODkuNDM0LTE4OS40MzNjNy4yODYtNy4yODcsNy4yODYtMTkuMTI1LDAtMjYuNDEyICAgICBDNDU1LjgwNiwxODkuNDE0LDQ0My45ODcsMTg5LjQxNCw0MzYuNywxOTYuNzAxeiBNMzA2LDBDMTM2Ljk5MiwwLDAsMTM2Ljk5MiwwLDMwNnMxMzYuOTkyLDMwNiwzMDYsMzA2ICAgICBjMTY4Ljk4OCwwLDMwNi0xMzYuOTkyLDMwNi0zMDZTNDc1LjAwOCwwLDMwNiwweiBNMzA2LDU3My43NUMxNTguMTI1LDU3My43NSwzOC4yNSw0NTMuODc1LDM4LjI1LDMwNiAgICAgQzM4LjI1LDE1OC4xMjUsMTU4LjEyNSwzOC4yNSwzMDYsMzguMjVjMTQ3Ljg3NSwwLDI2Ny43NSwxMTkuODc1LDI2Ny43NSwyNjcuNzVDNTczLjc1LDQ1My44NzUsNDUzLjg3NSw1NzMuNzUsMzA2LDU3My43NXoiIGZpbGw9IiMyMGMxOTgiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-warning {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi44MTYgNjEyLjgxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjgxNiA2MTIuODE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTMwNi40MDgsMEMxMzcuMzY4LDAsMC4zNzEsMTM2Ljk5NywwLjM3MSwzMDYuMDM3czEzNi45OTcsMzA2Ljc3OSwzMDYuMDM3LDMwNi43NzlzMzA2LjAzNy0xMzcuODEzLDMwNi4wMzctMzA2LjAzNyAgIEM2MTIuNDQ1LDEzNy43MzksNDc1LjQ0OCwwLDMwNi40MDgsMHogTTMwNi40MDgsNTgzLjE0N2MtMTUyLjIwMywwLTI3Ni4zNjgtMTI0LjE2NS0yNzYuMzY4LTI3Ni4zNjggICBTMTU0LjIwNSwyOS41OTUsMzA2LjQwOCwyOS41OTVTNTgyLjc3NiwxNTMuNzYsNTgyLjc3NiwzMDYuNzc5UzQ1OC42MTEsNTgzLjE0NywzMDYuNDA4LDU4My4xNDd6IE0zMjEuNjEzLDQzMS43NiAgIGMwLDguODI3LTcuMTk1LDE2LjAyMS0xNi4wMjEsMTYuMDIxYy04LjgyNywwLTE2LjAyMS03LjE5NS0xNi4wMjEtMTYuMDIxYzAtOC44MjcsNy4xOTUtMTYuMDIxLDE2LjAyMS0xNi4wMjEgICBTMzIxLjYxMyw0MjIuOTM0LDMyMS42MTMsNDMxLjc2eiBNMjkwLjM4NywzNTMuMjExdi0xODAuMjRjMC04LjAxMSw2LjM3OS0xNC4zOSwxNC4zOS0xNC4zOWM4LjAxMSwwLDE0LjM5LDYuMzc5LDE0LjM5LDE0LjM5ICAgdjE4MC4yNGMwLDguMDExLTYuMzc5LDE0LjM5LTE0LjM5LDE0LjM5QzI5Ni43NjYsMzY4LjQ5MSwyOTAuMzg3LDM2MS4yMjIsMjkwLjM4NywzNTMuMjExeiIgZmlsbD0iI2Y1ZDg3OCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-close {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi40NDUgNjEyLjQ0NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjQ0NSA2MTIuNDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTUyMi42NDIsODkuODA0QzQ2NC45LDMyLjA2MiwzODguMDExLDAsMzA2LjIyMywwUzE0Ny41NDUsMzIuMDYyLDg5LjgwNCw4OS44MDQgICBjLTExOS40MTYsMTE5LjQxNi0xMTkuNDE2LDMxMy40MjIsMCw0MzIuODM4YzU3Ljc0MSw1Ny43NDEsMTM0LjYzMSw4OS44MDQsMjE2LjQxOSw4OS44MDRzMTU4LjY3OC0zMi4wNjIsMjE2LjQxOS04OS44MDQgICBDNjQyLjA1OCw0MDMuMjI1LDY0Mi4wNTgsMjA5LjIyLDUyMi42NDIsODkuODA0eiBNNTAxLjc4Nyw1MDEuNzg3Yy01Mi4xMDEsNTIuMTAxLTEyMS43OTEsODAuOTcyLTE5NS41NjQsODAuOTcyICAgcy0xNDMuNDYzLTI4Ljg3MS0xOTUuNTY0LTgwLjk3MlMyOS42ODcsMzc5Ljk5NSwyOS42ODcsMzA2LjIyM3MyOC44NzEtMTQzLjQ2Myw4MC45NzItMTk1LjU2NHMxMjEuODY2LTgwLjk3MiwxOTUuNTY0LTgwLjk3MiAgIHMxNDMuNDYzLDI4Ljg3MSwxOTUuNTY0LDgwLjk3MnM4MC45NzIsMTIxLjg2Niw4MC45NzIsMTk1LjU2NFM1NTMuODg3LDQ0OS42ODYsNTAxLjc4Nyw1MDEuNzg3eiBNMzk5LjIxOCwyMzQuODk5bC03NC41MTUsNzQuNTE1ICAgbDc0LjUxNSw3NC41MTVjNS42NDEsNS42NDEsNS42NDEsMTUuMjE1LDAsMjAuODU1Yy0zLjE5MSwzLjE5MS02LjM4Myw0LjAwOC0xMC4zOTEsNC4wMDhjLTQuMDA4LDAtNy4xOTktMS42MzMtMTAuMzktNC4wMDggICBsLTc0LjU4OS03NC41MTVsLTc0LjU4OSw3NC41MTVjLTMuMTkxLDMuMTkxLTYuMzgzLDQuMDA4LTEwLjM5LDQuMDA4cy03LjE5OS0xLjYzMy0xMC4zOS00LjAwOCAgIGMtNS42NDEtNS42NDEtNS42NDEtMTUuMjE1LDAtMjAuODU1bDc0LjUxNS03NC41MTVsLTc0LjUxNS03NC41MTVjLTUuNjQxLTUuNjQxLTUuNjQxLTE1LjIxNSwwLTIwLjg1NSAgIGM1LjY0MS01LjY0MSwxNS4yMTUtNS42NDEsMjAuODU1LDBsNzQuNTE1LDc0LjUxNWw3NC41MTUtNzQuNTE1YzUuNjQxLTUuNjQxLDE1LjIxNS01LjY0MSwyMC44NTUsMCAgIEM0MDQuODU4LDIxOS42ODUsNDA0Ljg1OCwyMjguNDQyLDM5OS4yMTgsMjM0Ljg5OXoiIGZpbGw9IiNmNTVhNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-left {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQxNC4yOTggNDE0LjI5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE0LjI5OCA0MTQuMjk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMuNjYzLDQxMC42MzdjMi40NDEsMi40NCw1LjY0LDMuNjYxLDguODM5LDMuNjYxYzMuMTk5LDAsNi4zOTgtMS4yMjEsOC44MzktMy42NjFsMTg1LjgwOS0xODUuODFsMTg1LjgxLDE4NS44MTEgICBjMi40NCwyLjQ0LDUuNjQxLDMuNjYxLDguODQsMy42NjFjMy4xOTgsMCw2LjM5Ny0xLjIyMSw4LjgzOS0zLjY2MWM0Ljg4MS00Ljg4MSw0Ljg4MS0xMi43OTYsMC0xNy42NzlsLTE4NS44MTEtMTg1LjgxICAgbDE4NS44MTEtMTg1LjgxYzQuODgxLTQuODgyLDQuODgxLTEyLjc5NiwwLTE3LjY3OGMtNC44ODItNC44ODItMTIuNzk2LTQuODgyLTE3LjY3OSwwbC0xODUuODEsMTg1LjgxTDIxLjM0LDMuNjYzICAgYy00Ljg4Mi00Ljg4Mi0xMi43OTYtNC44ODItMTcuNjc4LDBjLTQuODgyLDQuODgxLTQuODgyLDEyLjc5NiwwLDE3LjY3OGwxODUuODEsMTg1LjgwOUwzLjY2MywzOTIuOTU5ICAgQy0xLjIxOSwzOTcuODQxLTEuMjE5LDQwNS43NTYsMy42NjMsNDEwLjYzN3oiIGZpbGw9IiM4NzMxNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+/*--------------------
+Login Box
+---------------------*/
+
+.box {
+  width: 330px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.box-form {
+  width: 320px;
+  position: relative;
+  z-index: 1;
+}
+
+.box-login-tab {
+	width: 50%;
+	height: 40px;
+	background: #fdfdfd;
+	position: relative;
+	float: left;
+	z-index: 1;
+  
+  -webkit-border-radius: 6px 6px 0 0;
+     -moz-border-radius: 6px 6px 0 0;
+          border-radius: 6px 6px 0 0;
+  
+	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
+	        transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
+	-webkit-transform-origin: 0 0;
+	        transform-origin: 0 0;
+	-webkit-backface-visibility: hidden;
+	        backface-visibility: hidden;
+	
+	-webkit-box-shadow: 15px -15px 30px rgba(0,0,0,0.32);
+     -moz-box-shadow: 15px -15px 30px rgba(0,0,0,0.32);
+          box-shadow: 15px -15px 30px rgba(0,0,0,0.32);
+}
+
+.box-login-title {
+	width: 35%;
+	height: 40px;
+	position: absolute;
+	float: left;
+	z-index: 2;
+}
+
+.box-login {
+  position: relative;
+  top: -4px;
+  width: 320px;
+  background: #fdfdfd;
+  text-align: center;
+  overflow: hidden;
+  z-index: 2;
+  
+  -webkit-border-top-right-radius: 6px;
+  -webkit-border-bottom-left-radius: 6px;
+  -webkit-border-bottom-right-radius: 6px;
+  -moz-border-radius-topright: 6px;
+  -moz-border-radius-bottomleft: 6px;
+  -moz-border-radius-bottomright: 6px;
+   border-top-right-radius: 6px;
+   border-bottom-left-radius: 6px;
+   border-bottom-right-radius: 6px;
+  
+  -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+     -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+          box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+}
+
+.box-info {
+	width: 260px;
+	top: 60px;
+  position: absolute;
+	right: -5px;
+	padding: 15px 15px 15px 30px;
+	background-color: rgba(255,255,255,0.6);
+	border: 1px solid rgba(255,255,255,0.2);
+	z-index: 0;
+	
+	-webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+    
+    -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+    -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+    box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+}
+
+.line-wh {
+ 	width: 100%;
+  height: 1px;
+  top: 0px;
+  margin: 12px auto;
+	position: relative;
+	border-top: 1px solid rgba(255,255,255,0.3);
+}
+
+/*--------------------
+Form
+---------------------*/
+
+a { text-decoration: none; }
+
+button:focus { outline:0; }
+
+.b {
+	height: 24px;
+	line-height: 24px;
+	background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.b-form {
+	opacity: 0.5;
+	margin: 10px 20px;
+  float: right;
+}
+
+.b-info {
+  opacity: 0.5;
+  float: left;
+}
+
+.b-form:hover, 
+.b-info:hover {
+  opacity: 1;
+}
+
+.b-support, .b-cta {
+	width: 100%;
+	padding: 0px 15px;
+  font-family: 'Quicksand', sans-serif;
+  font-weight: 700;
+  letter-spacing: -1px;
+  font-size: 16px;
+  line-height: 32px;
+  cursor: pointer;
+    
+  -webkit-border-radius: 16px;
+     -moz-border-radius: 16px;
+          border-radius: 16px;
+}
+
+.b-support {
+  border: #87314e 1px solid;
+  background-color: transparent;
+  color: #87314e;
+  margin: 6px 0;
+}
+
+.b-cta {
+  border: #df405a 1px solid;
+  background-color: #df405a;
+  color: #fff;
+}
+
+.b-support:hover, .b-cta:hover {
+  color: #fff;
+	background-color: blue;
+	border: blue 1px solid;
+}
+
+.fieldset-body {
+    display: table;
+}
+
+.fieldset-body p {
+    width: 100%;
+    display: inline-table;
+    padding: 5px 20px;
+    margin-bottom:2px;
+}
+
+label {
+	float: left;
+  width: 100%;
+	top: 0px;
+	color: #032942;
+	font-size: 13px;
+	font-weight: 700;
+	text-align: left;
+	line-height: 1.5;
+}
+
+label.checkbox {
+	float: left;
+  padding: 5px 20px;
+	line-height: 1.7;
+}
+
+input[type=text],
+input[type=password] {
+    width: 100%;
+    height: 32px;
+    padding: 0px 10px;
+    background-color: rgba(0,0,0,0.03);
+    border: none;
+    display: inline;
+    color: #303030;
+    font-size: 16px;
+    font-weight: 400;
+    float: left;
+    
+    -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
+    -moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
+    box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
+}
+
+input[type=text]:focus,
+input[type=password]:focus {
+    background-color: cornflowerblue ;
+    outline: none;
+}
+
+input[type=submit]  {
+  width: 100%;
+  height: 48px;
+  margin-top: 24px;
+  padding: 0px 20px;
+  font-family: 'Quicksand', sans-serif;
+	font-weight: 700;
+	font-size: 18px;
+	color: #fff;
+  line-height: 40px;
+  text-align: center;
+  background-color: blue;
+	border: 1px blue solid;
+	opacity: 1;
+	cursor: pointer;
+}
+
+input[type=submit]:hover {
+	background-color: blue;
+  border: 1px blue solid;
+}
+
+input[type=submit]:focus {
+	outline: none;
+}
+
+p.field span.i {
+	width: 24px;
+  height: 24px;
+  float: right;
+  position: relative;
+  margin-top: -26px;
+  right: 2px;
+  z-index: 2;
+  display: none;
+            
+  -webkit-animation: bounceIn 0.6s linear;
+     -moz-animation: bounceIn 0.6s linear;
+  	   -o-animation: bounceIn 0.6s linear;
+          animation: bounceIn 0.6s linear;
+}
+
+/*--------------------
+Transitions
+---------------------*/
+
+.box-form, .box-info, .b, .b-support, .b-cta,
+input[type=submit], p.field span.i {
+    
+	-webkit-transition: all 0.3s;
+     -moz-transition: all 0.3s;
+      -ms-transition: all 0.3s;
+       -o-transition: all 0.3s;
+          transition: all 0.3s;
+}
+
+/*--------------------
+Credits
+---------------------*/
+
+.icon-credits {
+  width: 100%;
+  position: absolute;
+  bottom: 4px;
+  font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+  font-size: 12px;
+  color: rgba(255,255,255,0.1);
+  text-align: center;
+  z-index: -1;
+}
+
+.icon-credits a {
+  text-decoration: none;
+  color: rgba(255,255,255,0.2);
+}
\ No newline at end of file

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 @@
     <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>
-
-<body>
+</head> -->
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+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>
 
 
@@ -39,9 +48,32 @@
                     <label for="experiencia_laboral">Experiencia laboral</label>
                     <label for="experiencia_laboral">Experiencia laboral</label>
                     <!-- 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>
+
+                    <%@ 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>
+                                <% while(iter.hasNext()){
+                        len = iter.next();
+
+                    %>
+                                    <li>
+                                        <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>
+
+                                    <% } %>
 
 
-                <label for="experiencia_programando">Que lenguajes de programacion conoces:</label>
-                <input id="experiencia_programando" type="checkbox"><br>
+                            </ul>
 
 
                             <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>
@@ -55,6 +87,6 @@
             </div>
             </div>
 
 
         </main>
         </main>
-</body>
+    </body>
 
 
-</html>
+    </html>
\ No newline at end of file

src/main/webapp/formulario_bootcamp.jsp

-<%@ page language="java" contentType="text/html; charset=UTF-8"
-pageEncoding="UTF-8"%>
-<!DOCTYPE html>
-<html>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+    <!DOCTYPE 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>
@@ -17,15 +19,17 @@ pageEncoding="UTF-8"%>
              LenguajeDao lenDao = new LenguajeDao();
              LenguajeDao lenDao = new LenguajeDao();
              List<Lenguaje> listLenguaje = lenDao.listar();
              List<Lenguaje> listLenguaje = lenDao.listar();
              Iterator<Lenguaje> iter =  listLenguaje.iterator();
              Iterator<Lenguaje> iter =  listLenguaje.iterator();
+<<<<<<< HEAD
              Lenguaje len = null;
              Lenguaje len = null;
 
 
              ProfesorDao profeDao = new ProfesorDao();
              ProfesorDao profeDao = new ProfesorDao();
              List<Profesor> listProfesor = profeDao.listar();
              List<Profesor> listProfesor = profeDao.listar();
              Iterator<Profesor> iterProfe =  listProfesor.iterator();
              Iterator<Profesor> iterProfe =  listProfesor.iterator();
              Profesor profe = null;
              Profesor profe = null;
+=======
+                         Lenguaje len = null;
+>>>>>>> develop
              %>
              %>
-
-
                     <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,6 +42,7 @@ pageEncoding="UTF-8"%>
                         </option>
                         </option>
                         <% } %>
                         <% } %>
                     </select>
                     </select>
+<<<<<<< HEAD
 
 
                     <label for="lenguaje">Profesores:</label>
                     <label for="lenguaje">Profesores:</label>
                     <select name="lenguaje" id="lenguaje">
                     <select name="lenguaje" id="lenguaje">
@@ -120,6 +125,10 @@ pageEncoding="UTF-8"%>
                     <% } %>
                     <% } %>
               </tbody>
               </tbody>
             </table>
             </table>
+=======
+                    </form>
+>>>>>>> develop
         </div>
         </div>
     </body>
     </body>
-</html>
+
+    </html>
\ No newline at end of file

src/main/webapp/imagenes/icon-email.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="70" height="42" viewBox="0 0 70 42">
+  <path fill="#FFF" d="M54.407767,0 L5.24271845,0 C2.34605825,0 0,2.36062136 0,5.24271845 L0,36.6990291 C0,39.5982524 2.36330097,41.9417476 5.24271845,41.9417476 L54.407767,41.9417476 C57.2801942,41.9417476 59.6504854,39.6081553 59.6504854,36.6990291 L59.6504854,5.24271845 C59.6504854,2.36574757 57.3137476,0 54.407767,0 Z M53.6735534,3.49514563 C52.6024078,4.56058252 34.1688932,22.8970485 33.5324272,23.5301359 C32.5421359,24.5204272 31.2256311,25.0656699 29.8252427,25.0656699 C28.4248544,25.0656699 27.1083495,24.5203107 26.1147961,23.5268738 C25.6867573,23.1010485 7.45666019,4.96706796 5.97693204,3.49514563 L53.6735534,3.49514563 Z M3.49514563,35.9876505 L3.49514563,5.95631068 L18.5986019,20.9801942 L3.49514563,35.9876505 Z M5.97914563,38.4466019 L21.0766602,23.4450874 L23.6466408,26.0015534 C25.2970485,27.6519612 27.491301,28.5608155 29.8252427,28.5608155 C32.1591845,28.5608155 34.3534369,27.6519612 36.0005825,26.0048155 L38.5738252,23.4450874 L53.6713398,38.4466019 L5.97914563,38.4466019 Z M56.1553398,35.9876505 L41.0518835,20.9801942 L56.1553398,5.95631068 L56.1553398,35.9876505 Z" transform="translate(5)"/>
+</svg>

src/main/webapp/imagenes/icon-location.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
+  <g fill="#FFF" transform="translate(9 5)">
+    <path d="M36.1719612,39.4118447 C42.5194951,29.4514951 41.7215534,30.6941359 41.904466,30.4344466 C44.2154563,27.1748738 45.4368932,23.3384854 45.4368932,19.3398058 C45.4368932,8.73553398 36.8317282,0 26.2135922,0 C15.6300583,0 6.99029126,8.71829126 6.99029126,19.3398058 C6.99029126,23.3359223 8.23735922,27.2727379 10.6240777,30.576233 L16.2549903,39.4119612 C10.2346019,40.3371262 0,43.0942136 0,49.1650485 C0,51.3780583 1.44442718,54.5318447 8.3256699,56.9893981 C13.1305631,58.7053981 19.4832233,59.6504854 26.2135922,59.6504854 C38.7990291,59.6504854 52.4271845,56.1003495 52.4271845,49.1650485 C52.4271845,43.093165 42.2045825,40.3389903 36.1719612,39.4118447 Z M13.5435728,28.6537864 C13.5243495,28.6237282 13.5043107,28.5943689 13.4833398,28.5654757 C11.4972816,25.8332039 10.4854369,22.595068 10.4854369,19.3398058 C10.4854369,10.5998447 17.5230291,3.49514563 26.2135922,3.49514563 C34.8860971,3.49514563 41.9417476,10.6029903 41.9417476,19.3398058 C41.9417476,22.6003107 40.9490097,25.7285825 39.0703689,28.3888544 C38.9020194,28.6109126 39.7803495,27.2464078 26.2135922,48.5346408 L13.5435728,28.6537864 Z M26.2135922,56.1553398 C12.4667184,56.1553398 3.49514563,52.1146019 3.49514563,49.1650485 C3.49514563,47.1826019 8.10500971,43.9229126 18.3201553,42.6523107 L24.7398058,52.7256699 C25.0606602,53.2292039 25.6163883,53.5339806 26.2134757,53.5339806 C26.8105631,53.5339806 27.3664078,53.2290874 27.6871456,52.7256699 L34.1066796,42.6523107 C44.3220583,43.9229126 48.9320388,47.1826019 48.9320388,49.1650485 C48.9320388,52.0895534 40.0412039,56.1553398 26.2135922,56.1553398 Z"/>
+    <path d="M26.2135922,10.6019417 C21.395534,10.6019417 17.4757282,14.5217476 17.4757282,19.3398058 C17.4757282,24.1578641 21.395534,28.0776699 26.2135922,28.0776699 C31.0316505,28.0776699 34.9514563,24.1578641 34.9514563,19.3398058 C34.9514563,14.5217476 31.0316505,10.6019417 26.2135922,10.6019417 Z M26.2135922,24.5825243 C23.3227573,24.5825243 20.9708738,22.2306408 20.9708738,19.3398058 C20.9708738,16.4489709 23.3227573,14.0970874 26.2135922,14.0970874 C29.1044272,14.0970874 31.4563107,16.4489709 31.4563107,19.3398058 C31.4563107,22.2306408 29.1044272,24.5825243 26.2135922,24.5825243 Z"/>
+  </g>
+</svg>

src/main/webapp/imagenes/icon-phone.svg

+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 221.719 221.719" style="enable-background:new 0 0 221.719 221.719;" xml:space="preserve">
+<path fill="#ffffff" d="M180.135,172.169l-4.624-7.721C167.195,150.737,155.718,135,140.664,135c-2.789,0-5.551,0.561-8.285,1.697l-8.08,3.465
+	c-0.738,0.306-1.455,0.654-2.214,1.023c-2.068,1.006-4.413,2.145-6.825,2.145c-5.95,0-12.844-7.743-19.409-21.802
+	c-6.443-13.799-6.032-21.033-4.553-24.673c1.632-4.016,5.427-5.733,9.504-7.276c0.567-0.215,1.079-0.41,1.577-0.615l8.182-3.445
+	c21.316-8.914,13.386-40.065,10.786-50.278l-2.205-8.781C117.257,19.223,112.259,0,95.681,0c-3.069,0-6.343,0.715-9.728,2.126
+	c-2.221,0.882-32.785,13.358-43.858,35.276c-13.234,26.089-10.787,61.074,7.266,103.961c17.918,42.941,41.153,69.206,69.06,78.064
+	c4.787,1.521,10.197,2.291,16.081,2.291c0,0,0.002,0,0.003,0c19.259,0,38.27-8.194,39.813-8.874
+	c6.64-2.813,10.932-7.088,12.756-12.707C190.166,190.608,184.979,180.168,180.135,172.169z M172.805,195.507
+	c-0.424,1.306-1.898,2.498-4.378,3.542c-0.041,0.018-0.091,0.039-0.133,0.058c-0.172,0.076-17.38,7.613-33.793,7.612
+	c-4.342,0-8.225-0.534-11.541-1.588c-23.511-7.463-43.615-30.86-59.766-69.565c-16.271-38.657-18.871-69.401-7.717-91.389
+	c8.661-17.143,35.776-28.018,36.042-28.122c0.054-0.022,0.107-0.043,0.16-0.065C93.223,15.342,94.607,15,95.681,15
+	c3.305,0,6.313,5.126,8.927,15.173l2.195,8.744c4.736,18.6,4.015,30.234-2.048,32.77l-8.143,3.43
+	c-0.324,0.134-0.703,0.275-1.121,0.434c-4.498,1.703-13.858,5.245-18.091,15.657c-3.841,9.448-2.251,21.442,4.856,36.668
+	c9.572,20.493,20.367,30.455,33.002,30.455c5.864,0,10.571-2.288,13.383-3.654c0.518-0.252,0.981-0.483,1.479-0.689l8.092-3.47
+	c0.835-0.348,1.637-0.517,2.451-0.517c3.895,0,10.879,3.857,22.001,22.191l4.621,7.716
+	C172.98,189.311,173.43,193.581,172.805,195.507z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

src/main/webapp/imagenes/logo_footer.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="381" height="98" viewBox="0 0 381 98">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#FFF" d="M16,8 C16,12.4171055 12.4171055,16 8,16 C3.58289446,16 0,12.4171055 0,8 C0,3.58289446 3.58289446,0 8,0 C12.4171055,0 15.9882031,3.58289446 16,7.98820308 L16,8 Z" transform="translate(41 41)"/>
+    <path fill="#96B1D6" d="M44.5503,66.744 L44.2173,67.152 L43.8723,67.571 L43.5143,68.003 L43.1423,68.448 L43.0143,68.6 C42.7843,68.872 42.5483,69.152 42.3043,69.438 L42.0933,69.685 C35.0083,77.978 32.7493,79.635 29.5703,80.084 C27.1523,80.444 24.4493,79.718 22.1323,77.739 C19.8153,75.759 18.6753,73.203 18.6543,70.759 C18.6293,69.275 18.8913,67.945 19.8773,66.126 C15.9973,66.004 12.1163,65.836 8.2373,65.604 C7.8963,67.221 7.7863,68.919 7.9323,70.776 C8.3323,76.235 10.6413,81.002 15.6723,85.3 C20.7033,89.598 25.7733,91.134 31.2273,90.677 C33.3793,90.508 35.2673,90.036 37.0153,89.274 C37.7413,87.218 38.8753,85.264 40.3813,83.502 C42.9263,80.522 46.1603,78.654 49.7273,78.033 C49.8193,77.925 49.9123,77.817 50.0063,77.708 L50.1723,77.514 L50.1443,77.546 C50.1643,77.526 50.1833,77.505 50.2033,77.483 L50.2763,77.4 L51.1013,76.432 L51.6973,75.73 L52.0843,75.27 L52.4653,74.816 L52.8383,74.369 L53.2043,73.927 L53.5623,73.49 L53.9123,73.059 L54.2553,72.632 L54.3903,72.463 C56.0763,70.341 57.4643,68.387 58.5163,66.442 C53.9433,66.438 49.3683,66.446 44.7933,66.444 L44.5503,66.744 Z"/>
+    <path fill="#B2C5DE" d="M30.9699,54.204 L30.4499,54.12 L29.9139,54.03 L29.3609,53.936 L28.7909,53.837 L28.5949,53.802 C28.2439,53.739 27.8839,53.674 27.5139,53.605 L27.1949,53.546 C16.4699,51.557 13.9049,50.429 11.9269,47.901 C10.4059,45.987 9.6839,43.284 10.2399,40.287 C10.7949,37.29 12.4389,35.025 14.5449,33.785 C15.8169,33.022 17.0999,32.583 19.1689,32.528 C17.3339,29.106 15.5389,25.662 13.8009,22.186 C12.2299,22.7 10.7049,23.453 9.1689,24.508 C4.6419,27.584 1.6679,31.967 0.4609,38.473 C-0.7461,44.979 0.4589,50.138 3.5819,54.632 C4.8049,56.412 6.1569,57.811 7.6909,58.944 C9.8349,58.544 12.0929,58.549 14.3729,58.972 C18.2259,59.687 21.4609,61.554 23.7819,64.332 C23.9209,64.358 24.0619,64.384 24.2029,64.411 L24.4539,64.458 L24.4119,64.45 C24.4399,64.457 24.4679,64.463 24.4959,64.469 L24.6049,64.491 L25.8559,64.721 L26.7609,64.886 L27.3539,64.992 L27.9369,65.095 L28.5109,65.194 L29.0759,65.29 L29.6339,65.381 L30.1819,65.469 L30.7229,65.553 L30.9369,65.585 C33.6179,65.984 36.0039,66.209 38.2139,66.148 C35.9309,62.185 33.6369,58.228 31.3519,54.264 L30.9699,54.204 Z"/>
+    <path fill="#1C75BB" d="M35.0394,36.1723 L34.8524,35.6803 L34.6624,35.1713 L34.4674,34.6453 L34.2674,34.1013 L34.2004,33.9143 C34.0794,33.5793 33.9554,33.2343 33.8294,32.8803 L33.7214,32.5743 C30.0814,22.2913 29.7764,19.5063 30.9774,16.5293 C31.8734,14.2553 33.8534,12.2773 36.7264,11.2603 C39.5994,10.2433 42.3834,10.5343 44.5104,11.7383 C45.8074,12.4583 46.8284,13.3503 47.9114,15.1143 C49.9574,11.8143 52.0424,8.5383 54.1834,5.2943 C52.9524,4.1903 51.5384,3.2463 49.8564,2.4443 C44.9294,0.0613 39.6454,-0.3227 33.4084,1.8853 C27.1704,4.0933 23.3054,7.7163 20.9744,12.6673 C20.0444,14.6163 19.5094,16.4873 19.2954,18.3823 C20.7134,20.0393 21.8374,21.9973 22.6114,24.1823 C23.9194,27.8773 23.9204,31.6123 22.6744,35.0113 C22.7214,35.1453 22.7684,35.2803 22.8164,35.4153 L22.9014,35.6563 L22.8874,35.6163 C22.8954,35.6433 22.9034,35.6703 22.9124,35.6983 L22.9484,35.8033 L23.3744,37.0013 L23.6844,37.8683 L23.8884,38.4343 L24.0914,38.9903 L24.2924,39.5373 L24.4924,40.0753 L24.6914,40.6033 L24.8894,41.1223 L25.0884,41.6333 L25.1674,41.8343 C26.1614,44.3553 27.1594,46.5343 28.3174,48.4183 C30.6084,44.4593 32.8884,40.4943 35.1784,36.5333 L35.0394,36.1723 Z"/>
+    <path fill="#4681C1" d="M52.6899,30.6813 L53.0229,30.2733 L53.3679,29.8543 L53.7269,29.4223 L54.0979,28.9773 L54.2259,28.8253 C54.4559,28.5533 54.6919,28.2743 54.9359,27.9873 L55.1469,27.7403 C62.2319,19.4473 64.4909,17.7903 67.6699,17.3413 C70.0879,16.9813 72.7909,17.7073 75.1079,19.6863 C77.4249,21.6663 78.5649,24.2223 78.5859,26.6663 C78.6109,28.1503 78.3489,29.4803 77.3629,31.2993 C81.2429,31.4213 85.1239,31.5893 89.0029,31.8213 C89.3439,30.2043 89.4539,28.5063 89.3079,26.6493 C88.9079,21.1903 86.5989,16.4233 81.5679,12.1253 C76.5369,7.8273 71.4669,6.2913 66.0129,6.7483 C63.8609,6.9173 61.9729,7.3893 60.2249,8.1513 C59.4989,10.2073 58.3649,12.1613 56.8589,13.9233 C54.3139,16.9033 51.0799,18.7713 47.5129,19.3923 C47.4209,19.5003 47.3279,19.6083 47.2339,19.7173 L47.0679,19.9113 L47.0959,19.8793 C47.0759,19.8993 47.0569,19.9203 47.0379,19.9423 L46.9639,20.0253 L46.1389,20.9933 L45.5429,21.6953 L45.1559,22.1553 L44.7749,22.6093 L44.4019,23.0563 L44.0359,23.4983 L43.6779,23.9353 L43.3279,24.3663 L42.9849,24.7933 L42.8499,24.9623 C41.1639,27.0843 39.7759,29.0383 38.7239,30.9833 C43.2969,30.9873 47.8719,30.9793 52.4469,30.9813 L52.6899,30.6813 Z"/>
+    <path fill="#6390C7" d="M66.271,43.2213 L66.791,43.3053 L67.327,43.3953 L67.88,43.4893 L68.45,43.5883 L68.646,43.6233 C68.997,43.6863 69.357,43.7513 69.727,43.8203 L70.046,43.8793 C80.771,45.8683 83.336,46.9963 85.314,49.5243 C86.835,51.4383 87.557,54.1423 87.001,57.1383 C86.446,60.1353 84.802,62.4003 82.696,63.6403 C81.424,64.4033 80.141,64.8423 78.072,64.8973 C79.907,68.3193 81.702,71.7633 83.44,75.2393 C85.011,74.7253 86.536,73.9723 88.072,72.9173 C92.599,69.8413 95.573,65.4583 96.78,58.9523 C97.987,52.4463 96.782,47.2873 93.659,42.7933 C92.436,41.0133 91.084,39.6143 89.55,38.4813 C87.406,38.8813 85.148,38.8763 82.868,38.4533 C79.015,37.7383 75.78,35.8713 73.459,33.0933 C73.32,33.0673 73.179,33.0413 73.038,33.0143 L72.787,32.9673 L72.829,32.9753 C72.801,32.9683 72.773,32.9623 72.745,32.9563 L72.636,32.9343 L71.385,32.7043 L70.48,32.5393 L69.887,32.4333 L69.304,32.3303 L68.73,32.2313 L68.165,32.1353 L67.607,32.0443 L67.059,31.9563 L66.518,31.8733 L66.304,31.8403 C63.623,31.4413 61.237,31.2163 59.027,31.2773 C61.31,35.2403 63.604,39.1973 65.889,43.1613 L66.271,43.2213 Z"/>
+    <path fill="#7DA0CF" d="M62.2009,61.2529 L62.3879,61.7449 L62.5779,62.2539 L62.7729,62.7799 L62.9729,63.3239 L63.0399,63.5109 C63.1609,63.8459 63.2849,64.1909 63.4109,64.5449 L63.5189,64.8509 C67.1589,75.1339 67.4639,77.9189 66.2629,80.8959 C65.3669,83.1699 63.3869,85.1479 60.5139,86.1649 C57.6409,87.1819 54.8569,86.8909 52.7299,85.6869 C51.4329,84.9669 50.4119,84.0749 49.3289,82.3109 C47.2829,85.6109 45.1979,88.8869 43.0569,92.1309 C44.2879,93.2349 45.7019,94.1789 47.3839,94.9809 C52.3109,97.3639 57.5949,97.7479 63.8319,95.5399 C70.0699,93.3319 73.9349,89.7089 76.2659,84.7579 C77.1959,82.8089 77.7309,80.9379 77.9449,79.0429 C76.5279,77.3859 75.4029,75.4279 74.6289,73.2429 C73.3209,69.5479 73.3199,65.8129 74.5659,62.4139 C74.5189,62.2799 74.4719,62.1449 74.4239,62.0099 L74.3389,61.7689 L74.3529,61.8089 C74.3449,61.7819 74.3369,61.7549 74.3279,61.7269 L74.2919,61.6219 L73.8659,60.4239 L73.5559,59.5569 L73.3519,58.9909 L73.1489,58.4349 L72.9479,57.8879 L72.7479,57.3499 L72.5489,56.8219 L72.3509,56.3029 L72.1519,55.7919 L72.0729,55.5909 C71.0789,53.0699 70.0809,50.8909 68.9229,49.0069 C66.6319,52.9659 64.3519,56.9309 62.0619,60.8919 L62.2009,61.2529 Z"/>
+    <path fill="#FFF" d="M113.2502,0.1017 C119.0122,0.1017 122.9972,1.1417 127.1992,3.0907 C130.1012,4.4337 132.1372,6.5567 132.1372,9.1117 C132.1372,10.3247 131.6612,11.7117 130.7512,12.8377 C129.8852,13.8337 128.7152,14.4837 127.1562,14.4837 C125.7262,14.4837 124.0802,13.8337 122.6502,13.0977 C119.3582,11.3647 116.4992,10.6717 112.9032,10.6717 C106.5352,10.6717 103.4162,14.1807 103.4162,18.1227 C103.4162,20.0287 103.8932,21.6317 105.1932,22.8447 C106.4922,24.0137 108.0522,24.7937 110.9112,25.2267 L118.1452,26.2667 C123.7772,27.0897 127.3722,28.6057 129.9712,31.0757 C133.2642,34.1507 134.7372,38.6127 134.7372,44.1147 C134.7372,56.0277 124.7732,62.8287 111.8202,62.8287 C105.1062,62.8287 101.2072,61.9187 96.4852,59.6657 C94.0262,58.5037 92.2412,57.3927 91.2462,55.8797 C93.6992,53.3007 95.1392,50.5557 95.9822,47.3517 C97.1382,47.4697 98.3062,47.9377 100.2542,48.9667 C104.5432,51.2187 107.3592,52.1717 111.9502,52.1717 C119.0552,52.1717 122.9102,49.3127 122.9102,44.4177 C122.9102,42.2947 122.3042,40.4757 121.0482,39.2627 C119.9652,38.2227 118.4052,37.5727 115.5032,37.1397 L108.1382,36.0567 C103.4452,35.3647 99.9132,34.0227 97.1792,31.7897 C97.1772,22.2297 97.0062,15.8517 93.5892,10.5167 C96.6932,4.1437 103.6162,0.1017 113.2502,0.1017 Z M68.8061,0.651 L69.3017139,0.654720352 C76.1972817,0.758821525 81.2917977,3.04472093 85.3531,7.149 L85.3531,7.149 L85.6351649,7.43600797 C91.4687973,13.4771118 91.6781,20.416125 91.6781,32.016 L91.6781,32.016 L91.6771,32.1225 L91.6771,32.1225 L91.6731,32.229 L91.6731,32.467 L91.6701,33.49 L91.6671,34.158 L91.6581,35.139 L91.6561,35.301 L91.6541,35.461 L91.6451,36.097 L91.6331,36.723 L91.6191,37.338 L91.6111,37.642 L91.6021,37.945 L91.5811,38.541 L91.5761,38.688 L91.5701,38.835 L91.5441,39.417 L91.5195774,39.8950997 C91.1391523,46.8610479 89.8283,51.8068 85.3491,56.286 L85.3491,56.286 L85.0571697,56.5760654 C80.9452552,60.5935489 75.7818674,62.784 68.8001,62.784 L68.8001,62.784 L68.2979073,62.7801786 C61.4777066,62.6757965 56.4185762,60.435881 52.3791,56.413 L52.3791,56.413 L52.2531,56.286 L52.0751,56.106 L51.7829133,55.8017314 C47.3751498,51.1243861 46.2812702,45.887383 46.0131,38.361 L46.0131,38.361 L46.0051,38.128 L45.9871,37.537 L45.9731,36.937 L45.9601,36.327 L45.9501,35.707 L45.9431,35.078 L45.9371,34.438 L45.9331,33.789 L45.9301,32.794 L45.9281,31.42 L45.9301,31.3 L45.93085,31.253875 L45.93085,31.253875 L45.9331,31.207 L45.9331,30.978 L45.933975,30.74525 L45.933975,30.74525 L45.9341,30.514 L46.1969087,30.188375 C48.5224559,27.2307372 49.7731,23.5477857 49.7731,19.465 L49.7731,19.465 L49.7663919,18.9300561 C49.7083041,16.6191735 49.2736,14.404 48.4871,12.363 L48.4871,12.363 L48.7009489,11.9380487 C49.5793249,10.2478402 50.7358692,8.67115385 52.2571,7.149 C56.4161,2.947 61.6581,0.651 68.8061,0.651 L68.8061,0.651 Z M212.1013,0.2752 C213.5303,0.2752 214.7003,0.7512 215.7833,1.6612 C217.0393,2.7012 217.9493,4.0872 217.9493,5.9502 C217.9493,7.6392 217.2993,8.7222 215.2633,11.1482 L215.2633,11.1482 L203.7403,25.0972 L218.9883,51.8252 C220.3753,54.2512 220.8513,55.2472 220.9383,56.6772 C221.0243,58.5832 219.9413,60.5762 217.9493,61.7022 C216.9093,62.3082 215.8263,62.6552 214.7433,62.6552 C211.4943,62.6552 210.2383,60.4462 208.6783,57.7172 L208.6783,57.7172 L195.2493,34.2372 L187.3653,43.7682 L187.3653,27.0902 L206.5993,3.9142 C208.7653,1.3142 209.9353,0.2752 212.1013,0.2752 Z M24.216,0.6215 C36.822,0.6215 44.273,9.1555 44.273,19.4655 C44.273,26.8295 40.201,32.8945 33.097,35.7535 L42.324,51.8255 C43.71,54.2515 44.186,55.2475 44.273,56.6775 C44.36,58.5835 43.277,60.5755 41.284,61.7025 C40.244,62.3085 39.161,62.6555 38.078,62.6555 C34.829,62.6555 33.573,60.4455 32.014,57.7165 L20.577,37.7465 L12.13,37.7465 L12.13,54.6605 C12.127,57.3625 12.03,58.3495 11.307,59.7965 C10.397,61.4855 8.448,62.6555 6.065,62.6555 C3.682,62.6555 1.733,61.4855 0.823,59.7965 C0.11644,58.38242 0.0079984,57.4070216 0.000453568,54.8407204 L0.001,7.6965 C0.005,5.9745 0.091,3.9095 1.69,2.3105 C3.289,0.7125 5.353,0.6265 7.076,0.6215 L24.216,0.6215 Z M176.992,0.275 C179.375,0.275 181.324,1.445 182.234,3.134 C182.94056,4.54808 183.049002,5.5225568 183.056546,8.08966899 L183.057,54.66 C183.053,57.363 182.957,58.35 182.234,59.796 C181.324,61.486 179.375,62.655 176.992,62.655 C174.609,62.655 172.66,61.486 171.75,59.796 C171.04344,58.38192 170.934998,57.4074432 170.927454,54.840331 L170.927,36.49 L150.047,36.49 L150.047,54.66 C150.044,57.363 149.947,58.35 149.224,59.796 C148.314,61.486 146.365,62.655 143.982,62.655 C141.6,62.655 139.651,61.486 138.741,59.796 C138.03348,58.38192 137.925922,57.4074432 137.918449,54.840331 L137.918,53.107 C139.409,50.562 140.238,47.551 140.238,44.114 C140.238,40.234 139.505,36.87 137.917,34.146 L137.918,8.27 C137.921,5.568 138.017,4.581 138.741,3.134 C139.651,1.445 141.6,0.275 143.982,0.275 C146.365,0.275 148.314,1.445 149.224,3.134 C149.93152,4.54808 150.039078,5.5225568 150.046551,8.08966899 L150.047,25.747 L170.927,25.747 L170.927,8.27 C170.931,5.568 171.027,4.581 171.75,3.134 C172.66,1.445 174.609,0.275 176.992,0.275 Z M234.9801,5.68434189e-14 L235.303109,0.00453022593 C236.995591,0.0530415225 238.211924,0.494176471 239.3131,1.473 L239.3131,1.473 L239.450793,1.595272 C240.30989,2.379155 240.93005,3.3587 241.7271,5.405 L241.7271,5.405 L241.7811,5.545 L259.5861,52.763 L259.685079,53.0283499 C260.792367,56.0132914 261.386243,58.2458286 259.2831,60.518 L259.2831,60.518 L259.079373,60.7260305 C257.967512,61.8042215 256.458806,62.38 254.9501,62.38 L254.9501,62.38 L254.666277,62.3740466 C253.453406,62.3225204 252.4601,61.9374286 251.6151,61.254 L251.6151,61.254 L251.49953,61.1554119 C250.555554,60.3306879 250.076523,59.4065385 249.1121,56.845 L249.1121,56.845 L249.0591,56.705 L247.0231,51.117 L224.0851,51.117 L216.2041,37.302 L228.1791,5.545 L228.301401,5.23157683 C229.107692,3.19753515 229.740481,2.25680952 230.6481,1.473 C231.8181,0.433 233.1171,5.68434189e-14 234.9801,5.68434189e-14 L234.9801,5.68434189e-14 Z M68.8061,11.395 L68.455556,11.3999431 C65.3203717,11.4886709 62.7222071,12.7651786 61.0511,14.687 L61.0511,14.687 L60.9536788,14.7986229 C58.7354414,17.3719751 58.0621,20.4003429 58.0621,32.016 L58.0621,32.016 L58.0621,32.366 L58.06335,32.967375 L58.06335,32.967375 L58.0661,33.553 L58.0681,33.768 L58.0751,34.393 L58.0841,34.999 L58.0951,35.586 L58.1071,36.155 L58.1221,36.705 L58.1261,36.84 L58.1301,36.974 L58.1481,37.497 L58.1681,38.004 L58.1891,38.494 L58.2141,38.968 L58.2411,39.425 L58.2541,39.649 L58.2701,39.868 L58.3001,40.296 L58.3081,40.4 L58.3161,40.503 L58.3511,40.908 L58.3881,41.3 L58.4290281,41.6903618 C58.8375833,45.3946167 59.623,47.1119 60.9831,48.675 L60.9831,48.675 L61.0471,48.748 L61.1321,48.844 C62.8681,50.782 65.5611,52.041 68.8001,52.041 L68.8001,52.041 L69.1451348,52.0362088 C72.2313066,51.9502054 74.7961,50.7127857 76.4701,48.844 L76.4701,48.844 L76.5551,48.748 L76.6231,48.67 L76.7571,48.513 L76.8881,48.354 L77.0141,48.194 L77.1361,48.032 L77.2630277,47.8556209 C78.1786992,46.549862 78.7629261,44.9599565 79.1111,42.209 L79.1111,42.209 L79.1321,42.042 L79.1741,41.677 L79.2131,41.3 L79.23235,41.105875 L79.23235,41.105875 L79.2501,40.908 L79.2671,40.708 L79.3021,40.296 L79.33235,39.868375 L79.33235,39.868375 L79.3611,39.425 L79.3741,39.199 L79.4001,38.733 L79.4231,38.251 L79.4441,37.753 L79.4541,37.497 L79.4721,36.974 L79.4871,36.432 L79.5071,35.586 L79.5091,35.441 L79.5121,35.295 L79.5221,34.699 L79.5301,34.083 L79.5361,33.447 L79.5411,32.792 L79.5431,32.116 L79.5441,31.42 L79.5421,30.384 L79.5371,29.597 L79.5317998,29.1212996 C79.4151387,19.7202276 78.6551656,17.059459 76.5591,14.687 L76.5591,14.687 L76.3697333,14.4761475 C74.6314533,12.6028712 71.9805286,11.395 68.8061,11.395 L68.8061,11.395 Z M234.9801,18.584 L226.7061,40.981 L243.2551,40.981 L234.9801,18.584 Z M23.566,11.3645 L12.13,11.3645 L12.13,27.6095 L23.566,27.6095 C28.851,27.6095 32.23,24.3175 32.23,19.5085 C32.23,14.6575 28.851,11.3645 23.566,11.3645 Z" transform="translate(119.278 18.474)"/>
+  </g>
+</svg>

src/main/webapp/imagenes/social-fb.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
+  <path fill="#FFF" d="M10.5,71.6800003 L33.8800001,71.6800003 L33.8800001,46.2000002 L25.4800001,46.2000002 L25.4800001,37.8000002 L33.8800001,37.8000002 L33.8800001,27.3000001 C33.8800001,21.5102344 38.5902345,16.8000001 44.3800002,16.8000001 L54.8800002,16.8000001 L54.8800002,25.2000001 L46.4800002,25.2000001 C44.1639845,25.2000001 42.2800002,27.0839845 42.2800002,29.4000001 L42.2800002,37.8000002 L54.5010159,37.8000002 L53.1010159,46.2000002 L42.2800002,46.2000002 L42.2800002,71.6800003 L61.1800003,71.6800003 C66.9697659,71.6800003 71.6800003,66.9697659 71.6800003,61.1800003 L71.6800003,10.5 C71.6800003,4.71023436 66.9697659,0 61.1800003,0 L10.5,0 C4.71023436,0 0,4.71023436 0,10.5 L0,61.1800003 C0,66.9697659 4.71023436,71.6800003 10.5,71.6800003 Z M4.20000002,10.5 C4.20000002,7.02625003 7.02625003,4.20000002 10.5,4.20000002 L61.1800003,4.20000002 C64.6537503,4.20000002 67.4800003,7.02625003 67.4800003,10.5 L67.4800003,61.1800003 C67.4800003,64.6537503 64.6537503,67.4800003 61.1800003,67.4800003 L46.4800002,67.4800003 L46.4800002,50.4000002 L56.6589846,50.4000002 L59.4589846,33.6000001 L46.4800002,33.6000001 L46.4800002,29.4000001 L59.0800003,29.4000001 L59.0800003,12.6000001 L44.3800002,12.6000001 C36.2742188,12.6000001 29.6800001,19.1942188 29.6800001,27.3000001 L29.6800001,33.6000001 L21.2800001,33.6000001 L21.2800001,50.4000002 L29.6800001,50.4000002 L29.6800001,67.4800003 L10.5,67.4800003 C7.02625003,67.4800003 4.20000002,64.6537503 4.20000002,61.1800003 L4.20000002,10.5 Z"/>
+</svg>

src/main/webapp/imagenes/social-ig.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
+  <g fill="#FFF">
+    <path d="M10.5,71.6800003 L61.1800003,71.6800003 C66.9697659,71.6800003 71.6800003,66.9697659 71.6800003,61.1800003 L71.6800003,10.5 C71.6800003,4.71023436 66.9697659,0 61.1800003,0 L10.5,0 C4.71023436,0 0,4.71023436 0,10.5 L0,61.1800003 C0,66.9697659 4.71023436,71.6800003 10.5,71.6800003 Z M4.20000002,10.5 C4.20000002,7.02625003 7.02625003,4.20000002 10.5,4.20000002 L61.1800003,4.20000002 C64.6537503,4.20000002 67.4800003,7.02625003 67.4800003,10.5 L67.4800003,61.1800003 C67.4800003,64.6537503 64.6537503,67.4800003 61.1800003,67.4800003 L10.5,67.4800003 C7.02625003,67.4800003 4.20000002,64.6537503 4.20000002,61.1800003 L4.20000002,10.5 Z"/>
+    <path d="M35.8400002 54.7400002C46.2612502 54.7400002 54.7400002 46.2612502 54.7400002 35.8400002 54.7400002 25.4187501 46.2612502 16.9400001 35.8400002 16.9400001 25.4187501 16.9400001 16.9400001 25.4187501 16.9400001 35.8400002 16.9400001 46.2612502 25.4187501 54.7400002 35.8400002 54.7400002zM35.8400002 21.1400001C43.9457815 21.1400001 50.5400002 27.7342188 50.5400002 35.8400002 50.5400002 43.9457815 43.9457815 50.5400002 35.8400002 50.5400002 27.7342188 50.5400002 21.1400001 43.9457815 21.1400001 35.8400002 21.1400001 27.7342188 27.7342188 21.1400001 35.8400002 21.1400001zM56.8400002 21.1400001C60.3137503 21.1400001 63.1400003 18.3137501 63.1400003 14.8400001 63.1400003 11.36625 60.3137503 8.54000004 56.8400002 8.54000004 53.3662502 8.54000004 50.5400002 11.36625 50.5400002 14.8400001 50.5400002 18.3137501 53.3662502 21.1400001 56.8400002 21.1400001zM56.8400002 12.7400001C57.9977346 12.7400001 58.9400003 13.6822657 58.9400003 14.8400001 58.9400003 15.9977344 57.9977346 16.9400001 56.8400002 16.9400001 55.6822659 16.9400001 54.7400002 15.9977344 54.7400002 14.8400001 54.7400002 13.6822657 55.6822659 12.7400001 56.8400002 12.7400001z"/>
+  </g>
+</svg>

src/main/webapp/imagenes/social-linkedin.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#FFF" fill-rule="nonzero" d="M8.45785417,38 L0.564679098,38 L0.564679098,12.6666667 L8.45785417,12.6666667 L8.45785417,38 Z M9.24540992,4.59543237 C9.24540992,2.05885883 7.17521322,0 4.62490727,0 C2.06491098,0 0,2.05885883 0,4.59543237 C0,7.13288158 2.06491098,9.19174041 4.62490727,9.19174041 C7.17521322,9.19174041 9.24540992,7.13288158 9.24540992,4.59543237 Z M38,24.0626382 C38,17.262099 36.5548266,12.2182891 28.5634273,12.2182891 C24.7234328,12.2182891 22.1458179,14.1273968 21.0935413,16.1126936 L21.0860534,16.1126936 L21.0860534,12.6666667 L13.4183976,12.6666667 L13.4183976,38 L21.0860534,38 L21.0860534,25.4217828 C21.0860534,22.1276964 21.9295484,18.9365091 26.0369065,18.9365091 C30.0883254,18.9365091 30.2195846,22.7034937 30.2195846,25.6310841 L30.2195846,38 L38,38 L38,24.0626382 Z" transform="translate(17 17)"/>
+    <path fill="#FFF" fill-rule="nonzero" d="M10.5,71.6800003 L61.1800003,71.6800003 C66.9697659,71.6800003 71.6800003,66.9697659 71.6800003,61.1800003 L71.6800003,10.5 C71.6800003,4.71023436 66.9697659,0 61.1800003,0 L10.5,0 C4.71023436,0 0,4.71023436 0,10.5 L0,61.1800003 C0,66.9697659 4.71023436,71.6800003 10.5,71.6800003 Z M4.20000002,10.5 C4.20000002,7.02625003 7.02625003,4.20000002 10.5,4.20000002 L61.1800003,4.20000002 C64.6537503,4.20000002 67.4800003,7.02625003 67.4800003,10.5 L67.4800003,61.1800003 C67.4800003,64.6537503 64.6537503,67.4800003 61.1800003,67.4800003 L10.5,67.4800003 C7.02625003,67.4800003 4.20000002,64.6537503 4.20000002,61.1800003 L4.20000002,10.5 Z"/>
+  </g>
+</svg>

src/main/webapp/imagenes/social-twitter.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
+  <path fill="#FFF" d="M71.6800003,7.83507819 C67.1710159,8.04289069 67.2694534,8.02593753 66.7597659,8.06859371 L69.4301566,0.442421842 C69.4301566,0.442421842 61.0946878,3.50875001 58.9815628,4.05726568 C53.4318752,-0.930781324 45.1828127,-1.15117184 39.2853127,2.47351567 C34.4558595,5.44250002 31.863672,10.5410157 32.7282815,16.5003126 C23.3291408,15.1960157 15.4098437,10.740625 9.15742188,3.22984369 L7.17992187,0.854765664 L5.70226568,3.56835936 C3.83468752,6.99726569 3.21453133,10.9178125 3.95554686,14.6075782 C4.25960936,16.1213282 4.77640634,17.5650782 5.49226568,18.9169532 L3.79585936,18.2596094 L3.59460936,21.0940626 C3.39062501,23.9733594 4.34929686,27.3344533 6.15945319,30.0841408 C6.66914069,30.8585158 7.32539069,31.7089065 8.15718753,32.5478126 L7.28054687,32.4132815 L8.35023438,35.661172 C9.75625004,39.9284377 12.6765626,43.229922 16.4664064,45.0652345 C12.6814844,46.6714065 9.62390636,47.6962502 4.59812502,49.3494534 L-7.95807867e-15,50.8610159 L4.24703134,53.1830471 C5.86632818,54.0684377 11.5882814,57.0253909 17.2418751,57.9124221 C29.8090626,59.8833596 43.9583595,58.2782816 53.4838284,49.6994534 C61.5070316,42.4735939 64.1396878,32.1950783 63.5928128,21.4987501 C63.5102346,19.8794532 63.9537503,18.3339844 64.8418753,17.1478126 C66.6208596,14.7727344 71.6690628,7.85093753 71.6800003,7.83507819 Z M61.4835159,14.6321876 C60.0085939,16.6014844 59.2697659,19.1165626 59.4021096,21.7131251 C59.9539066,32.502422 57.0182816,40.8696095 50.6761721,46.581172 C43.2676565,53.2535939 31.3178908,55.8725784 17.8921094,53.7665627 C15.4607032,53.3853909 12.9478126,52.5317189 10.8680469,51.6791409 C15.0817187,50.2293752 18.3356251,48.9371095 23.5905469,46.449922 L30.9263283,42.9778127 L22.8271094,42.4593752 C18.9475782,42.2110939 15.7171876,40.3309377 13.7314844,37.2782815 C14.7858594,37.2170315 15.8025001,37.0464065 16.8147657,36.7642188 L24.5393751,34.6128126 L16.7502344,32.7053126 C12.9653126,31.7783595 10.8078907,29.5137501 9.66437504,27.7768751 C8.9135157,26.635547 8.42296872,25.4663283 8.12875003,24.3884376 C8.90968754,24.5978908 9.82023438,24.7471876 11.2885937,24.8926564 L18.4980469,25.6057814 L12.7859376,21.1498438 C8.67015636,17.9396876 7.02078135,13.1167969 8.22992188,8.4803907 C21.0749219,21.8033594 36.1566408,20.8020314 37.6747658,21.1542188 C37.3406252,17.9085157 37.3318752,17.9008594 37.2443752,17.5918751 C35.3002345,10.7192969 39.5609377,7.22968753 41.4826565,6.04843753 C45.4967189,3.58148436 51.8683596,3.20960935 56.2816409,7.27398437 C57.2348439,8.15117187 58.5238284,8.49625004 59.7302346,8.19656253 C60.8130471,7.92750003 61.7017189,7.64257819 62.5717971,7.33250003 L60.7605471,12.5048437 L63.0727346,12.5064844 C62.6363284,13.0916407 62.1129689,13.7921876 61.4835159,14.6321876 Z" transform="translate(0 7)"/>
+</svg>

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
-      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" />
     <!-- para concectar con css  -->
     <!-- para concectar con css  -->
-    <link rel="stylesheet" href="./estilos/home.css" />
+
+
+    <link rel="stylesheet" href="estilos/home.css">
 
 
     <!-- el icono para la pagina  -->
     <!-- el icono para la pagina  -->
-    <link rel="shortcut icon" href="./imagenes/roshkaicon.ico" sizes="any" />
+    <link rel="shortcut icon" href="imagenes/roshkaicon.ico" sizes="any" />
+
     <title>Roshka WebSite</title>
     <title>Roshka WebSite</title>
-  </head>
-  <div class="header">
+</head>
+<div class="header">
     <div class="logo">
     <div class="logo">
-      <a href="./index.html"> <img class="logoi" src="./imagenes/logo-roshka.svg" alt="" /> </a
-      ><!-- logo con link -->
+        <a href="./index.html"> <img class="logoi" src="imagenes/logo-roshka.svg" alt="" /> </a>
+        <!-- logo con link -->
     </div>
     </div>
     <div class="menu">
     <div class="menu">
+<<<<<<< HEAD
       <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="formulario.html">Postulate</a></li>
         <li class="link-menu"><a href="formulario.html">Postulate</a></li>
         <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a>
         <li class="link-menu"><a href="formulario_bootcamp.jsp">Crear bootcamp</a>
         </li>
         </li>
       </ul>
       </ul>
+=======
+        <ul>
+            <li class="link-menu"><a href="">Home</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>
+        </ul>
+>>>>>>> develop
     </div>
     </div>
     <!-- menu  -->
     <!-- menu  -->
-  </div>
-  <!-- header -->
+</div>
+<!-- header -->
 
 
 
 
-  <div class="main">
+<div class="main">
     <div class="seccion hero">
     <div class="seccion hero">
 
 
 
 
@@ -43,7 +51,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>
@@ -54,16 +63,154 @@
                 <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="/postulacion" class="cta-main">POSTULACION</a>
+                <button type="submit" class="cta-main">POSTULACION</button>
+                <!--  <a href="/postulacion" class="cta-main">POSTULACION</a> -->
             </div>
             </div>
         </div>
         </div>
 
 
         <div class="grafico">
         <div class="grafico">
-                <img style="align-items:right ;" src="./imagenes/ilustracion-herov3.svg" alt="">
+            <img style="align-items:right ;" src="imagenes/ilustracion-herov3.svg" alt="">
         </div>
         </div>
 
 
         <!-- </div> -->
         <!-- </div> -->
 
 
     </div>
     </div>
+    <!-- pie de pagina -->
+    <div class="footer">
+        <div class="logofooter"><img src="imagenes/logo_footer.svg" alt="" class="logofooter"></div>
+    </div>
+</div>
+
+</div>
+</div>
+
+</body>
 
 
 </html>
 </html>
+<style>
+    img.logoi {
+        width: 200px;
+    }
+    
+    img {
+        width: 400px;
+        padding: 10px;
+        display: block;
+        padding: 10px;
+    }
+    
+    .header {
+        margin-bottom: 0;
+        width: 700px;
+    }
+    
+    a {
+        float: right 100px;
+        color: #fff;
+        font-size: larger;
+        text-decoration: none;
+        padding: 10px;
+    }
+    
+    body {
+        background: linear-gradient(100deg, rgba(20, 99, 155, 0.25), rgba(30, 148, 227, 0.25));
+        background-image: url(imagenes/descarga.svg);
+        background-size: contain;
+        background-attachment: fixed;
+        background-blend-mode: multiply;
+        font-family: Georgia, 'Times New Roman', Times, serif;
+        color: white;
+        position: relative;
+        width: 100px;
+        height: 100px;
+    }
+    /* ul{
+    list-style: none;
+}
+.menu >ul{
+    float: right;
+}
+
+.menu li a {
+
+    color:#fff;
+    text-decoration:none;
+    padding:10px 12px;
+    display:block;
+}
+
+.menu li ul li {
+    marging-left
+    position:relative;
+} */
+    
+    .menu {
+        width: 400%;
+        float: left;
+    }
+    
+    .menu ul li {
+        float: right;
+        list-style-type: none;
+        text-align: right;
+    }
+    
+    div.menu {
+        float: right;
+    }
+    
+    .menu ul li a {
+        padding-left: 5px;
+        text-decoration: none;
+        font-size: clamp(145px);
+        text-transform: uppercase;
+        display: block;
+        position: relative;
+        overflow: hidden;
+        padding-bottom: 50px;
+        white-space: nowrap;
+    }
+    
+    .grafico,
+    svg {
+        max-width: 50px;
+        display: block;
+        height: auto;
+    }
+    
+    .seccion.hero {
+        margin-top: 10px;
+        padding-bottom: 10px;
+        width: 900px;
+    }
+    
+    .hero {
+        perspective: 100px;
+    }
+    
+    .hero {
+        display: grid;
+        grid-template-columns: auto repeat(5, 0.5fr) auto;
+    }
+    
+    .hero {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding-left: 200px;
+        /* padding-right: 200px;
+ */
+    }
+    /*  */
+    
+    .postulacion {
+        border-radius: 30px;
+    }
+    
+    .cta-main {
+        width: 200px;
+        font-family: monospace;
+        background-color: yellow;
+        border: none;
+    }
+</style>
\ No newline at end of file

src/main/webapp/index.jsp

@@ -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>

src/main/webapp/login.jsp

+<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <title>BootcampsLogin</title>
+</head>
+<body>
+    <div align=" center">
+    <h1>User Login Form</h1>
+    <form action="login" method="post">
+        <table align = "center">
+            <tr><td>Correo:</td> <td><input type="text" name = "correo"></td></tr>
+            <tr><td>Password:</td><td><input type="password" name="password"></td></tr>
+
+            <tr><td><input type="submit" value="Login"/></td></tr>
+        </table>
+    </form>    
+    </div>
+
+</body>
+</html>
\ No newline at end of file

src/main/webapp/loginSuccess.jsp

+<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
+<!DOCTYPE html>
+<html>
+<head>
+
+<title>LoginExitoso</title>
+</head>
+
+<body>
+    <div align = "center">
+        <h1>LOGGIN EXITOSO</h1>
+
+
+    </div>
+</body>
+</html>
\ No newline at end of file

src/main/webapp/menu.html

+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+<link href="https://fonts.googleapis.com/css2?family=Concert+One&family=Francois+One&family=Satisfy&family=Staatliches&display=swap" rel="stylesheet">
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Concert One', cursive;
+  font-family: 'Francois One', sans-serif;
+  font-family: 'Satisfy', cursive;
+  font-family: 'Staatliches', cursive;
+  font-size: 13px
+}
+
+.header, .footer {
+  background-color:rgb(18, 18, 98);
+  color: white;
+  padding: 60px;
+}
+
+.column {
+  float: left;
+  padding: 30px;
+}
+
+.clearfix::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+a{
+  color:white;
+}
+
+.menu {
+  width: 50%;
+}
+
+.content {
+  width: 50%;
+}
+
+.menu ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu li {
+  padding: 8px;
+  margin-bottom: 8px;
+  background-color: rgb(18, 18, 98);
+  color: #ffffff;
+}
+
+.menu li:hover {
+  background-color: rgb(18, 18, 98);
+}
+
+</style>
+</head>
+<body>
+
+<div class="header">
+  <h1> MENU TH</h1>
+  <h2> EN LOS SIGUIENTES LINKS PUEDE MODIFICAR, AGREGAR O ELIMINAR DATOS DE LA BASE DE DATOS DEL BOOTCAMP </h2>
+</div>
+
+
+<div class="column content">
+    <h1>PUEDE ACCEDER A LOS SIGUIENTES LINKS:</h1>
+  </div>
+
+<div class="clearfix">
+  <div class="column menu">
+    <ul>
+      <li><a href="#"> MANAGE BOOTCAMP </a></li>
+      <li><a href="#"> MANAGE POSTULANTE </a></li>
+      <li><a href="#"> MANAGE LENGUAJES  </a></li>
+      <li><a href="#"> MANAGE PROFESORES </a></li>
+      <li><a href="#"> USUARIO NUEVO (ADMINISTRADOR) </a></li>
+    </ul>
+  </div>
+
+  
+</div>
+
+</body>
+</html>
+
+

src/main/webapp/usrebe.css

+@import 'https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:400,700';
+
+/*--------------------
+General Style
+---------------------*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body,
+html {
+  height: 100%;
+  font-family: 'Quicksand', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  background: rgba(30,29,31,1);
+background: -moz-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(13, 16, 73) 100%);
+background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(30,29,31,1)), color-stop(100%, rgb(11, 7, 92)));
+background: -webkit-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(21, 11, 159) 100%);
+background: -o-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(33, 23, 119) 100%);
+background: -ms-linear-gradient(-45deg, rgba(30,29,31,1) 0%, rgb(26, 18, 98) 100%);
+background: linear-gradient(135deg, rgba(30,29,31,1) 0%, rgb(8, 10, 110) 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1d1f', endColorstr='#df405a', GradientType=1 );
+}
+
+/*--------------------
+Text
+---------------------*/
+
+h2, h3 {
+  font-size: 16px;
+	letter-spacing: -1px;
+  line-height: 20px;
+}
+
+h2 {
+	color: black;
+	text-align: center;
+}
+
+h3 {
+	color: black;
+	text-align: right;
+}
+
+/*--------------------
+Icons
+---------------------*/
+.i {
+  width: 20px;
+  height: 20px;
+}
+
+.i-login {
+  margin: 13px 0px 0px 15px;
+  position: relative;
+  float: left;
+  background-image: url(data:image/png;base64,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);
+  background-size: 18px 18px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-more {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0ibW9yZSI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik03Ni41LDIyOS41QzM0LjMsMjI5LjUsMCwyNjMuOCwwLDMwNnMzNC4zLDc2LjUsNzYuNSw3Ni41UzE1MywzNDguMiwxNTMsMzA2UzExOC43LDIyOS41LDc2LjUsMjI5LjV6IE03Ni41LDM0NC4yICAgICBjLTIxLjEsMC0zOC4yLTE3LjEwMS0zOC4yLTM4LjJjMC0yMS4xLDE3LjEtMzguMiwzOC4yLTM4LjJzMzguMiwxNy4xLDM4LjIsMzguMkMxMTQuNywzMjcuMSw5Ny42LDM0NC4yLDc2LjUsMzQ0LjJ6ICAgICAgTTUzNS41LDIyOS41Yy00Mi4yLDAtNzYuNSwzNC4zLTc2LjUsNzYuNXMzNC4zLDc2LjUsNzYuNSw3Ni41UzYxMiwzNDguMiw2MTIsMzA2UzU3Ny43LDIyOS41LDUzNS41LDIyOS41eiBNNTM1LjUsMzQ0LjIgICAgIGMtMjEuMSwwLTM4LjItMTcuMTAxLTM4LjItMzguMmMwLTIxLjEsMTcuMTAxLTM4LjIsMzguMi0zOC4yczM4LjIsMTcuMSwzOC4yLDM4LjJDNTczLjcsMzI3LjEsNTU2LjYsMzQ0LjIsNTM1LjUsMzQ0LjJ6ICAgICAgTTMwNiwyMjkuNWMtNDIuMiwwLTc2LjUsMzQuMy03Ni41LDc2LjVzMzQuMyw3Ni41LDc2LjUsNzYuNXM3Ni41LTM0LjMsNzYuNS03Ni41UzM0OC4yLDIyOS41LDMwNiwyMjkuNXogTTMwNiwzNDQuMiAgICAgYy0yMS4xLDAtMzguMi0xNy4xMDEtMzguMi0zOC4yYzAtMjEuMSwxNy4xLTM4LjIsMzguMi0zOC4yYzIxLjEsMCwzOC4yLDE3LjEsMzguMiwzOC4yQzM0NC4yLDMyNy4xLDMyNy4xLDM0NC4yLDMwNiwzNDQuMnoiIGZpbGw9IiNkZjQwNWEiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-save {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0idGljayI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00MzYuNywxOTYuNzAxTDI1OC4xODgsMzc1LjIxM2wtODIuODY5LTgyLjg4N2MtNy4yODctNy4yODctMTkuMTI1LTcuMjg3LTI2LjQxMiwwcy03LjI4NywxOS4xMjUsMCwyNi40MTIgICAgIGw5My44MDgsOTMuODA4YzAuNjMxLDAuODk5LDEuMDE0LDEuOTMyLDEuODE3LDIuNzM1YzMuNzY4LDMuNzY4LDguNzIxLDUuNTA4LDEzLjY1NSw1LjM3NGM0LjkzNCwwLjExNSw5LjkwNy0xLjYwNiwxMy42NzQtNS4zNzQgICAgIGMwLjgwMy0wLjgwNCwxLjE4Ni0xLjgzNiwxLjgxNy0yLjczNWwxODkuNDM0LTE4OS40MzNjNy4yODYtNy4yODcsNy4yODYtMTkuMTI1LDAtMjYuNDEyICAgICBDNDU1LjgwNiwxODkuNDE0LDQ0My45ODcsMTg5LjQxNCw0MzYuNywxOTYuNzAxeiBNMzA2LDBDMTM2Ljk5MiwwLDAsMTM2Ljk5MiwwLDMwNnMxMzYuOTkyLDMwNiwzMDYsMzA2ICAgICBjMTY4Ljk4OCwwLDMwNi0xMzYuOTkyLDMwNi0zMDZTNDc1LjAwOCwwLDMwNiwweiBNMzA2LDU3My43NUMxNTguMTI1LDU3My43NSwzOC4yNSw0NTMuODc1LDM4LjI1LDMwNiAgICAgQzM4LjI1LDE1OC4xMjUsMTU4LjEyNSwzOC4yNSwzMDYsMzguMjVjMTQ3Ljg3NSwwLDI2Ny43NSwxMTkuODc1LDI2Ny43NSwyNjcuNzVDNTczLjc1LDQ1My44NzUsNDUzLjg3NSw1NzMuNzUsMzA2LDU3My43NXoiIGZpbGw9IiMyMGMxOTgiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-warning {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi44MTYgNjEyLjgxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjgxNiA2MTIuODE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTMwNi40MDgsMEMxMzcuMzY4LDAsMC4zNzEsMTM2Ljk5NywwLjM3MSwzMDYuMDM3czEzNi45OTcsMzA2Ljc3OSwzMDYuMDM3LDMwNi43NzlzMzA2LjAzNy0xMzcuODEzLDMwNi4wMzctMzA2LjAzNyAgIEM2MTIuNDQ1LDEzNy43MzksNDc1LjQ0OCwwLDMwNi40MDgsMHogTTMwNi40MDgsNTgzLjE0N2MtMTUyLjIwMywwLTI3Ni4zNjgtMTI0LjE2NS0yNzYuMzY4LTI3Ni4zNjggICBTMTU0LjIwNSwyOS41OTUsMzA2LjQwOCwyOS41OTVTNTgyLjc3NiwxNTMuNzYsNTgyLjc3NiwzMDYuNzc5UzQ1OC42MTEsNTgzLjE0NywzMDYuNDA4LDU4My4xNDd6IE0zMjEuNjEzLDQzMS43NiAgIGMwLDguODI3LTcuMTk1LDE2LjAyMS0xNi4wMjEsMTYuMDIxYy04LjgyNywwLTE2LjAyMS03LjE5NS0xNi4wMjEtMTYuMDIxYzAtOC44MjcsNy4xOTUtMTYuMDIxLDE2LjAyMS0xNi4wMjEgICBTMzIxLjYxMyw0MjIuOTM0LDMyMS42MTMsNDMxLjc2eiBNMjkwLjM4NywzNTMuMjExdi0xODAuMjRjMC04LjAxMSw2LjM3OS0xNC4zOSwxNC4zOS0xNC4zOWM4LjAxMSwwLDE0LjM5LDYuMzc5LDE0LjM5LDE0LjM5ICAgdjE4MC4yNGMwLDguMDExLTYuMzc5LDE0LjM5LTE0LjM5LDE0LjM5QzI5Ni43NjYsMzY4LjQ5MSwyOTAuMzg3LDM2MS4yMjIsMjkwLjM4NywzNTMuMjExeiIgZmlsbD0iI2Y1ZDg3OCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-close {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMi40NDUgNjEyLjQ0NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyLjQ0NSA2MTIuNDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTUyMi42NDIsODkuODA0QzQ2NC45LDMyLjA2MiwzODguMDExLDAsMzA2LjIyMywwUzE0Ny41NDUsMzIuMDYyLDg5LjgwNCw4OS44MDQgICBjLTExOS40MTYsMTE5LjQxNi0xMTkuNDE2LDMxMy40MjIsMCw0MzIuODM4YzU3Ljc0MSw1Ny43NDEsMTM0LjYzMSw4OS44MDQsMjE2LjQxOSw4OS44MDRzMTU4LjY3OC0zMi4wNjIsMjE2LjQxOS04OS44MDQgICBDNjQyLjA1OCw0MDMuMjI1LDY0Mi4wNTgsMjA5LjIyLDUyMi42NDIsODkuODA0eiBNNTAxLjc4Nyw1MDEuNzg3Yy01Mi4xMDEsNTIuMTAxLTEyMS43OTEsODAuOTcyLTE5NS41NjQsODAuOTcyICAgcy0xNDMuNDYzLTI4Ljg3MS0xOTUuNTY0LTgwLjk3MlMyOS42ODcsMzc5Ljk5NSwyOS42ODcsMzA2LjIyM3MyOC44NzEtMTQzLjQ2Myw4MC45NzItMTk1LjU2NHMxMjEuODY2LTgwLjk3MiwxOTUuNTY0LTgwLjk3MiAgIHMxNDMuNDYzLDI4Ljg3MSwxOTUuNTY0LDgwLjk3MnM4MC45NzIsMTIxLjg2Niw4MC45NzIsMTk1LjU2NFM1NTMuODg3LDQ0OS42ODYsNTAxLjc4Nyw1MDEuNzg3eiBNMzk5LjIxOCwyMzQuODk5bC03NC41MTUsNzQuNTE1ICAgbDc0LjUxNSw3NC41MTVjNS42NDEsNS42NDEsNS42NDEsMTUuMjE1LDAsMjAuODU1Yy0zLjE5MSwzLjE5MS02LjM4Myw0LjAwOC0xMC4zOTEsNC4wMDhjLTQuMDA4LDAtNy4xOTktMS42MzMtMTAuMzktNC4wMDggICBsLTc0LjU4OS03NC41MTVsLTc0LjU4OSw3NC41MTVjLTMuMTkxLDMuMTkxLTYuMzgzLDQuMDA4LTEwLjM5LDQuMDA4cy03LjE5OS0xLjYzMy0xMC4zOS00LjAwOCAgIGMtNS42NDEtNS42NDEtNS42NDEtMTUuMjE1LDAtMjAuODU1bDc0LjUxNS03NC41MTVsLTc0LjUxNS03NC41MTVjLTUuNjQxLTUuNjQxLTUuNjQxLTE1LjIxNSwwLTIwLjg1NSAgIGM1LjY0MS01LjY0MSwxNS4yMTUtNS42NDEsMjAuODU1LDBsNzQuNTE1LDc0LjUxNWw3NC41MTUtNzQuNTE1YzUuNjQxLTUuNjQxLDE1LjIxNS01LjY0MSwyMC44NTUsMCAgIEM0MDQuODU4LDIxOS42ODUsNDA0Ljg1OCwyMjguNDQyLDM5OS4yMTgsMjM0Ljg5OXoiIGZpbGw9IiNmNTVhNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.i-left {
+  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQxNC4yOTggNDE0LjI5OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE0LjI5OCA0MTQuMjk5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMuNjYzLDQxMC42MzdjMi40NDEsMi40NCw1LjY0LDMuNjYxLDguODM5LDMuNjYxYzMuMTk5LDAsNi4zOTgtMS4yMjEsOC44MzktMy42NjFsMTg1LjgwOS0xODUuODFsMTg1LjgxLDE4NS44MTEgICBjMi40NCwyLjQ0LDUuNjQxLDMuNjYxLDguODQsMy42NjFjMy4xOTgsMCw2LjM5Ny0xLjIyMSw4LjgzOS0zLjY2MWM0Ljg4MS00Ljg4MSw0Ljg4MS0xMi43OTYsMC0xNy42NzlsLTE4NS44MTEtMTg1LjgxICAgbDE4NS44MTEtMTg1LjgxYzQuODgxLTQuODgyLDQuODgxLTEyLjc5NiwwLTE3LjY3OGMtNC44ODItNC44ODItMTIuNzk2LTQuODgyLTE3LjY3OSwwbC0xODUuODEsMTg1LjgxTDIxLjM0LDMuNjYzICAgYy00Ljg4Mi00Ljg4Mi0xMi43OTYtNC44ODItMTcuNjc4LDBjLTQuODgyLDQuODgxLTQuODgyLDEyLjc5NiwwLDE3LjY3OGwxODUuODEsMTg1LjgwOUwzLjY2MywzOTIuOTU5ICAgQy0xLjIxOSwzOTcuODQxLTEuMjE5LDQwNS43NTYsMy42NjMsNDEwLjYzN3oiIGZpbGw9IiM4NzMxNGUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+/*--------------------
+Login Box
+---------------------*/
+
+.box {
+  width: 330px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.box-form {
+  width: 320px;
+  position: relative;
+  z-index: 1;
+}
+
+.box-login-tab {
+	width: 50%;
+	height: 40px;
+	background: #fdfdfd;
+	position: relative;
+	float: left;
+	z-index: 1;
+  
+  -webkit-border-radius: 6px 6px 0 0;
+     -moz-border-radius: 6px 6px 0 0;
+          border-radius: 6px 6px 0 0;
+  
+	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
+	        transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
+	-webkit-transform-origin: 0 0;
+	        transform-origin: 0 0;
+	-webkit-backface-visibility: hidden;
+	        backface-visibility: hidden;
+	
+	-webkit-box-shadow: 15px -15px 30px rgba(0,0,0,0.32);
+     -moz-box-shadow: 15px -15px 30px rgba(0,0,0,0.32);
+          box-shadow: 15px -15px 30px rgba(0,0,0,0.32);
+}
+
+.box-login-title {
+	width: 35%;
+	height: 40px;
+	position: absolute;
+	float: left;
+	z-index: 2;
+}
+
+.box-login {
+  position: relative;
+  top: -4px;
+  width: 320px;
+  background: #fdfdfd;
+  text-align: center;
+  overflow: hidden;
+  z-index: 2;
+  
+  -webkit-border-top-right-radius: 6px;
+  -webkit-border-bottom-left-radius: 6px;
+  -webkit-border-bottom-right-radius: 6px;
+  -moz-border-radius-topright: 6px;
+  -moz-border-radius-bottomleft: 6px;
+  -moz-border-radius-bottomright: 6px;
+   border-top-right-radius: 6px;
+   border-bottom-left-radius: 6px;
+   border-bottom-right-radius: 6px;
+  
+  -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+     -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+          box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+}
+
+.box-info {
+	width: 260px;
+	top: 60px;
+  position: absolute;
+	right: -5px;
+	padding: 15px 15px 15px 30px;
+	background-color: rgba(255,255,255,0.6);
+	border: 1px solid rgba(255,255,255,0.2);
+	z-index: 0;
+	
+	-webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+    
+    -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+    -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+    box-shadow: 15px 30px 30px rgba(0,0,0,0.32);
+}
+
+.line-wh {
+ 	width: 100%;
+  height: 1px;
+  top: 0px;
+  margin: 12px auto;
+	position: relative;
+	border-top: 1px solid rgba(255,255,255,0.3);
+}
+
+/*--------------------
+Form
+---------------------*/
+
+a { text-decoration: none; }
+
+button:focus { outline:0; }
+
+.b {
+	height: 24px;
+	line-height: 24px;
+	background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.b-form {
+	opacity: 0.5;
+	margin: 10px 20px;
+  float: right;
+}
+
+.b-info {
+  opacity: 0.5;
+  float: left;
+}
+
+.b-form:hover, 
+.b-info:hover {
+  opacity: 1;
+}
+
+.b-support, .b-cta {
+	width: 100%;
+	padding: 0px 15px;
+  font-family: 'Quicksand', sans-serif;
+  font-weight: 700;
+  letter-spacing: -1px;
+  font-size: 16px;
+  line-height: 32px;
+  cursor: pointer;
+    
+  -webkit-border-radius: 16px;
+     -moz-border-radius: 16px;
+          border-radius: 16px;
+}
+
+.b-support {
+  border: #87314e 1px solid;
+  background-color: transparent;
+  color: #87314e;
+  margin: 6px 0;
+}
+
+.b-cta {
+  border: #df405a 1px solid;
+  background-color: #df405a;
+  color: #fff;
+}
+
+.b-support:hover, .b-cta:hover {
+  color: #fff;
+	background-color: blue;
+	border: blue 1px solid;
+}
+
+.fieldset-body {
+    display: table;
+}
+
+.fieldset-body p {
+    width: 100%;
+    display: inline-table;
+    padding: 5px 20px;
+    margin-bottom:2px;
+}
+
+label {
+	float: left;
+  width: 100%;
+	top: 0px;
+	color: #032942;
+	font-size: 13px;
+	font-weight: 700;
+	text-align: left;
+	line-height: 1.5;
+}
+
+label.checkbox {
+	float: left;
+  padding: 5px 20px;
+	line-height: 1.7;
+}
+
+input[type=text],
+input[type=password] {
+    width: 100%;
+    height: 32px;
+    padding: 0px 10px;
+    background-color: rgba(0,0,0,0.03);
+    border: none;
+    display: inline;
+    color: #303030;
+    font-size: 16px;
+    font-weight: 400;
+    float: left;
+    
+    -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
+    -moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
+    box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
+}
+
+input[type=text]:focus,
+input[type=password]:focus {
+    background-color: cornflowerblue ;
+    outline: none;
+}
+
+input[type=submit]  {
+  width: 100%;
+  height: 48px;
+  margin-top: 24px;
+  padding: 0px 20px;
+  font-family: 'Quicksand', sans-serif;
+	font-weight: 700;
+	font-size: 18px;
+	color: #fff;
+  line-height: 40px;
+  text-align: center;
+  background-color: blue;
+	border: 1px blue solid;
+	opacity: 1;
+	cursor: pointer;
+}
+
+input[type=submit]:hover {
+	background-color: blue;
+  border: 1px blue solid;
+}
+
+input[type=submit]:focus {
+	outline: none;
+}
+
+p.field span.i {
+	width: 24px;
+  height: 24px;
+  float: right;
+  position: relative;
+  margin-top: -26px;
+  right: 2px;
+  z-index: 2;
+  display: none;
+            
+  -webkit-animation: bounceIn 0.6s linear;
+     -moz-animation: bounceIn 0.6s linear;
+  	   -o-animation: bounceIn 0.6s linear;
+          animation: bounceIn 0.6s linear;
+}
+
+/*--------------------
+Transitions
+---------------------*/
+
+.box-form, .box-info, .b, .b-support, .b-cta,
+input[type=submit], p.field span.i {
+    
+	-webkit-transition: all 0.3s;
+     -moz-transition: all 0.3s;
+      -ms-transition: all 0.3s;
+       -o-transition: all 0.3s;
+          transition: all 0.3s;
+}
+
+/*--------------------
+Credits
+---------------------*/
+
+.icon-credits {
+  width: 100%;
+  position: absolute;
+  bottom: 4px;
+  font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+  font-size: 12px;
+  color: rgba(255,255,255,0.1);
+  text-align: center;
+  z-index: -1;
+}
+
+.icon-credits a {
+  text-decoration: none;
+  color: rgba(255,255,255,0.2);
+}
\ No newline at end of file

src/main/webapp/usrebe.html

+<!--
+Follow me on
+------------
+Codepen: https://codepen.io/mycnlz/
+Dribbble: https://dribbble.com/mycnlz
+Pinterest: https://pinterest.com/mycnlz/
+-->
+
+<div class='box'>
+  <div class='box-form'>
+    <div class='box-login-tab'></div>
+    <div class='box-login-title'>
+      <div class='i i-login'></div><h2> USUARIO </h2>
+      <link rel="stylesheet" href="usrebe.css">
+      <link rel="stylesheet" href="usrebe.js">
+    </div>
+    <div class='box-login'>
+      <div class='fieldset-body' id='login_form'>
+        <button onclick="openLoginInfo();" class='b b-form i i-more' title='Mais Informações'></button>
+        	<p class='field'>
+          <label for='user'>E-MAIL</label>
+          <input type='text' id='user' name='user' title='Username' />
+          <span id='valida' class='i i-warning'></span>
+        </p>
+      	  <p class='field'>
+          <label for='pass'>PASSWORD</label>
+          <input type='password' id='pass' name='pass' title='Password' />
+          <span id='valida' class='i i-close'></span>
+        </p>
+
+     
+
+        	<input type='submit' id='do_login' value='INICIAR SESION' title='INICIAR SESION' />
+      </div>
+    </div>
+  </div>
+  <div class='box-info'>
+					    <p><button onclick="closeLoginInfo();" class='b b-info i i-left' title='Back to Sign In'></button><h3>Need Help?</h3>
+    </p>
+					    <div class='line-wh'></div>
+    					<button onclick="" class='b-support' title='Forgot Password?'> Forgot Password?</button>
+    <button onclick="" class='b-support' title='Contact Support'> Contact Support</button>
+    					<div class='line-wh'></div>
+    <button onclick="" class='b-cta' title='Sign up now!'> CREATE ACCOUNT</button>
+  				</div>
+</div>