diff --git a/curriculumsearch/src/main/java/com/roshka/configuration/WebSecurityConfig.java b/curriculumsearch/src/main/java/com/roshka/configuration/WebSecurityConfig.java
index bc82739..219922f 100644
--- a/curriculumsearch/src/main/java/com/roshka/configuration/WebSecurityConfig.java
+++ b/curriculumsearch/src/main/java/com/roshka/configuration/WebSecurityConfig.java
@@ -56,6 +56,7 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
                 .mvcMatchers("/tecnologia*").authenticated()
                 .mvcMatchers("/postulantes","/postulantes/**").authenticated()
                 .mvcMatchers("/edit-user-data").authenticated()
+                .mvcMatchers("/postulantesExcel*").authenticated()
                 .anyRequest().permitAll()
                 .and()
             .formLogin()
diff --git a/curriculumsearch/src/main/java/com/roshka/controller/PostulanteRRHHController.java b/curriculumsearch/src/main/java/com/roshka/controller/PostulanteRRHHController.java
index f6be2d0..35ba87e 100644
--- a/curriculumsearch/src/main/java/com/roshka/controller/PostulanteRRHHController.java
+++ b/curriculumsearch/src/main/java/com/roshka/controller/PostulanteRRHHController.java
@@ -189,7 +189,7 @@ public class PostulanteRRHHController {
         response.setHeader(headerKey, headerValue);
 
         HashMap<String, String> filtros = new HashMap<String, String>();
-        filtros.put("nombre", nombre.equals("") ? "-":nombre);
+        filtros.put("nombre", nombre == null ? "-":nombre);
         filtros.put("nivelIngles", lvlEng == null ? "-" : lvlEng.toString());
         filtros.put("tecnologia", tecId == null ? "-" : tecRepo.findById(tecId).get().getNombre());
         filtros.put("nivelTecnologia", lvlTec == null ? "-" : lvlTec.toString());
@@ -197,6 +197,7 @@ public class PostulanteRRHHController {
         filtros.put("estado", estado == null ? "-" : estado.getEstado());
         filtros.put("experienciaEnMeses", expInMonths == null ? "-" : expInMonths.toString());
         filtros.put("convocatoria", convId == null ? "-" : cargoRepo.findById(convId).get().getCargo().getNombre());
+        filtros.put("convocatoriaFecha", convId == null ? "-" : cargoRepo.findById(convId).get().getFechaInicio().toString());
 
         PostulantesExcelExporter excelExporter = new PostulantesExcelExporter(postulantesDTO, filtros);
 
diff --git a/curriculumsearch/src/main/java/com/roshka/utils/PostulantesExcelExporter.java b/curriculumsearch/src/main/java/com/roshka/utils/PostulantesExcelExporter.java
index 4fe21e4..d765f6a 100644
--- a/curriculumsearch/src/main/java/com/roshka/utils/PostulantesExcelExporter.java
+++ b/curriculumsearch/src/main/java/com/roshka/utils/PostulantesExcelExporter.java
@@ -59,34 +59,16 @@ public class PostulantesExcelExporter {
         createCell(row, 5, "Institucion", style);
         createCell(row, 6, "Estado", style);
         createCell(row, 7, "Convocatoria", style);
+        createCell(row, 8, "Fecha Inicio Convocatoria", style);
 
 
         row = sheet.createRow(6);
-        style = workbook.createCellStyle();
-        font = workbook.createFont();
-        font.setBold(true);
-        font.setFontHeight(14);
-        style.setFont(font);
-
         createCell(row, 0, "Nombre", style);
         createCell(row, 1, "Nivel de Ingles", style);
         createCell(row, 2, "Experiencia", style);
         createCell(row, 3, "Tecnologias", style);
         createCell(row, 4, "Estado", style);
 
-        row = sheet.createRow(4);
-        font.setBold(false);
-        font.setFontHeight(12);
-        style.setFont(font);
-        createCell(row, 0, filtros.get("nombre"), style);
-        createCell(row, 1, filtros.get("nivelIngles"), style);
-        createCell(row, 2, filtros.get("experienciaEnMeses"), style);
-        createCell(row, 3, filtros.get("tecnologia"), style);
-        createCell(row, 4, filtros.get("nivelTecnologia"), style);
-        createCell(row, 5, filtros.get("institucion"), style);
-        createCell(row, 6, filtros.get("estado"), style);
-        createCell(row, 7, filtros.get("convocatoria"), style);
-
     }
 
     private void createCell(Row row, int columnCount, Object value, CellStyle style) {
@@ -126,6 +108,17 @@ public class PostulantesExcelExporter {
             createCell(row, columnCount++, user.getEstado().getEstado(), style);
             tecno.delete(0, tecno.length()-1);
         }
+
+        Row row = sheet.createRow(4);
+        createCell(row, 0, filtros.get("nombre"), style);
+        createCell(row, 1, filtros.get("nivelIngles"), style);
+        createCell(row, 2, filtros.get("experienciaEnMeses"), style);
+        createCell(row, 3, filtros.get("tecnologia"), style);
+        createCell(row, 4, filtros.get("nivelTecnologia"), style);
+        createCell(row, 5, filtros.get("institucion"), style);
+        createCell(row, 6, filtros.get("estado"), style);
+        createCell(row, 7, filtros.get("convocatoria"), style);
+        createCell(row, 8, filtros.get("convocatoriaFecha"), style);
     }
 
     public void export(HttpServletResponse response) throws IOException {
diff --git a/curriculumsearch/src/main/resources/static/Convo.js b/curriculumsearch/src/main/resources/static/Convo.js
index 2c794d5..0786c0a 100644
--- a/curriculumsearch/src/main/resources/static/Convo.js
+++ b/curriculumsearch/src/main/resources/static/Convo.js
@@ -6,7 +6,7 @@ function listarConvocatorias(id){
     const frag = document.createDocumentFragment();
     let optionDefault = document.createElement("option");
     optionDefault.value = "";
-    optionDefault.innerHTML = "Seleccione una opcion";
+    optionDefault.innerHTML = "Seleccione";
     frag.appendChild(optionDefault);
     for (const conv of ConvocatoriaAmostrar) {
         const opt = document.createElement("option");    
diff --git a/curriculumsearch/src/main/resources/static/main.js b/curriculumsearch/src/main/resources/static/main.js
index daad42f..091b1d1 100644
--- a/curriculumsearch/src/main/resources/static/main.js
+++ b/curriculumsearch/src/main/resources/static/main.js
@@ -175,7 +175,7 @@ function agregarFieldTecnologia(){
         if(tecn==null) continue;
         content1 += `
         <div class="col-auto" id="tecn-${index}">
-        ${tecn.tecnologia.nombre} ( ${tecn.nivel} <i class="bi bi-star-fill"></i> ) &nbsp; <i class="bi bi-trash-fill" onclick="eliminarTecnologia(event)"></i>             
+        ${tecn.tecnologia.nombre} ( ${tecn.nivel} <i class="bi bi-star-fill"></i> ) &nbsp; <i class="bi bi-trash-fill pointer" onclick="eliminarTecnologia(event)"></i>             
         </div>
         
         `
@@ -267,7 +267,7 @@ function agregarFieldExpierncia(event){
         if(exp==null) continue;
         content += `
         <div class="col border border-3 rounded" id="exp-${index}">
-                    <center><h5>Experiencia <i class="bi bi-trash-fill" onclick="eliminarExperiencia(${index})"></i></h5></center>
+                    <center><h5>Experiencia <i class="bi bi-trash-fill pointer" onclick="eliminarExperiencia(${index})"></i></h5></center>
                     <dl class="row row-cols-md-2 gx-0 gy-2">
                         <dt class="col-sm-auto text-start">Institucion</dt>
                         <dd class="col-sm-6 text-start">${exp.institucion}</dd>
@@ -380,7 +380,7 @@ function agregarFieldEstudio(){
         if(est==null) continue;
         content += `
         <div class="col border border-3 rounded" id="est-${index}">
-        <center><h5>Estudio <i class="bi bi-trash-fill" onclick="eliminarEstudio(${index})"></i></h5></center>
+        <center><h5>Estudio <i class="bi bi-trash-fill pointer" onclick="eliminarEstudio(${index})"></i></h5></center>
         <dl class="row row-cols-md-2 gx-0 gy-2">
             <dt class="col-sm-auto text-start">Institucion</dt>
             <dd class="col-sm-6 text-start">${est.institucion.nombre}</dd>
@@ -473,7 +473,7 @@ function agregarFieldCargo(){
         if(car==null) continue;
         content1 += `
         <div class="col-auto" id="car-${index}" style="text-transform: uppercase;">
-            ${document.querySelector('[name=cargo-id] >  option[value="'+car.id+'"]').innerHTML} &nbsp;<i class="bi bi-trash-fill" onclick="eliminarCargoPostulante(event)"></i>     
+            ${document.querySelector('[name=cargo-id] >  option[value="'+car.id+'"]').innerHTML} &nbsp;<i class="bi bi-trash-fill pointer" onclick="eliminarCargoPostulante(event)"></i>     
             
         </div>
 
@@ -547,7 +547,7 @@ function agregarFieldReferencia(event){
         if(exp==null) continue;
         content += `
         <div class="col border border-3 rounded" id="ref-${index}">
-        <center><h5>Referencia Personal <i class="bi bi-trash-fill" onclick="eliminarReferencia(${index})"></i></h5></center> 
+        <center><h5>Referencia Personal <i class="bi bi-trash-fill pointer" onclick="eliminarReferencia(${index})"></i></h5></center> 
             <dl class="row row-cols-sm-2">
                 <dt class="col-sm-auto text-start">Nombre</dt>
                 <dd class="col-sm text-start">${exp.nombre}</dd>
diff --git a/curriculumsearch/src/main/webapp/css/PostulanteStyle.css b/curriculumsearch/src/main/webapp/css/PostulanteStyle.css
new file mode 100644
index 0000000..dcd4f43
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/css/PostulanteStyle.css
@@ -0,0 +1,60 @@
+
+.content-select select{
+	appearance: none;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+}
+.content-select select::-ms-expand {
+    display: none;
+}
+.content-select{
+	max-width: 250px;
+	position: relative;
+}
+ 
+.content-select select{
+	display: inline-block;
+	width: 100%;
+	cursor: pointer;
+  	padding: 7px 10px;
+  	height: 42px;
+  	outline: 0; 
+  	border: 0;
+	border-radius: 0;
+	background: #f0f0f0;
+	color: #7b7b7b;
+	font-size: 1em;
+	color: #999;
+	font-family: 
+	'Quicksand', sans-serif;
+	border:2px solid rgba(0,0,0,0.2);
+    border-radius: 12px;
+    position: relative;
+    transition: all 0.25s ease;
+}
+ 
+.content-select select:hover{
+	background: #B1E8CD;
+}
+ 
+/* 
+Creamos la fecha que aparece a la izquierda del select.
+Realmente este elemento es un cuadrado que sólo tienen
+dos bordes con color y que giramos con transform: rotate(-45deg);
+*/
+.content-select i{
+	position: absolute;
+	right: 20px;
+	top: calc(50% - 13px);
+	width: 16px;
+	height: 16px;
+	display: block;
+	border-left:4px solid #2AC176;
+	border-bottom:4px solid #2AC176;
+	transform: rotate(-45deg); /* Giramos el cuadrado */
+	transition: all 0.25s ease;
+}
+ 
+.content-select:hover i{
+	margin-top: 3px;
+}
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css b/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
index 32b1605..8d4ecf0 100644
--- a/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
+++ b/curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
@@ -218,4 +218,116 @@ form[name="postulante"]{
 .form-check-input:checked {
     background-color: #198754;
     border-color: #0d6efd;
-}
\ No newline at end of file
+}
+
+label:hover {
+    color: #bfbfbf;
+}
+/*ICONOS Y PLACEHOLDER*/
+.FA{
+    font-family: 'Shippori Antique B1',FontAwesome;
+}
+
+
+#nroDocument::-webkit-outer-spin-button,
+#nroDocument::-webkit-inner-spin-button
+{
+    -webkit-appearance: none;
+    margin: 0;
+}
+#nroDocument[type=number] {
+    -moz-appearance: textfield;
+}
+#telefono::-webkit-outer-spin-button,
+#telefono::-webkit-inner-spin-button
+{
+    -webkit-appearance: none;
+    margin: 0;
+}
+#telefono[type=number] {
+    -moz-appearance: textfield;
+}
+#refTel::-webkit-outer-spin-button,
+#refTel::-webkit-inner-spin-button
+{
+    -webkit-appearance: none;
+    margin: 0;
+}
+#refTel[type=number] {
+    -moz-appearance: textfield;
+}
+.pointer {cursor: pointer;}
+/*
+
+.size-placeholder::placeholder{
+    background-size: 18px 18px;
+    background-repeat: no-repeat;
+    background-position: right center;
+    
+ 
+}
+/*Nombre
+.nombre-ph::placeholder{
+    background-image: url(../img/placeholder/name_ph.png);
+}
+Apellido
+#apellido::placeholder{
+    background-image: url(../img/placeholder/lastname_ph.png);
+}
+Email
+#correo::placeholder{
+    background-image: url(../img/placeholder/email_ph.png);
+}
+Numero de documento*/
+
+/*
+.nroDocument-ph::placeholder{
+    background-image: url(../img/placeholder/nroDocumento_ph.png);
+    margin-left: 5px;
+}
+Direccion
+#direccion::placeholder{
+    background-image: url(../img/placeholder/adress_ph.png);
+    background-size: 14px 14px;
+}*/
+/*Telefono*/
+
+/*
+.telefono-ph::placeholder{
+    background-image: url(../img/placeholder/telephone_ph.png);  
+} 
+/*Modal Estudio
+#institucionEstudio::placeholder{
+    background-image: url(../img/placeholder/studios_ph.png);  
+}
+#temaDeEstudio::placeholder{
+    background-image: url(../img/placeholder/studios_ph.png);  
+}
+
+#institucionExperiencia::placeholder{
+    background-image: url(../img/placeholder/studios_ph.png);  
+}
+#cargo::placeholder{
+    background-image: url(../img/placeholder/cargo_ph.png);  
+}
+
+#descripcion::placeholder{
+    background-image: url(../img/placeholder/description_ph.png);  
+}
+#refNombre::placeholder{
+    background-image: url(../img/placeholder/name_ph.png);  
+}*/
+
+/*
+.telefono-ph::placeholder{
+    background-image: url(../img/placeholder/telephone_ph.png);  
+} 
+#motivoSalida::placeholder{
+    background-image: url(../img/placeholder/motivoSalida_ph.png);  
+}
+#relacion::placeholder{
+    background-image: url(../img/placeholder/relacion_ph.png);  
+}
+*/
+/*Prueba Font Awesome*/
+
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/adress_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/adress_ph.png
new file mode 100644
index 0000000..67955ba
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/adress_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/building_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/building_ph.png
new file mode 100644
index 0000000..f631308
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/building_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png
new file mode 100644
index 0000000..0d9b3c4
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/cargo_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/description_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/description_ph.png
new file mode 100644
index 0000000..7d99dfb
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/description_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/email_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/email_ph.png
new file mode 100644
index 0000000..8c9ed67
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/email_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/lastname_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/lastname_ph.png
new file mode 100644
index 0000000..f4e8f54
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/lastname_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png
new file mode 100644
index 0000000..7ffec61
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/motivoSalida_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/name_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/name_ph.png
new file mode 100644
index 0000000..16f3113
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/name_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/nroDocumento_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/nroDocumento_ph.png
new file mode 100644
index 0000000..12f8f27
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/nroDocumento_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png
new file mode 100644
index 0000000..7dfb0d8
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/relacion_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png
new file mode 100644
index 0000000..cb079e5
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/studios_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/img/placeholder/telephone_ph.png b/curriculumsearch/src/main/webapp/img/placeholder/telephone_ph.png
new file mode 100644
index 0000000..ca29092
Binary files /dev/null and b/curriculumsearch/src/main/webapp/img/placeholder/telephone_ph.png differ
diff --git a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
index a22f7c6..fba5078 100644
--- a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
@@ -65,7 +65,7 @@
         </div>
         
         <c:if test="${SUCCESS_MESSAGE != null}">
-            <div id="status_message">${SUCCESS_MESSAGE}</div>
+            <div id="status_message" style="color: brown;" >${SUCCESS_MESSAGE}</div>
         </c:if>
         <div class="card text-dark bg-light mt-3">
         
diff --git a/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp b/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
index 55798c9..7d0ddcd 100644
--- a/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
@@ -15,6 +15,8 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
     <link rel="icon" href="../img/LogoRoshka.ico">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Shippori+Antique+B1">
+
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
   </head>
 
   <body class="container">
@@ -30,25 +32,26 @@
                                 
                               </div>
                               <h4 class="text-start">Datos Personales</h4>
+                              <h6 class="text-start">Todos los campos con (*) deben estar rellenados</h6>
                               <div class="row">
                                   
 
                                   <div class="inputs mb-3 col-md-6">
-                                    <label for="nombre" class="form-label">Nombre</label>
-                                    <input type="text" name="nombre" class="form-control  " id="nombre" required>
+                                    <label for="nombre" class="form-label">Nombre *</label>
+                                    <input placeholder="&#xf007;      Ingrese su nombre" type="text" name="nombre" class="form-control FA" id="nombre" required>
                                     
                                   </div>
                                   
                                   <div class="inputs mb-3 col-md-6">
-                                    <label for="apellido" class="form-label">Apellido</label>
-                                    <input type="text" name="apellido" class="form-control  " id="apellido" required>
+                                    <label for="apellido" class="form-label ">Apellido *</label>
+                                    <input placeholder="&#xf007;      Ingrese su apellido" type="text" name="apellido" class="form-control FA" id="apellido" required>
                                     
                                   </div>
           
 
                                   <div class="inputs mb-3 col-md-6">
-                                    <label for="correo" class="form-label">Email</label>
-                                    <input type="email" name="correo" class="form-control  " id="correo" required>
+                                    <label for="correo" class="form-label">Email *</label>
+                                    <input type="email" placeholder="&#xf0e0;     Ingrese su Email" name="correo" class="form-control FA" id="correo" required>
                                     
                                   </div>
 
@@ -65,14 +68,14 @@
                                     <label for="tipoDocumento" class="form-label"> Tipo de documento</label> 
                                     <select name="tipoDocumento" id="tipoDocumento" class="bg-light" required>
                                         <option value='CI' selected>C.I</option>
-                                        <option value='PAS'>Pasport</option>
+                                        <option value='PAS'>Passport</option>
                                         <option value='Otro'>Otro</option>
                                     </select> 
                                   </div>
                               
                                   <div class="inputs  mb-3 col-md-6">
                                     <label for="nroDocument" class="form-label">Numero de Documento</label>
-                                    <input type="number" name="nroDocument" class="form-control  " id="nroDocument" required>
+                                    <input placeholder="&#xf2c2;    Ingrese su numero de documento" type="number" name="nroDocument" class="form-control  nroDocument-ph FA" id="nroDocument" required>
                                     
                                   </div>
                                   
@@ -95,19 +98,19 @@
                                   </div>
                                   
                                   <div class="inputs mb-3 col-md-6">
-                                    <label for="direccion" class="form-label">direccion</label>
-                                    <input type="text" name="direccion" class="form-control  " id="direccion" required> </textarea>
+                                    <label for="direccion" class="form-label">Direccion *</label>
+                                    <input placeholder="&#xf041;      Ingrese su direccion" type="text" name="direccion" class="form-control FA " id="direccion" required> </textarea>
                                   </div>
                                   
                                   
                                   <div class="inputs mb-3 col-md-6">
-                                    <label for="telefono" class="form-label">Telefono</label>
-                                    <input type="number" name="telefono" class="form-control  " id="telefono" required>
+                                    <label for="telefono" class="form-label">Telefono *</label>
+                                    <input placeholder="&#xf095;      Ingrese su numero de telefono" type="number" name="telefono" class="form-control telefono-ph FA" id="telefono" required>
                                     
                                   </div>
                                   
                                   <div class="inputs mb-3 col-md-6">
-                                    <label for="fechaNacimiento" class="form-label">Fecha de nacimiento</label>
+                                    <label for="fechaNacimiento" class="form-label">Fecha de nacimiento *</label>
                                     <input type="date" name="fechaNacimiento" class="form-control  " id="fechaNacimiento" required>
                                     
                                   </div>
@@ -121,11 +124,11 @@
                         
                                   <div class="inputs mb-3 col-md-4"> <label for="nivelIngles" class="form-label"> Nivel de ingles</label> 
                                     <select name="nivelIngles" id="nivelIngles" class="content-select">
-                                    <option value="1" selected>Ingles muy basico</option>
+                                    <option value="1" selected>Conocimiento de ingles muy basico</option>
                                     <option value="2" >Comprendo algunas cosas y puedo leer con la ayuda del traductor</option>
-                                    <option value="3" >Puedo leer tranquilamente</option>
-                                    <option value="4" >Puedo escribir documentacion</option>
-                                    <option value="5" >Puedo escribir y hablar tranquilamente</option>
+                                    <option value="3" >Puedo entender todo lo que leo</option>
+                                    <option value="4" >Puedo escribir documentacion en ingles</option>
+                                    <option value="5" >Puedo escribir y hablar fluidamente</option>
                                     </select> 
                                   </div>
                                 
@@ -152,7 +155,7 @@
 
                                     <div class="row w-100 gy-2 mx-auto">
                                       <div class="col-12 px-0">
-                                        <h4 class="text-start">Cargos</h4>	
+                                        <h4 class="text-start">Cargos <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#cargoForm"></i></h4>
                                       </div>
                                       <div class="col-12">
                                         <div class="mt-3 gap-2 row" id="cargos">
@@ -182,7 +185,7 @@
 
                                     <div class="row w-100  gy-2 mx-auto">
                                       <div class="col-12 px-0">
-                                        <h4 class="text-start">Estudios <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#estudioForm"></i></h4>	
+                                        <h4 class="text-start">Estudios <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#estudioForm"></i></h4>	
                                       </div>
                                       <div class="col-12">
                                         <div class="mt-3 gap-2 row row-cols-4" id="estudios">
@@ -200,7 +203,7 @@
                                     <div class="row w-100  gy-2 mx-auto">
                                       <div class="col-12 px-0">
                                         
-                                        <h4 class="text-start">Tecnologias <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#tecnologiaForm"></i></h4>	
+                                        <h4 class="text-start">Tecnologias <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#tecnologiaForm"></i></h4>	
                                       </div>
                                       <div class="col-12">
                                         
@@ -245,7 +248,7 @@
 
                                     <div class="row w-100  gy-2 mx-auto">
                                       <div class="col-12 px-0">
-                                        <h4 class="text-start">Experiencias <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#experienciaForm"></i></h4>	
+                                        <h4 class="text-start">Experiencias <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#experienciaForm"></i></h4>	
                                       </div>
                                       <div class="col-12">
                                         <div class="mt-3 gap-2 row row-cols-4" id="experiencias">
@@ -259,7 +262,7 @@
                                   <div class="inputs mb-3 col-md-12">
                                     <div class="row  w-100  gy-2 mx-auto">
                                       <div class="col-12 px-0">
-                                        <h4 class="text-start">Referencias Personales <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#referenciaForm"></i></h4>	
+                                        <h4 class="text-start">Referencia Personal <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#referenciaForm"></i></h4>
                                       </div>
                                       <div class="col-12">
                                         <div class="mt-3 gap-2 row row-cols-4" id="referencia">
@@ -285,7 +288,7 @@
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-header">
-            <h5 class="modal-title" id="exampleModalLabel" >CargosDisponibles</h5>
+            <h5 class="modal-title" id="exampleModalLabel" >Cargos Disponibles</h5>
             <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="color:#21130d;">
               <span aria-hidden="true">&times;</span>
             </button>
@@ -326,11 +329,11 @@
                 <form name="experiencia-form" class="needs-validation" novalidate>
 
                         <div class="inputs">
-                            <label for="institucionExperiencia" class="inputs form-label">Institucion</label>
-                            <input type="text" class="inputs form-control  " name="institucion" id="institucionExperiencia" required>
+                            <label for="institucionExperiencia" class="inputs form-label">Institucion *</label>
+                            <input placeholder="&#xf1ad;      Ingrese su institucion" type="text" class="inputs form-control FA" name="institucion" id="institucionExperiencia" required>
                         </div>
                         <div class="inputs">
-                            <label for="fechaDesdeExperiencia" class="form-label">Fecha Desde</label>
+                            <label for="fechaDesdeExperiencia" class="form-label">Fecha Desde *</label>
                             <input type="date" class="form-control" name="fechaDesde" id="fechaDesdeExperiencia" required>
                             <div class="invalid-feedback errorFechaDesde">
                               
@@ -344,27 +347,27 @@
                           </div>
                         
                         <div class="inputs">
-                            <label for="cargo" class="form-label">Cargo</label>
-                            <input type="text" class="form-control " name="cargo" id="cargo" required>
+                            <label for="cargo" class="form-label">Cargo *</label>
+                            <input placeholder="&#xf0b1;      Ingrese su cargo" type="text" class="form-control FA " name="cargo" id="cargo" required>
                         </div>
 
                         <div class="inputs">
-                          <label for="descripcion" class="form-label">Descripcion</label>
-                          <textarea  class="form-control" name="descripcion" id="descripcion" required></textarea>
+                          <label for="descripcion" class="form-label">Descripcion *</label>
+                          <textarea placeholder="&#xf022;     Ingrese una descripcion de su trabajo"  class="form-control FA" name="descripcion" id="descripcion" required></textarea>
 
                         </div>
                         <div class="inputs">
                           <label for="refNombre" class="form-label">Nombre de la Referencia</label>
-                          <input type="text" class="form-control  " name="nombreReferencia" id="refNombre" >
+                          <input placeholder="&#xf007;      Ingrese el nombre de su referencia" type="text" class="form-control FA " name="nombreReferencia" id="refNombre" >
                         </div>
                         <div class="inputs">
                           <label for="refTel" class="form-label">Telefono de la Referencia</label>
-                          <input type="text" class="form-control  " name="telefonoReferencia" id="refTel" >
+                          <input placeholder="&#xf095;      Ingrese el telefono de su referencia" type="number" class="form-control FA" name="telefonoReferencia" id="refTel" >
                         </div>
                         
                         <div class="inputs">
                           <label for="motivoSalida" class="form-label">Motivo de Salida</label>
-                          <textarea class="form-control  " name="motivoSalida" id="motivoSalida" ></textarea>
+                          <textarea placeholder="&#xf022;     Ingrese el motivo de su salida" class="form-control FA " name="motivoSalida" id="motivoSalida" ></textarea>
                         </div>
                         <div class="inputs">
                           <label for="tipoExperiencia" class="form-label"> Tipo de Experiencia</label> 
@@ -451,12 +454,12 @@
 <%--                <label for="tipoDeEstudio" class="form-label">Tipo De Estudio</label>--%>
 <%--                <input type="text" class="form-control  " name="tipoDeEstudio" id="tipoDeEstudio">--%>
                 <div class="form-group">
-                    <label for="institucionEstudio" class="form-label">Institucion</label>
-                    <input type="text" class="form-control" name="institucion" id="institucionEstudio" required>
+                    <label for="institucionEstudio" class="form-label">Institucion *</label>
+                    <input placeholder="&#xf19c;      Ingrese su institucion" type="text" class="form-control FA" name="institucion" id="institucionEstudio" required>
                 </div>
                 <div class="form-group">
-                    <label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso</label>
-                    <input type="text" class="form-control" name="temaDeEstudio" id="temaDeEstudio" required>
+                    <label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso *</label>
+                    <input placeholder="&#xf02d;      Ingrese su carrera/bachiller/tema de curso " type="text" class="form-control FA" name="temaDeEstudio" id="temaDeEstudio" required>
                 </div>
                   <div class="form-group">
                       <label for="estado">Estado</label>
@@ -468,7 +471,7 @@
                       </select>
                   </div>
                 <div class="form-group">
-                    <label for="fechaDesdeEstudio" class="form-label">Fecha Desde</label>
+                    <label for="fechaDesdeEstudio" class="form-label">Fecha Desde *</label>
                     <input type="date" class="form-control  " name="fechaDesde" id="fechaDesdeEstudio" required>
                     <div class="invalid-feedback errorFechaDesde">
                               
@@ -507,17 +510,17 @@
             <div class="modal-body">
               <form name="referencia-form" class="needs-validation" novalidate>
                 <div class="form-group">
-                    <label for="nombre" class="form-label">Nombre</label>
-                    <input type="text" class="form-control" name="nombre" id="nombre" required>
+                    <label for="nombre" class="form-label">Nombre *</label>
+                    <input placeholder="&#xf007;      Ingrese el nombre de su referencia" type="text" class="form-control FA " name="nombre" id="nombre" required>
                 </div>
                 <div class="form-group">
-                    <label for="relacion" class="form-label">Relacion</label>
-                    <input type="text" class="form-control" name="relacion" id="relacion" required>
+                    <label for="relacion" class="form-label">Relacion *</label>
+                    <input placeholder="&#xf0c1;      Ingrese la relacion con su referencia" type="text" class="form-control FA" name="relacion" id="relacion" required>
                 </div>
 
                 <div class="form-group">
-                  <label for="telefono" class="form-label">Telefono</label>
-                  <input type="number" class="form-control" name="telefono" id="telefono" required>
+                  <label for="telefono" class="form-label">Telefono *</label>
+                  <input placeholder="&#xf095;      Ingrese el numero de su referencia" type="number" class="form-control FA" name="telefono" id="telefono" required>
               </div>
                  
                 
diff --git a/curriculumsearch/src/main/webapp/jsp/postulantes.jsp b/curriculumsearch/src/main/webapp/jsp/postulantes.jsp
index d65a582..dd4dec2 100644
--- a/curriculumsearch/src/main/webapp/jsp/postulantes.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/postulantes.jsp
@@ -4,7 +4,11 @@
 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
 <layout:extends name="layouts/base.jsp">
-    <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
+    <layout:put block="cssDeclaracion" type="APPEND">
+    <link href="../css/PostulanteStyle.css" rel="stylesheet" type="text/css"/> 
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
+    </layout:put>
     <layout:put block="contents" type="REPLACE">
       <h2>Lista de Postulantes</h2>
       <div id="buscador">
@@ -18,8 +22,92 @@
               <button class="btn btn-primary">Buscar</button>
             </div>
           </div>
-
-         <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
+          <table class="w3-table ">
+            <thead>
+                <tr class="">
+                  <th scope="col">Estado</th>
+                  <th scope="col">Disponbilidad</th>
+                  <th scope="col">Nivel de ingles</th>
+                  <th scope="col">Institucion Educativa</th>
+                  <th scope="col">Tecnologias</th>
+                  <th scope="col">Nivel de Tecnologia</th>
+                  <th scope="col">Experiencia general</th>
+                  <th scope="col">Cargo</th>
+                  <th scope="col">Convocatoria</th>
+                </tr>
+              </thead>
+              <tbody>
+                  <td>
+                    <select class="form-select form-select-sm" name="estado" id="estado">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${estadoP}" var="estados">
+                        <option value="${estados}" ${param.estado == estados ? "selected" : ""}>${estados.getEstado()}</option>
+                      </c:forEach>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="dispo" id="dispo">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${disponibilidades}" var="disponibilidad">
+                        <option value="${disponibilidad}" ${param.dispo == disponibilidad ? "selected" : ""}>${disponibilidad.getDescripcion()}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="lvlEng" id="lvlEng">
+                      <option value="">Seleccione</option>
+                      <c:forEach var = "lvl" begin = "1" end = "5">
+                        <option value="${lvl}" ${param.lvlEng == lvl ? "selected" : ""}>${lvl}</option>
+                      </c:forEach>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="instId" id="instId">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${institucionesEducativas}" var="inst">
+                        <option value="${inst.id}" ${param.instId == inst.id ? "selected" : ""}>${inst.nombre}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="tecId" id="tecId">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${tecnologias}" var="tecnologia">
+                        <option value="${tecnologia.id}" ${param.tecId == tecnologia.id ? "selected" : ""}>${tecnologia.nombre}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm" name="lvlTec" id="lvlTec">
+                      <option value="">Seleccione</option>
+                      <c:forEach var = "lvl" begin = "1" end = "5">
+                        <option value="${lvl}" ${param.lvlTec == lvl ? "selected" : ""}>${lvl}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="expInMonths" id="expInMonths">
+                      <option value="">Seleccione</option>
+                      <option value="6">Mayor a 6 meses</option>
+                      <option value="12">Mayor a 1 año</option>
+                      <option value="36">Mayor a 3 años</option>
+                      <option value="60">Mayor a 5 años</option>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="cargoId" id="cargoId">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${cargos}" var="cargo">
+                        <option value="${cargo.id}" ${param.cargoId == cargo.id ? "selected" : ""}>${cargo.getNombre()}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="convId" id="convId">
+                      <option value="">Seleccione</option>
+                    </select>
+                  </td>
+              </tbody>
+          </table>
+         <!-- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
 
            <div class="col">
   
@@ -176,7 +264,7 @@
             </div>
           </div>           
         </div>
-       </div>
+       </div> -->
       </form>
           <div class="row">
               <div class="col-md-12">