diff --git a/src/main/webapp/formulario.html b/src/main/webapp/formulario.jsp
similarity index 70%
rename from src/main/webapp/formulario.html
rename to src/main/webapp/formulario.jsp
index 2dec900..787dbd1 100644
--- a/src/main/webapp/formulario.html
+++ b/src/main/webapp/formulario.jsp
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!-- <!DOCTYPE html>
 <html lang="en">
 
 <head>
@@ -7,72 +7,86 @@
     <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>
+</head> -->
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+pageEncoding="UTF-8"%>
+    <!DOCTYPE html>
+    <html>
 
-<body>
-    <main>
+    <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>
 
-        <div>
-            <p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
+            <div>
+                <p>Si sigues interesado y cumples con los requisitos, completa el siguiente formulario: </p>
 
-            <form method="post" action="SaveServlet">
+                <form method="post" action="SaveServlet">
 
-                <label for="nombre">Ingrese su Nombre:</label>
-                <input required id="nombre" name="nombre" type="text"><br>
+                    <label for="nombre">Ingrese su Nombre:</label>
+                    <input required id="nombre" name="nombre" type="text"><br>
 
-                <label for="apellido">Ingrese su Apellido:</label>
-                <input required id="apellido" name="apellido" type="text"><br>
+                    <label for="apellido">Ingrese su Apellido:</label>
+                    <input required id="apellido" name="apellido" type="text"><br>
 
-                <label for="cedula">Numero de cedula:</label>
-                <input required id="cedula" name="cedula" type="number"><br>
+                    <label for="cedula">Numero de cedula:</label>
+                    <input required id="cedula" name="cedula" type="number"><br>
 
-                <label for="correo">Correo:</label>
-                <input required id="correo" name="correo" type="email"><br>
+                    <label for="correo">Correo:</label>
+                    <input required id="correo" name="correo" type="email"><br>
 
-                <label for="telefono">Telefono:</label>
-                <input required id="telefono" name="telefono" type="text"><br>
+                    <label for="telefono">Telefono:</label>
+                    <input required id="telefono" name="telefono" type="text"><br>
 
-                <label for="direccion">Direccion:</label>
-                <input required id="direccion" name="direccion" type="text"><br>
+                    <label for="direccion">Direccion:</label>
+                    <input required id="direccion" name="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" name="experiencia_laboral" type="checkbox"><br>
-                <p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
-                <ul>
-                    <li>
-                        <label for="ruby">Ruby:</label><input id="ruby" name="ruby" type="checkbox"><br>
-                    </li>
-                    <li>
-                        <label for="java">Java: </label><input id="java" name="java" type="checkbox"><br>
-                    </li>
-                    <li>
-                        <label for="python">Python</label><input id="python" name="python" type="checkbox"><br>
-                    </li>
+                    <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" name="experiencia_laboral" type="checkbox"><br>
+                    <p for="experiencia_programando">Lenguajes de programacion que conoces:</p>
 
-                    <li>
-                        <label for="c">C++ </label><input id="c" name="c" type="checkbox"><br>
-                    </li>
+                    <%@ page import="com.roshka.proyectofinal.entity.Lenguaje, com.roshka.proyectofinal.lenguaje.LenguajeDao, java.util.List,java.util.Iterator" %>
 
-                    <li>
-                        <label for="javascript">Javascript </label><input id="javascript" name="javascript" type="checkbox"><br>
-                    </li>
+                        <%
+                LenguajeDao lenDao = new LenguajeDao();
+                List<Lenguaje> listLenguaje = lenDao.listar();
+                Iterator<Lenguaje> iter =  listLenguaje.iterator();
+                            Lenguaje len = null;
+   
+   
+                %>
+                            <ul>
+                                <% while(iter.hasNext()){
+                        len = iter.next();
 
-                </ul>
+                    %>
+                                    <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="notebook">Cuenta con notebook:</label>
-                <input id="notebook" name="notebook" type="checkbox"><br>
+                                    <% } %>
 
-                <label for="universidad">Estudio Universitario: </label>
-                <input id="universidad" name="universidad" type="checkbox"><br>
+                            </ul>
 
-                <input type="submit">
-                <input type="reset" value="Borrar">
-            </form>
-        </div>
+                            <label for="notebook">Cuenta con notebook:</label>
+                            <input id="notebook" name="notebook" type="checkbox"><br>
 
-    </main>
-</body>
+                            <label for="universidad">Estudio Universitario: </label>
+                            <input id="universidad" name="universidad" type="checkbox"><br>
 
-</html>
\ No newline at end of file
+                            <input type="submit">
+                            <input type="reset" value="Borrar">
+                </form>
+            </div>
+
+        </main>
+    </body>
+
+    </html>
\ No newline at end of file
diff --git a/src/main/webapp/formulario_bootcamp.jsp b/src/main/webapp/formulario_bootcamp.jsp
index def19c3..0061e57 100644
--- a/src/main/webapp/formulario_bootcamp.jsp
+++ b/src/main/webapp/formulario_bootcamp.jsp
@@ -1,31 +1,29 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
-<!DOCTYPE html>
-<html>
+    <!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"/>
+        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
         <title>JSP Page</title>
     </head>
+
     <body>
         <div class="container">
             <h1>Crear Bootcamp</h1>
 
             <%@ 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;
-
-
              %>
-
-
-                <form action="" method="post">
-                    <label for="lenguaje">Lenguajes:</label>
-                    <select name="lenguaje" id="lenguaje">
+                    <form action="" method="post">
+                        <label for="lenguaje">Lenguajes:</label>
+                        <select name="lenguaje" id="lenguaje">
                     <% while(iter.hasNext()){
                         len = iter.next();
 
@@ -35,7 +33,8 @@ pageEncoding="UTF-8"%>
                         </option>
                         <% } %>
                     </select>
-                </form>
+                    </form>
         </div>
     </body>
-</html>
+
+    </html>
\ No newline at end of file
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 9ca157c..a5665bd 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -1,15 +1,11 @@
 <!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"
-    />
+    <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  -->
 
 
@@ -22,16 +18,16 @@
 </head>
 <div class="header">
     <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 class="menu">
-      <ul>
-        <li class="link-menu"><a href="/">Home</a></li>
-        <li class="link-menu"><a href="./home.html">Postulate</a></li>
-        <li class="link-menu"><a href="/ProyectoFinal-Bootcamp/crearBootcamp">Crear bootcamp</a>
-        </li>
-      </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>
     </div>
     <!-- menu  -->
 </div>
@@ -46,21 +42,22 @@
 
         <!-- <div class="contenido"> -->
 
-        <br> <br> <br> <br> <br> <br><br><div class="texto">
-        <div class="titulo">
+        <br> <br> <br> <br> <br> <br><br>
+        <div class="texto">
             <div class="titulo">
-                <h2>Es tu turno <strong>Postulate</strong> para el bootcamp</h2>
-                <h1>Aprende</h1>
+                <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">
+                <button type="submit" class="cta-main">POSTULACION</button>
+                <!--  <a href="/postulacion" class="cta-main">POSTULACION</a> -->
             </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">
-            <button type="submit" class="cta-main">POSTULACION</button>
-            <!--  <a href="/postulacion" class="cta-main">POSTULACION</a> -->
-        </div>
-    </div>
 
         <div class="grafico">
             <img style="align-items:right ;" src="imagenes/ilustracion-herov3.svg" alt="">
@@ -71,54 +68,54 @@
     </div>
     <!-- pie de pagina -->
     <div class="footer">
-      <div class="logofooter"><img src="imagenes/logo_footer.svg" alt="" class="logofooter"></div>
+        <div class="logofooter"><img src="imagenes/logo_footer.svg" alt="" class="logofooter"></div>
     </div>
 </div>
 
-  </div>
+</div>
 </div>
 
 </body>
+
 </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);
-
+    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{
+        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{
@@ -137,67 +134,74 @@ body {
     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;
+    
+    .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>
+    }
+    /*  */
+    
+    .postulacion {
+        border-radius: 30px;
+    }
+    
+    .cta-main {
+        width: 200px;
+        font-family: monospace;
+        background-color: yellow;
+        border: none;
+    }
+</style>
\ No newline at end of file
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index 705ff4a..a026d71 100644
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -14,7 +14,8 @@
         </h1>
         <br/>
         <a href="hello-servlet">Hello Servlet</a><br>
-        <a href="./formulario.html">Postulate aqui</a>
+
+
     </body>
 
     </html>
