diff --git a/backend/src/main/java/mx/uv/Controller/DAO_Carrrera.java b/backend/src/main/java/mx/uv/Controller/DAO_Carrrera.java
index b7e0912..f7c24d4 100644
--- a/backend/src/main/java/mx/uv/Controller/DAO_Carrrera.java
+++ b/backend/src/main/java/mx/uv/Controller/DAO_Carrrera.java
@@ -24,7 +24,7 @@ public class DAO_Carrrera {
             rs = stm.executeQuery(sql);
             while (rs.next()) {
                 Carrera u = new Carrera(rs.getInt(1), rs.getString(2), rs.getString(3), rs.getString(4),
-                        rs.getString(5), rs.getString(6), rs.getString(7));
+                        rs.getString(5), rs.getString(6), rs.getString(7), rs.getString(8));
                 resultado.add(u);
             }
         } catch (Exception e) {
@@ -36,29 +36,33 @@ public class DAO_Carrrera {
 
     }
 
-    /*public static boolean agregarCarrera(Carrera carrera) {
-        PreparedStatement stm = null;
-        Connection conn = null;
-        boolean msj = false;
-
-        conn = cn.conectar();
-
-        try {
-            String sql = "INSERT INTO `carrera` (`area`,`nombre`, `modalidad`, `campus`, `costo`) VALUES(?,?,?,?,?);";
-            stm = (PreparedStatement) conn.prepareStatement(sql);
-            stm.setString(1, carrera.getArea());
-            stm.setString(2, carrera.getNombre());
-            stm.setString(3, carrera.getModalidad());
-            stm.setString(4, carrera.getCampus());
-            stm.setDouble(5, carrera.getCosto());
-
-        } catch (Exception e) {
-            System.out.println(e);
-        } finally {
-            cerrarConexiones(stm, conn);
-        }
-        return msj;
-    }*/
+    /*
+     * public static boolean agregarCarrera(Carrera carrera) {
+     * PreparedStatement stm = null;
+     * Connection conn = null;
+     * boolean msj = false;
+     * 
+     * conn = cn.conectar();
+     * 
+     * try {
+     * String sql =
+     * "INSERT INTO `carrera` (`area`,`nombre`, `modalidad`, `campus`, `costo`) VALUES(?,?,?,?,?);"
+     * ;
+     * stm = (PreparedStatement) conn.prepareStatement(sql);
+     * stm.setString(1, carrera.getArea());
+     * stm.setString(2, carrera.getNombre());
+     * stm.setString(3, carrera.getModalidad());
+     * stm.setString(4, carrera.getCampus());
+     * stm.setDouble(5, carrera.getCosto());
+     * 
+     * } catch (Exception e) {
+     * System.out.println(e);
+     * } finally {
+     * cerrarConexiones(stm, conn);
+     * }
+     * return msj;
+     * }
+     */
 
     private static void cerrarConexiones(PreparedStatement stm, Connection conn) {
         if (stm != null) {
@@ -81,27 +85,31 @@ public class DAO_Carrrera {
         return false;
     }
 
-    /*public static boolean editarCarrera(Carrera carrera) {
-        PreparedStatement stm = null;
-        Connection conn = null;
-        boolean verificacion = false;
-        conn = cn.conectar();
-
-        try {
-            String sql = "UPDATE `alumno` SET `area` = '" + carrera.getArea() + "',`nombre` = '" + carrera.getNombre()
-                    + "',`modalidad` = '" + carrera.getModalidad() + "',`campus` = '"
-                    + carrera.getCampus() + "', `costo` = '" + carrera.getCosto() + "' WHERE `id` = '"
-                    + carrera.getId() + "';";
-            stm = conn.prepareStatement(sql);
-            stm.executeUpdate();
-            verificacion = true;
-        } catch (SQLException ex) {
-            System.err.println(ex);
-        } finally {
-            cerrarConexiones(stm, conn);
-            cn.cerrarConexion();
-        }
-        return verificacion;
-    }*/
+    /*
+     * public static boolean editarCarrera(Carrera carrera) {
+     * PreparedStatement stm = null;
+     * Connection conn = null;
+     * boolean verificacion = false;
+     * conn = cn.conectar();
+     * 
+     * try {
+     * String sql = "UPDATE `alumno` SET `area` = '" + carrera.getArea() +
+     * "',`nombre` = '" + carrera.getNombre()
+     * + "',`modalidad` = '" + carrera.getModalidad() + "',`campus` = '"
+     * + carrera.getCampus() + "', `costo` = '" + carrera.getCosto() +
+     * "' WHERE `id` = '"
+     * + carrera.getId() + "';";
+     * stm = conn.prepareStatement(sql);
+     * stm.executeUpdate();
+     * verificacion = true;
+     * } catch (SQLException ex) {
+     * System.err.println(ex);
+     * } finally {
+     * cerrarConexiones(stm, conn);
+     * cn.cerrarConexion();
+     * }
+     * return verificacion;
+     * }
+     */
 
 }
\ No newline at end of file
diff --git a/backend/src/main/java/mx/uv/Model/Carrera.java b/backend/src/main/java/mx/uv/Model/Carrera.java
index b280a19..0d2d0aa 100644
--- a/backend/src/main/java/mx/uv/Model/Carrera.java
+++ b/backend/src/main/java/mx/uv/Model/Carrera.java
@@ -10,10 +10,11 @@ public class Carrera {
     private String vision;
     private String objetivo;
 
-    public Carrera(int id, String nombre, String campus, String descripcion, String mision, String vision,
+    public Carrera(int id, String nombre, String area, String campus, String descripcion, String mision, String vision,
             String objetivo) {
         this.id = id;
         this.nombre = nombre;
+        this.area = area;
         this.campus = campus;
         this.descripcion = descripcion;
         this.mision = mision;
diff --git a/frontend/src/Styles/Informacion.css b/frontend/src/Styles/Informacion.css
new file mode 100644
index 0000000..4a56290
--- /dev/null
+++ b/frontend/src/Styles/Informacion.css
@@ -0,0 +1,43 @@
+#labelSelect {
+    margin-right: 10px;
+    font-size: x-large;
+    color: #55574f;
+    font-weight: bold;
+}
+
+#informacion {
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+#subtitulo {
+    font-size: x-large;
+    font-weight: bold;
+}
+
+#grupoP {
+    margin-bottom: 2%;
+}
+
+#subtituloIngreso {
+    font-size: 20px;
+}
+
+#subtituloTexto {
+    font-size: large;
+    font-weight: 100;
+}
+
+.btnElegirCarrera {
+    display: flex;
+    justify-content: center;
+    font-family: Georgia, 'Times New Roman', Times, serif;
+    font-weight: bold;
+    font-size: x-large;
+    color: #D5EEBB;
+    background-color: #474941;
+}
+
+.btnElegirCarrera:hover {
+    background-color: #55574f;
+}
\ No newline at end of file
diff --git a/frontend/src/Views/Informacion.jsx b/frontend/src/Views/Informacion.jsx
index 4488a25..6f843fc 100644
--- a/frontend/src/Views/Informacion.jsx
+++ b/frontend/src/Views/Informacion.jsx
@@ -1,15 +1,16 @@
-import React from 'react'
-import { useState, useEffect } from 'react';
-import { sendRequest } from "../funciones";
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import '../Styles/Informacion.css';
 
 const Informacion = () => {
-  const [productosData, setProductosData] = useState([]);
+  const [carrerasData, setCarrerasData] = useState([]);
+  const [selectedCarrera, setSelectedCarrera] = useState(null);
 
   useEffect(() => {
     const fetchData = async () => {
       try {
         const res = await axios.get("/carreras");
-        setProductosData(res.data);
+        setCarrerasData(res.data);
       } catch (error) {
         console.error(error);
       }
@@ -18,46 +19,60 @@ const Informacion = () => {
     fetchData();
   }, []);
 
-  const Picture = (parametros) => {
-    const id = parametros.id;
-    const nombre = parametros.nombre;
-    const area = parametros.area;
-    const campus = parametros.campus;
-    const descripcion = parametros.descripcion;
-    const mision = parametros.mision;
-    const vision = parametros.vision;
-    const objetivo = parametros.objetivo;
-
-    return (
-      <a>
-        <div key={id}>
-          <div >
-            <div >
-              <h1 >{nombre}</h1>
-              <h2 >{area}</h2>
-              <h2 >{campus}</h2>
-              <h2 >{descripcion}</h2>
-              <h2 >{mision}</h2>
-              <h2 >{vision}</h2>
-              <h2 >{objetivo}</h2>
-            </div>
-          </div>
-        </div>
-      </a>
-    );
+  const handleSelectChange = (event) => {
+    const carreraId = parseInt(event.target.value, 10);
+    const carrera = carrerasData.find(carrera => carrera.id === carreraId);
+    setSelectedCarrera(carrera);
   };
-
+  
   return (
-    <>
-      <div >
-        <div >
-          {productosData.map((producto) => (
-            <Picture key={producto.id} {...producto} />
+    <div className="container mt-5">
+      <div className="form-group">
+        <label htmlFor="carreraSelect" id="labelSelect">Selecciona una carrera</label>
+        <select id="carreraSelect" className="form-control" onChange={handleSelectChange} defaultValue="">
+          <option value="" disabled>Selecciona una carrera</option>
+          {carrerasData.map((carrera) => (
+            <option key={carrera.id} value={carrera.id}>{carrera.nombre}</option>
           ))}
-        </div>
+        </select>
       </div>
-    </>
+      <div id="informacion" className="mt-4">
+        {selectedCarrera ? (
+          <>
+            <div id="grupoP">
+              <span id="subtitulo">Nombre: {selectedCarrera.nombre}</span>
+            </div>
+            <div id="grupoP">
+              <span id="subtitulo">Área: {selectedCarrera.area}</span>
+            </div>
+            <div id="grupoP">
+              <span id="subtitulo">Campus: {selectedCarrera.campus}</span>
+            </div>
+            <div id="grupoP">
+              <span id="subtitulo">Descripción:</span>
+              <div id="subtituloTexto">{selectedCarrera.descripcion}</div>
+            </div>
+            <div id="grupoP">
+              <span id="subtitulo">Perfil de ingreso:</span>
+              <ul>
+                <li id="subtituloIngreso">
+                  Misión: <span id="subtituloTexto">{selectedCarrera.mision}</span>
+                </li>
+                <li id="subtituloIngreso">
+                  Visión: <span id="subtituloTexto">{selectedCarrera.vision}</span>
+                </li>
+                <li id="subtituloIngreso">
+                  Objetivos: <span id="subtituloTexto">{selectedCarrera.objetivo}</span>
+                </li>
+              </ul>
+            </div>
+          </>
+        ) : (
+          <h2 id="subtitulo">Ninguna carrera seleccionada</h2>
+        )}
+      </div>
+    </div>
   );
 }
 
-export default Informacion
\ No newline at end of file
+export default Informacion;
\ No newline at end of file
diff --git a/frontend/src/Views/Inscripcion.jsx b/frontend/src/Views/Inscripcion.jsx
index e471825..44b6b0b 100644
--- a/frontend/src/Views/Inscripcion.jsx
+++ b/frontend/src/Views/Inscripcion.jsx
@@ -1,4 +1,8 @@
 import React from 'react';
+import { useNavigate, NavLink } from "react-router-dom";
+import { sendRequest } from "../funciones";
+import DivInput from "../Components/divInput";
+import storage from "../Storage/storage";
 
 const Inscripcion = () => {
   return (
@@ -7,15 +11,119 @@ const Inscripcion = () => {
         <form>
           <div className="mb-4">
             <h5>Datos Personales</h5>
-            {/* Campos del formulario para Datos Personales */}
+            <DivInput
+              type="text"
+              name="nombre"
+              className="form-control mb-3"
+              placeholder="Nombre"
+              required
+            />
+            <DivInput
+              type="text"
+              name="apellido"
+              className="form-control mb-3"
+              placeholder="Apellido"
+              required
+            />
+            <DivInput
+              type="email"
+              name="correo"
+              className="form-control mb-3"
+              placeholder="Correo Electrónico"
+              required
+            />
+            <DivInput
+              type="text"
+              name="nacionalidad"
+              className="form-control mb-3"
+              placeholder="Nacionalidad"
+              required
+            />
+            <DivInput
+              type="text"
+              name="tipoSangre"
+              className="form-control mb-3"
+              placeholder="Tipo de Sangre"
+              required
+            />
+            <h7>Fecha de Nacimiento</h7>
+            <DivInput
+              type="date"
+              name="fechaNacimiento"
+              className="form-control mb-3"
+              placeholder="Fecha de Nacimiento"
+              required
+            />
+            <DivInput
+              type="text"
+              name="curp"
+              className="form-control mb-3"
+              placeholder="CURP"
+              required
+            />
           </div>
           <div className="mb-4">
             <h5>Datos del Tutor</h5>
-            {/* Campos del formulario para Datos del Tutor */}
+            <DivInput
+              type="text"
+              name="nombreTutor"
+              className="form-control mb-3"
+              placeholder="Nombre"
+              required
+            />
+            <DivInput
+              type="text"
+              name="apellidoTutor"
+              className="form-control mb-3"
+              placeholder="Apellidos"
+              required
+            />
+            <DivInput
+              type="tel"
+              name="numeroDeTelefono"
+              className="form-control mb-3"
+              placeholder="Número de Teléfono"
+              required
+            />
           </div>
           <div className="mb-4">
             <h5>Documentación</h5>
-            {/* Campos del formulario para Documentación */}
+            <h6>Acta De Nacimiento</h6>
+            <input
+              type="file"
+              name="actaDeNacimiento"
+              className="form-control mb-3"
+              accept=".pdf"
+              placeholder="Acta de Nacimiento"
+              required
+            />
+            <h6>Constancia De Estudio</h6>
+            <input
+              type="file"
+              name="constanciaDeEstudios"
+              className="form-control mb-3"
+              accept=".pdf"
+              placeholder="Constancia de Estudios"
+              required
+            />
+            <h6>Fotografia</h6>
+            <input
+              type="file"
+              name="fotografia"
+              className="form-control mb-3"
+              accept=".pdf"
+              placeholder="Fotografía"
+              required
+            />
+            <h6>Certificado Medico</h6>
+            <input
+              type="file"
+              name="certificadoMedico"
+              className="form-control mb-3"
+              accept=".pdf"
+              placeholder="Certificado Médico"
+              required
+            />
           </div>
         </form>
       </div>
diff --git a/frontend/src/Views/OfertaEducativa.jsx b/frontend/src/Views/OfertaEducativa.jsx
index 7f7154e..5965459 100644
--- a/frontend/src/Views/OfertaEducativa.jsx
+++ b/frontend/src/Views/OfertaEducativa.jsx
@@ -10,41 +10,35 @@ const OfertaEducativa = () => {
         <div className="row gy-5">
           <div className="col-md-6 col-lg-3">
             <div className="border border-primary p-3 h-100">
-              <h2 className="text-warning">Área Técnica</h2>
+              <h2 className="text-warning">Ciencias Sociales</h2>
               <ul className="list-unstyled text-secondary">
-                <li>Licenciatura en Matemáticas</li>
-                <li>Licenciatura en Física</li>
-                <li>Licenciatura en Arquitectura</li>
+                <li>Derecho</li>
+                <li>Administración de Empresas</li>
+                <li>Psicología</li>
               </ul>
             </div>
           </div>
           <div className="col-md-6 col-lg-3">
             <div className="border border-primary p-3 h-100">
-              <h2 className="text-warning">Área Económico-Administrativo</h2>
+              <h2 className="text-warning">Tecnología</h2>
               <ul className="list-unstyled text-secondary">
-                <li>Licenciatura en Contabilidad</li>
-                <li>Licenciatura en Economía</li>
-                <li>Licenciatura en Administración</li>
+                <li>Ingeniería de Sistemas</li>
               </ul>
             </div>
           </div>
           <div className="col-md-6 col-lg-3">
             <div className="border border-primary p-3 h-100">
-              <h2 className="text-warning">Área de Humanidades</h2>
+              <h2 className="text-warning">Salud</h2>
               <ul className="list-unstyled text-secondary">
-                <li>Licenciatura en Historia</li>
-                <li>Licenciatura en Antropología</li>
-                <li>Licenciatura en Pedagogía</li>
+                <li>Medicina</li>
               </ul>
             </div>
           </div>
           <div className="col-md-6 col-lg-3">
             <div className="border border-primary p-3 h-100">
-              <h2 className="text-warning">Área de Biológicas y Agropecuarias</h2>
+              <h2 className="text-warning">Arte y Diseño</h2>
               <ul className="list-unstyled text-secondary">
-                <li>Licenciatura en Biología</li>
-                <li>Ingeniería Química</li>
-                <li>Ingeniero Agrónomo</li>
+                <li>Arquitectura</li>
               </ul>
             </div>
           </div>