Merge branch 'develop' of https://phoebe.roshka.com/gitlab/jbaez/ProyectoFinal-Bootcamp

.gitignore

@@ -22,6 +22,7 @@ target/
 .settings
 .springBeans
 .sts4-cache
+.hola jose
 
 ### NetBeans ###
 /nbproject/private/

src/main/java/Postulante/PostulanteDao.java

+package Postulante;
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.Postulante;
+
+import java.util.*;
+import java.sql.*;
+
+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/Postulante/SaveServlet.java

+package Postulante;
+import com.roshka.proyectofinal.Postulante;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.annotation.WebServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.io.PrintWriter;
+
+
+@WebServlet("/SaveServlet")
+public class SaveServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response)
+            throws ServletException, IOException {
+        response.setContentType("text/html");
+        PrintWriter out=response.getWriter();
+
+        String nombre=request.getParameter("nombre");
+        String apellido=request.getParameter("apellido");
+        int cedula=Integer.parseInt(request.getParameter("cedula"));
+        String correo=request.getParameter("correo");
+        String telefono=request.getParameter("telefono");
+        String direccion=request.getParameter("direccion");
+        boolean experienciaProgramando = false;
+        boolean experienciaLaboral = false;
+        boolean universidad = false;
+        if (request.getParameter("experiencia_laboral") != null){
+            experienciaLaboral = true;
+        }
+        if (request.getParameter("experiencia_programando") != null) {
+            experienciaProgramando = true;
+        }
+        if (request.getParameter("notebook") != null){
+            boolean notebook = true;
+        }
+        if (request.getParameter("universidad") != null){
+            universidad = true;
+        }
+
+
+        Postulante postulante=new Postulante();
+        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);
+
+        int status=PostulanteDao.save(postulante);
+
+
+
+        if(status>0){
+            out.print("<p>Record saved successfully!</p>");
+            request.getRequestDispatcher("index.html").include(request, response);
+        }else{
+            out.println("Sorry! unable to save record");
+        }
+
+        out.close();
+    }
+}

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

+package com.roshka.proyectofinal;
+
+import java.sql.Connection;
+import java.sql.DriverManager;
+
+public class DataBase {
+
+    public static Connection getConnection(){
+        Connection con=null;
+        try{
+            Class.forName("org.postgresql.Driver");
+            con= DriverManager
+                    .getConnection("jdbc:postgresql://localhost:5432/Bootcamp_th",
+                            "postgres", "postgres");
+
+            if(con != null){
+                System.out.println("---> CONNECTED TO SERVER");
+            }else {
+                System.out.println("---> UNABLE TO CONNECTED TO SERVER");
+            }
+        }catch(Exception e){
+            e.printStackTrace();
+            System.err.println(e.getClass().getName()+": "+e.getMessage());
+            System.exit(0);
+        }
+        return con;
+    }
+}

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

+package com.roshka.proyectofinal;
+
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.servlet.http.HttpSession;
+
+import java.io.*;
+
+public class LoginHandler extends HttpServlet {
+
+    public void doPost(HttpServletRequest req, HttpServletResponse res)
+            throws ServletException, IOException {
+        res.setContentType("text/html");
+        PrintWriter out = res.getWriter();
+
+        // Get the user's name and password
+        String name = req.getParameter("name");
+        String passwd = req.getParameter("passwd");
+
+        // Check the name and password for validity
+        if (!allowUser(name, passwd)) {
+            out.println("<HTML><HEAD><TITLE>Access Denied</TITLE></HEAD>");
+            out.println("<BODY>Your login and password are invalid.<BR>");
+            out.println("You may want to <A HREF=\"/login.html\">try again</A>");
+            out.println("</BODY></HTML>");
+        }
+        else {
+            // Valid login. Make a note in the session object.
+            HttpSession session = req.getSession(true);
+            session.putValue("logon.isDone", name);  // just a marker object
+
+            // Try redirecting the client to the page he first tried to access
+            try {
+                String target = (String) session.getValue("login.target");
+                if (target != null)
+                    res.sendRedirect(target);
+                return;
+            }
+            catch (Exception ignored) { }
+
+            // Couldn't redirect to the target. Redirect to the site's home page.
+            res.sendRedirect(req.getScheme() + "://" +
+                    req.getServerName() + ":" + req.getServerPort());
+        }
+    }
+
+    protected boolean allowUser(String user, String passwd) {
+        return true;  // trust everyone
+    }
+}
\ No newline at end of file

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

+package com.roshka.proyectofinal;
+
+import java.io.*; 
+import java.util.*; 
+import javax.servlet.*; 
+import javax.servlet.http.*;
+
+public class ProtectedResource extends HttpServlet {
+
+	public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { 
+			res.setContentType("text/plain");
+			PrintWriter out = res.getWriter();
+
+			// Get the session
+			HttpSession session = req.getSession(true);
+
+			// Does the session indicate this user already logged in?
+			Object done = session.getValue("logon.isDone");
+			// marker object
+			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");
+				return;
+			}
+			// If we get here, the user has logged in and can see the goods
+			out.println("Unpublished O'Reilly book manuscripts await you!");
+		}
+	 }
\ No newline at end of file

src/main/java/com/roshka/proyectofinal/bootcamp/BootcampDao.java

+package com.roshka.proyectofinal.bootcamp;
+
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.Bootcamp;
+
+import java.sql.Connection;
+import java.sql.DriverManager;
+import java.sql.PreparedStatement;
+
+public class BootcampDao {
+
+    public static int save(Bootcamp b){
+        int status=0;
+
+        try{
+            Connection con= DataBase.getConnection();
+            PreparedStatement ps=con.prepareStatement(
+                    "insert into bootcamp (id_lenguaje,id_profesor,fecha_inicio,fecha_fin,descripcion,imagen,titulo,activo) values (?,?,?,?,?,?,?,?)");
+            ps.setInt(1,b.getId_lenguaje());
+            ps.setInt(2,b.getId_profesor());
+            ps.setString(3,b.getFecha_inicio());
+            ps.setString(4,b.getFecha_fin());
+            ps.setString(5,b.getDescripcion());
+            ps.setString(6,b.getImagen());
+            ps.setString(7,b.getTitulo());
+            ps.setBoolean(8,b.getActivo());
+
+            status=ps.executeUpdate();
+
+            con.close();
+        }catch(Exception ex){ex.printStackTrace();}
+
+        return status;
+    }
+
+}

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

+package com.roshka.proyectofinal.bootcamp;
+
+import com.roshka.proyectofinal.entity.Bootcamp;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import java.io.IOException;
+import java.io.PrintWriter;
+
+public class SaveServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response)
+            throws ServletException, IOException {
+        response.setContentType("text/html");
+        PrintWriter out=response.getWriter();
+
+        int id_lenguaje= Integer.parseInt(request.getParameter("id_lenguaje"));
+        int id_profesor= Integer.parseInt(request.getParameter("id_profesor"));
+        String fecha_inicio=request.getParameter("fecha_inicio");
+        String fecha_fin=request.getParameter("fecha_fin");
+        String descripcion=request.getParameter("descripcion");
+        String imagen=request.getParameter("imagen");
+        String titulo=request.getParameter("titulo");
+        String activoStr=request.getParameter("activo");
+        Boolean activo = false;
+        if ( activoStr == "on" ) {
+            activo = true;
+        }
+
+
+
+        Bootcamp b =new Bootcamp( id_lenguaje, id_profesor, fecha_inicio, fecha_fin, descripcion, imagen, titulo, activo);
+
+        int status= BootcampDao.save(b);
+        if(status>0){
+            out.print("<p>Record saved successfully!</p>");
+            request.getRequestDispatcher("index.html").include(request, response);
+        }else{
+            out.println("Sorry! unable to save record");
+        }
+
+        out.close();
+    }
+}

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

+package com.roshka.proyectofinal.entity;
+
+public class Bootcamp {
+    private int id, id_lenguaje, id_profesor;
+    private String fecha_inicio,fecha_fin,descripcion,imagen,titulo;
+    private boolean activo;
+
+    public Bootcamp() {
+
+    }
+
+    public Bootcamp(int id_lenguaje, int id_profesor, String fecha_inicio, String fecha_fin, String descripcion, String imagen, String titulo, boolean activo) {
+        this.id_lenguaje = id_lenguaje;
+        this.id_profesor = id_profesor;
+        this.fecha_inicio = fecha_inicio;
+        this.fecha_fin = fecha_fin;
+        this.descripcion = descripcion;
+        this.imagen = imagen;
+        this.titulo = titulo;
+        this.activo = activo;
+    }
+
+    public int getId() {
+        return id;
+    }
+
+    public int getId_lenguaje() {
+        return id_lenguaje;
+    }
+
+    public void setId_lenguaje(int id_lenguaje) {
+        this.id_lenguaje = id_lenguaje;
+    }
+
+    public int getId_profesor() {
+        return id_profesor;
+    }
+
+    public void setId_profesor(int id_profesor) {
+        this.id_profesor = id_profesor;
+    }
+
+    public String getFecha_inicio() {
+        return fecha_inicio;
+    }
+
+    public void setFecha_inicio(String fecha_inicio) {
+        this.fecha_inicio = fecha_inicio;
+    }
+
+    public String getFecha_fin() {
+        return fecha_fin;
+    }
+
+    public void setFecha_fin(String fecha_fin) {
+        this.fecha_fin = fecha_fin;
+    }
+
+    public String getDescripcion() {
+        return descripcion;
+    }
+
+    public void setDescripcion(String descripcion) {
+        this.descripcion = descripcion;
+    }
+
+    public String getImagen() {
+        return imagen;
+    }
+
+    public void setImagen(String imagen) {
+        this.imagen = imagen;
+    }
+
+    public String getTitulo() {
+        return titulo;
+    }
+
+    public void setTitulo(String titulo) {
+        this.titulo = titulo;
+    }
+
+    public boolean getActivo() {
+        return activo;
+    }
+
+    public void setActivo(boolean activo) {
+        this.activo = activo;
+    }
+
+}
+

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

+package com.roshka.proyectofinal.entity;
+
+public class Lenguaje {
+    private int id;
+    private String nombre_lenguaje;
+
+    public Lenguaje() {
+
+    }
+
+    public String getNombre_lenguaje() {
+        return nombre_lenguaje;
+    }
+
+    public void setNombre_lenguaje(String nombre_lenguaje) {
+        this.nombre_lenguaje = nombre_lenguaje;
+    }
+}

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

+package com.roshka.proyectofinal.entity;
+
+public class Profesor {
+    private int id,nro_cedula;
+    private String nombre,apellido,correo;
+
+    public Profesor() {
+
+    }
+
+    public Profesor(int nro_cedula, String nombre, String apellido, String correo) {
+        this.nro_cedula = nro_cedula;
+        this.nombre = nombre;
+        this.apellido = apellido;
+        this.correo = correo;
+    }
+
+    public String getNombre() {
+        return nombre;
+    }
+
+    public void setNombre(String nombre) {
+        this.nombre = nombre;
+    }
+
+    public String getApellido() {
+        return apellido;
+    }
+
+    public void setApellido(String apellido) {
+        this.apellido = apellido;
+    }
+
+    public String getCorreo() {
+        return correo;
+    }
+
+    public void setCorreo(String correo) {
+        this.correo = correo;
+    }
+
+    public int getNro_cedula() {
+        return nro_cedula;
+    }
+
+    public void setNro_cedula(int nro_cedula) {
+        this.nro_cedula = nro_cedula;
+    }
+}

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

+package com.roshka.proyectofinal.entity;
+
+public class Usuario {
+    private int id;
+    private String nombre,apellido,correo,contrasena;
+
+    public Usuario() {
+
+    }
+
+    public Usuario(String nombre, String apellido, String correo, String contrasena) {
+        this.nombre = nombre;
+        this.apellido = apellido;
+        this.correo = correo;
+        this.contrasena = contrasena;
+    }
+
+    public int getId() {
+        return id;
+    }
+
+    public String getNombre() {
+        return nombre;
+    }
+
+    public void setNombre(String nombre) {
+        this.nombre = nombre;
+    }
+
+    public String getApellido() {
+        return apellido;
+    }
+
+    public void setApellido(String apellido) {
+        this.apellido = apellido;
+    }
+
+    public String getCorreo() {
+        return correo;
+    }
+
+    public void setCorreo(String correo) {
+        this.correo = correo;
+    }
+
+    public String getContrasena() {
+        return contrasena;
+    }
+
+    public void setContrasena(String contrasena) {
+        this.contrasena = contrasena;
+    }
+}

src/main/java/com/roshka/proyectofinal/lenguaje/LenguajeDao.java

+package com.roshka.proyectofinal.lenguaje;
+
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.Lenguaje;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+
+public class LenguajeDao {
+
+    public static int save(Lenguaje l){
+        int status=0;
+        try{
+            Connection con= DataBase.getConnection();
+            PreparedStatement ps=con.prepareStatement(
+                    "insert into lenguaje (nombre_lenguaje) values (?)");
+            ps.setString(1,l.getNombre_lenguaje());
+
+            status=ps.executeUpdate();
+
+            con.close();
+        }catch(Exception ex){ex.printStackTrace();}
+
+        return status;
+    }
+}

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

+package com.roshka.proyectofinal.lenguaje;
+
+import com.roshka.proyectofinal.entity.Lenguaje;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import java.io.IOException;
+import java.io.PrintWriter;
+
+public class SaveServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response)
+            throws ServletException, IOException {
+        response.setContentType("text/html");
+        PrintWriter out=response.getWriter();
+
+        String nombre_lenguaje=request.getParameter("nombre_lenguaje");
+        Lenguaje l =new Lenguaje();
+        l.setNombre_lenguaje(nombre_lenguaje);
+
+        int status=LenguajeDao.save(l);
+        if(status>0){
+            out.print("<p>Record saved successfully!</p>");
+            request.getRequestDispatcher("index.html").include(request, response);
+        }else{
+            out.println("Sorry! unable to save record");
+        }
+
+        out.close();
+    }
+
+}

src/main/java/com/roshka/proyectofinal/profesor/ProfesorDao.java

+package com.roshka.proyectofinal.profesor;
+
+import com.roshka.proyectofinal.DataBase;
+import com.roshka.proyectofinal.entity.Profesor;
+
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+
+public class ProfesorDao {
+
+    public static int save(Profesor p){
+        int status=0;
+        try{
+            Connection con= DataBase.getConnection();
+            PreparedStatement ps=con.prepareStatement(
+                    "insert into profesor (nombre,apellido,nro_cedula,correo) values (?,?,?,?)");
+            ps.setString(1,p.getNombre());
+            ps.setString(2,p.getApellido());
+            ps.setInt(3,p.getNro_cedula());
+            ps.setString(4,p.getCorreo());
+
+            status=ps.executeUpdate();
+
+            con.close();
+        }catch(Exception ex){ex.printStackTrace();}
+
+        return status;
+    }
+}

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

+package com.roshka.proyectofinal.profesor;
+
+import com.roshka.proyectofinal.entity.Profesor;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServlet;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import java.io.IOException;
+import java.io.PrintWriter;
+
+public class SaveServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response)
+            throws ServletException, IOException {
+        response.setContentType("text/html");
+        PrintWriter out=response.getWriter();
+
+        String nombre=request.getParameter("nombre");
+        String apellido=request.getParameter("apellido");
+        String email=request.getParameter("correo");
+        String nro_cedulaStr=request.getParameter("nro_cedula");
+        int nro_cedula = Integer.parseInt(nro_cedulaStr);
+        Profesor p =new Profesor(nro_cedula, nombre, apellido, email);
+
+        int status=ProfesorDao.save(p);
+        if(status>0){
+            out.print("<p>Record saved successfully!</p>");
+            request.getRequestDispatcher("index.html").include(request, response);
+        }else{
+            out.println("Sorry! unable to save record");
+        }
+
+        out.close();
+    }
+
+}

src/main/java/entity/Postulante.java

+package com.roshka.proyectofinal;
+
+//Creacion del objeto Postulante
+public class Postulante {
+
+    private int id,nroCedula,bootcampId;
+    private String nombre,apellido,telefono,direccion,correo;
+    private boolean   expLaboral,estudioUniversitario,notebook,aceptado;
+
+    //Los parametros que reciban los metodos get estaran en ingles con camelCase para evitar confusiones
+
+
+    public Postulante() {
+    }
+
+    public Postulante(int nroCedula, String nombre, String apellido, String telefono, String direccion, String correo, boolean expLaboral, boolean estudioUniversitario, boolean notebook, int bootcampId, boolean aceptado) {
+        this.nroCedula = nroCedula;
+        this.nombre = nombre;
+        this.apellido = apellido;
+        this.telefono = telefono;
+        this.direccion = direccion;
+        this.correo = correo;
+        this.expLaboral = expLaboral;
+        this.estudioUniversitario = estudioUniversitario;
+        this.notebook = notebook;
+        this.bootcampId = bootcampId;
+        this.aceptado = aceptado;
+    }
+    public int getId() {
+        return id;
+    }
+    public int getNro_cedula() {
+        return nroCedula;
+    }
+    public void setNro_cedula(int card_id) {
+        this.nroCedula = card_id;
+    }
+    public String getNombre() {
+        return nombre;
+    }
+    public void setNombre(String name) {
+        this.nombre = name;
+    }
+    public String getApellido() {
+        return apellido;
+    }
+    public void setApellido(String lastName) {
+        this.apellido = lastName;
+    }
+    public String getTelefono() {
+        return telefono;
+    }
+    public void setTelefono(String telephone) {
+        this.telefono = telephone;
+    }
+    public String getDireccion() {
+        return direccion;
+    }
+    public void setDireccion(String addres) {
+        this.direccion = addres;
+    }
+    public String getCorreo() {
+        return correo;
+    }
+    public void setCorreo(String email) {
+        this.correo = email;
+    }
+    public boolean getExpLaboral(){
+        return expLaboral;
+    }
+    public void setExpLaboral(boolean laboralExperience){
+        this.expLaboral = laboralExperience;
+    }
+    public boolean getEstudioUniversitario(){
+        return estudioUniversitario;
+    }
+    public void setEstudioUniversitario(boolean university){
+        this.estudioUniversitario = university;
+    }
+    public boolean getNotebook(){
+        return notebook;
+    }
+    public void setNotebook(boolean notebook){
+        this.notebook = notebook;
+    }
+    public boolean getAceptado(){
+        return aceptado;
+    }
+    public void setAceptado(boolean acepted){
+        this.aceptado = acepted;
+    }
+    public int getBootcampId(){
+        return bootcampId;
+    }
+    public void setBootcampId(int bootcampId){
+        this.bootcampId = bootcampId;
+    }
+
+}

src/main/webapp/estilos/home.css

+img.logoi{
+    width: 200px;
+    
+}
+
+img{
+    width: 400px;
+}
+.header {
+    margin-bottom: 0;
+    width: 700px;
+}
+a{
+    float: right 100px;
+}
+
+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-attachment: fixed;
+    background-blend-mode: multiply;
+    font-family: "normal";
+    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(14px, 20px, 1.2vw);
+    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 {
+    padding-bottom: 20px;
+    width: 1098px;
+}
+.hero {
+    perspective: 150px;
+}
+.hero {
+    display: grid;
+    grid-template-columns: auto repeat(10, 1fr) auto;
+}
+.hero {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-left: 200px;
+    /* padding-right: 200px;
+ */
+}
+ .postulacion{
+border-radius: 30px;
+color: blue;
+ 
+}
\ No newline at end of file

src/main/webapp/formulario.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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">
+    <title>postulacion</title>
+</head>
+
+<body>
+    <main>
+
+
+        <div>
+            <p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
+
+            <form action="">
+
+                <label for="nombre">Ingrese su Nombre:</label>
+                <input required id="nombre" type="text"><br>
+
+                <label for="apellido">Ingrese su Apellido:</label>
+                <input required id="apellido" type="text"><br>
+
+                <label for="cedula">Numero de cedula:</label>
+                <input required id="cedula" type="number"><br>
+
+                <label for="correo">Correo:</label>
+                <input required id="correo" type="email"><br>
+
+                <label for="telefono">Telefono:</label>
+                <input required id="telefono" type="text"><br>
+
+                <label for="direccion">Direccion:</label>
+                <input required id="direccion" type="text"><br>
+
+                <label for="experiencia_laboral">Experiencia laboral</label>
+                <!-- Si no lo marca el valor que envia es null y si lo marca es "ON" -->
+                <input id="experiencia_laboral" type="checkbox"><br>
+
+                <label for="experiencia_programando">Tienes experiencia programando</label>
+                <input id="experiencia_programando" type="checkbox"><br>
+
+                <label for="notebook">Cuenta con notebook:</label>
+                <input id="notebook" type="checkbox"><br>
+
+                <label for="universidad">Estudio Universitario: </label>
+                <input id="universidad" type="checkbox"><br>
+
+                <input type="submit">
+                <input type="reset" value="Borrar">
+            </form>
+        </div>
+
+    </main>
+</body>
+
+</html>
\ No newline at end of file

src/main/webapp/imagenes/descarga.svg

+<svg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'><g mask='url(&quot;#SvgjsMask1560&quot;)' fill='none'><rect width='1440' height='560' x='0' y='0' fill='url(#SvgjsRadialGradient1561)'></rect><path d='M0 0L52.91 0L0 5.82z' fill='rgba(255, 255, 255, .1)'></path><path d='M0 5.82L52.91 0L223.41 0L0 198.10999999999999z' fill='rgba(255, 255, 255, .075)'></path><path d='M0 198.10999999999999L223.41 0L876.5699999999999 0L0 320.44z' fill='rgba(255, 255, 255, .05)'></path><path d='M0 320.44L876.5699999999999 0L1264.6799999999998 0L0 414.01z' fill='rgba(255, 255, 255, .025)'></path><path d='M1440 560L1266.7 560L1440 289.19z' fill='rgba(0, 0, 0, .1)'></path><path d='M1440 289.19L1266.7 560L701.63 560L1440 233.49z' fill='rgba(0, 0, 0, .075)'></path><path d='M1440 233.49L701.6299999999999 560L375.40999999999985 560L1440 115.81z' fill='rgba(0, 0, 0, .05)'></path><path d='M1440 115.81L375.40999999999985 560L223.58999999999986 560L1440 34.019999999999996z' fill='rgba(0, 0, 0, .025)'></path></g><defs><mask id='SvgjsMask1560'><rect width='1440' height='560' fill='white'></rect></mask><radialGradient cx='100%' cy='100%' r='1545.06' gradientUnits='userSpaceOnUse' id='SvgjsRadialGradient1561'><stop stop-color='rgba(9, 82, 158, 1)' offset='1'></stop><stop stop-color='rgba(0, 69, 158, 0)' offset='1'></stop></radialGradient></defs></svg>
\ No newline at end of file

src/main/webapp/index.html

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <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"
+    />
+    <!-- para concectar con css  -->
+    <link rel="stylesheet" href="./estilos/home.css" />
+
+    <!-- el icono para la pagina  -->
+    <link rel="shortcut icon" href="./imagenes/roshkaicon.ico" sizes="any" />
+    <title>Roshka WebSite</title>
+  </head>
+  <div class="header">
+    <div class="logo">
+      <a href="./index.html"> <img class="logoi" src="./imagenes/logo-roshka.svg" alt="" /> </a
+      ><!-- logo con link -->
+    </div>
+    <div class="menu">
+      <ul>
+        <li class="link-menu"><a href="/">Home</a></li>
+        <li class="link-menu"><a href="./home.html">Postulate</a></li>
+      </ul>
+    </div>
+    <!-- menu  -->
+  </div>
+  <!-- header -->
+
+
+  <div class="main">
+    <div class="seccion hero">
+
+
+            
+
+            <!-- <div class="contenido"> -->
+
+              <br> <br> <br> <br> <br> <br><br><div class="texto">
+                <div class="titulo">
+                    <div class="titulo">
+                        <h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
+                        <h1>Aprende</h1>
+                    </div>
+                </div>
+                <div class="parrafo">
+                    <p data-block-key="cwggy">Es un campo de entrenamiento intensivo y gratuito para principiantes que ya programan y quieren ser parte de la empresa</p>
+                </div>
+                <div class="postulacion">
+                    <a href="/postulacion" class="cta-main">POSTULACION</a>
+                </div>
+            </div>
+
+            <div class="grafico">
+                <img style="align-items:right ;" src="./imagenes/ilustracion-herov3.svg" alt="">
+            </div>
+
+            <!-- </div> -->
+
+    </div>
+
+</html>