diff --git a/curriculumsearch/src/main/webapp/jsp/birthday-form.jsp b/curriculumsearch/src/main/webapp/jsp/birthday-form.jsp
new file mode 100644
index 0000000..3884fd3
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/jsp/birthday-form.jsp
@@ -0,0 +1,42 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ 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="contents" type="REPLACE">
+        <div class="card justify-content-center mx-auto mt-2" style="width: 20rem;">
+            <div class="card-header">
+              <h5>Cumpleaño</h5>
+            </div>
+              <form:form
+              action="/cumples/${cumple.id == null ? 'agregar' : 'modificar/'.concat(cumple.id)}"
+              method="post"
+              modelAttribute="cumple"
+              class="d-flex flex-column"
+              >
+                <div class="card-body">
+                    <form:label class="form-label visually-hidden" path="nombreCompleto"
+                    >Nombre Completo
+                    </form:label>
+                    <form:input type="text" path="nombreCompleto" class="form-control ${ mismoNombre ? 'is-invalid' : ''}" required="true" placeholder="Nombre completo"/>
+                    <div id="validationServerUsernameFeedback" class="invalid-feedback">
+                      Este nombre completo ya existe
+                    </div>
+                    <form:label class="form-label visually-hidden" path="fecha"
+                    >Descripción
+                    </form:label>
+                    <form:input type="date" path="fecha" class="form-control" required="true" placeholder="Fecha cumple"/>
+
+                </div>
+                <div class="card-footer d-flex flex-column">
+                  <div class="mt-2 align-self-end">
+                      <input type="submit" value='${cumple.id == null ? "Agregar" : "Modificar"}' class="btn btn-primary" />
+                  </div>
+                </div>
+              </form:form>
+          </div>
+        
+        
+    </layout:put>
+</layout:extends>
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/jsp/birthdays.jsp b/curriculumsearch/src/main/webapp/jsp/birthdays.jsp
new file mode 100644
index 0000000..67479eb
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/jsp/birthdays.jsp
@@ -0,0 +1,80 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ 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="contents" type="REPLACE">
+        <h2>Lista de Cumpleaños</h2>
+
+        <div>
+            <form>
+              <div class="row justify-content-start gy-2">
+                <div class="col-auto">
+                  <input
+                    class="form-control" 
+                    placeholder="Nombre"
+                    type="text"
+                    name="nombre"
+                    id="nombre"
+                    value="${param.nombre}"
+                  />
+
+                </div>
+                <div class="col-auto">
+
+                  <input type="submit" class="btn btn-primary" value="Buscar" />
+                </div>
+                
+              </div>
+            </form>
+            
+        </div>
+        <div class="card text-dark bg-light mt-3">
+        
+          <div class="card-body">
+            <div class="table-responsive">
+              <table class="table">
+                  <thead>
+                    <tr>
+                      <th scope="col">#</th>
+                      <th scope="col">Nombre Completo</th>
+                      <th scope="col">Fecha de cumpleaños</th>
+                      <th scope="col"></th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    
+                      <c:forEach items="${cumples}" var="cumple" varStatus="sta">
+                          <tr>
+                              <th scope="row">${sta.index+1}</th>
+                              <td>${cumple.getNombreCompleto()}</td>
+                              <td>${cumple.getFecha()}</td>
+
+                              <td><a href="/cumples/modificar/${cumple.id}"><i class="bi bi-pencil-fill"></i></a></td>
+                          </tr>
+                      </c:forEach>
+                  </tbody>
+              </table>
+            </div>
+          </div>
+          <div class="card-footer">
+              <div>
+                <nav aria-label="Page navigation example">
+                  <ul class="pagination">
+                    <c:forEach begin="1" end="${pages}" var="nro">
+                      <li class="page-item ${(param.nroPagina == null and nro == 1)  or param.nroPagina == nro-1 ? 'active' : ''}"><a class="page-link" href="javascript:buscarPagina(${nro})">${nro}</a></li>
+                    </c:forEach>
+                  </ul>
+                </nav>
+              </div>
+            </div>
+        </div>
+        </div>
+       
+        
+      </layout:put>
+      <layout:put block="scripts" type="APPEND">
+        
+      </layout:put>
+</layout:extends>