frontend
This commit is contained in:
parent
1d0be44c06
commit
0c8ca15cd1
|
@ -19,22 +19,6 @@ function Encabezado(){
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
/*<div className="contenedor">
|
|
||||||
<div className="banner">
|
|
||||||
<nav>
|
|
||||||
<h1>Universidad de Huacoxla</h1>
|
|
||||||
<ul className='opciones'>
|
|
||||||
<li><a href="#">Nosotros</a></li>
|
|
||||||
<li><a href="#">Oferta Educativa</a></li>
|
|
||||||
<li><a href="#">Visión</a></li>
|
|
||||||
<li><a href="#">Misión</a></li>
|
|
||||||
<li><a href="#">Contacto</a></li>
|
|
||||||
<li><a href="#">Instalaciones</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>*/
|
|
||||||
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import './Licenciatura.css';
|
import './Licenciatura.css';
|
||||||
|
import Encabezado from "./Encabezado";
|
||||||
|
|
||||||
|
|
||||||
const Licenciatura = () => {
|
const Licenciatura = () => {
|
||||||
|
@ -160,7 +161,8 @@ const Licenciatura = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<body id="bodyLicenciatura">
|
<div id="bodyLicenciatura">
|
||||||
|
<Encabezado/>
|
||||||
<h1 id="h1Programas">Programas Educativos</h1>
|
<h1 id="h1Programas">Programas Educativos</h1>
|
||||||
<div id="opciones">
|
<div id="opciones">
|
||||||
<label id="labelSelect">Seleccionar área:</label>
|
<label id="labelSelect">Seleccionar área:</label>
|
||||||
|
@ -230,7 +232,7 @@ const Licenciatura = () => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<input type="submit" className="btnElegirCarrera" value="Elegir Licenciatura" />
|
<input type="submit" className="btnElegirCarrera" value="Elegir Licenciatura" />
|
||||||
</body>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,25 +1,13 @@
|
||||||
import { Outlet } from 'react-router-dom';
|
import { Outlet } from 'react-router-dom';
|
||||||
import './OfertaEducativa.css'
|
import './OfertaEducativa.css'
|
||||||
|
import Encabezado from './Encabezado';
|
||||||
|
|
||||||
function OfertaEducativa (){
|
function OfertaEducativa (){
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<header className='headerOE'>
|
|
||||||
<nav>
|
<Encabezado/>
|
||||||
<ul>
|
|
||||||
<div className='grupo1'>
|
|
||||||
<img id='logo' src="logo.png" alt='Imagen'/>
|
|
||||||
<li className='tit'>Universidad Filadelfia de México</li>
|
|
||||||
</div>
|
|
||||||
<div className='grupo2'>
|
|
||||||
<li><a href="">Nosotros</a></li>
|
|
||||||
<li><a href="">Visión</a></li>
|
|
||||||
<li><a href="">Misión</a></li>
|
|
||||||
<li><a href="">Instalaciones</a></li>
|
|
||||||
</div>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
<h1 className='tituloOE'>Oferta Educativa</h1>
|
<h1 className='tituloOE'>Oferta Educativa</h1>
|
||||||
<div className='container'>
|
<div className='container'>
|
||||||
<div className='area' id='areaTecnica'>
|
<div className='area' id='areaTecnica'>
|
||||||
|
|
|
@ -1,4 +1,18 @@
|
||||||
|
#bodyPre{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
#h1Pre{
|
#h1Pre{
|
||||||
margin-top: 11%;
|
margin-top: 11%;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
|
#p1Pre{
|
||||||
|
font-size: x-large;
|
||||||
|
}
|
||||||
|
#p2Pre{
|
||||||
|
font-size: x-large;
|
||||||
|
margin-top: 2%;
|
||||||
|
}
|
||||||
|
#labelPre{
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
|
@ -1,18 +1,32 @@
|
||||||
import SubirPDF from "./SubirPDF";
|
import SubirPDF from "./SubirPDF";
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import './Preinscripcion.css'
|
import './Preinscripcion.css'
|
||||||
|
import Encabezado from "./Encabezado";
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<body>
|
<div id="bodyPre">
|
||||||
|
<Encabezado/>
|
||||||
<h1 id="h1Pre">Proceso de Preinscripción</h1>
|
<h1 id="h1Pre">Proceso de Preinscripción</h1>
|
||||||
<p>Estamos más cerca de pertenecer a esta gran comunidad estudiantil.</p>
|
<p id="p1Pre">¡Bienvenido a esta gran comunidad estudiantil!</p>
|
||||||
|
<p id="p2Pre">Para dar seguimiento al proceso de preinscripción es necesario que subas los siguientes documentos en formato pdf que se te solicitan.</p>
|
||||||
|
<label id="labelPre">Certificado de bachillerato</label>
|
||||||
<div>
|
<div>
|
||||||
<SubirPDF/>
|
<SubirPDF/>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
<label id="labelPre">Acta de nacimiento certificada</label>
|
||||||
|
<div>
|
||||||
|
<SubirPDF/>
|
||||||
|
</div>
|
||||||
|
<label id="labelPre">Clave Única de Registro de Población (CURP)</label>
|
||||||
|
<div>
|
||||||
|
<SubirPDF/>
|
||||||
|
</div>
|
||||||
|
<footer className='footerOE'>
|
||||||
|
© 2024 Universidad Filadelfia. Todos los derechos reservados.
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
background-color: #e4e4df;
|
background-color: #e4e4df;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 1%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1.titRegistro {
|
h1.titRegistro {
|
||||||
|
@ -97,3 +97,6 @@
|
||||||
header{
|
header{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
body{
|
||||||
|
margin: 0;
|
||||||
|
}
|
|
@ -1,10 +1,12 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import './Registro.css'; // Estilo para el formulario
|
import './Registro.css'; // Estilo para el formulario
|
||||||
|
import Encabezado from './Encabezado';
|
||||||
|
|
||||||
const Registro = () => {
|
const Registro = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<body className="bodyRegistro">
|
<div className="bodyRegistro">
|
||||||
|
<Encabezado/>
|
||||||
<h1 className='titRegistro'>Registro</h1>
|
<h1 className='titRegistro'>Registro</h1>
|
||||||
<h4>Datos Personales</h4>
|
<h4>Datos Personales</h4>
|
||||||
<form className='formRegistro'>
|
<form className='formRegistro'>
|
||||||
|
@ -111,7 +113,7 @@ const Registro = () => {
|
||||||
<div className="btnenviar">
|
<div className="btnenviar">
|
||||||
<input type="submit" className="boton" value="Registrar" />
|
<input type="submit" className="boton" value="Registrar" />
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
#inputPdf {
|
||||||
|
border: 1% solid #000;
|
||||||
|
padding: '20px';
|
||||||
|
text-align: center;
|
||||||
|
}
|
|
@ -1,6 +1,7 @@
|
||||||
import React, { useCallback } from 'react';
|
import React, { useCallback } from 'react';
|
||||||
import { useDropzone } from 'react-dropzone';
|
import { useDropzone } from 'react-dropzone';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
|
import './SubirPDF'
|
||||||
|
|
||||||
const SubirPDF = () => {
|
const SubirPDF = () => {
|
||||||
const onDrop = useCallback(acceptedFiles => {
|
const onDrop = useCallback(acceptedFiles => {
|
||||||
|
@ -26,9 +27,8 @@ const SubirPDF = () => {
|
||||||
const { getRootProps, getInputProps } = useDropzone({ onDrop });
|
const { getRootProps, getInputProps } = useDropzone({ onDrop });
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div {...getRootProps()} style={{ border: '1px solid black', padding: '20px', textAlign: 'center' }}>
|
<div {...getRootProps()}>
|
||||||
<input {...getInputProps()} />
|
<input id='inputPdf' type='submit' value='Subir pdf' />
|
||||||
<p>Arrastra y suelta un archivo PDF aquí, o haz clic para seleccionar uno</p>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,12 +1,17 @@
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import ReactDOM from 'react-dom/client'
|
import ReactDOM from 'react-dom/client'
|
||||||
import OfertaEducativa from './OfertaEducativa.jsx'
|
import OfertaEducativa from './OfertaEducativa.jsx'
|
||||||
|
import Encabezado from './Encabezado.jsx'
|
||||||
import Login from './login.jsx'
|
import Login from './login.jsx'
|
||||||
|
import Registro from './Registro.jsx'
|
||||||
|
import Licenciatura from './Licenciatura.jsx'
|
||||||
|
import Preinscripcion from './Preinscripcion.jsx'
|
||||||
|
import SubirPDF from './SubirPDF.jsx'
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById('root')).render(
|
ReactDOM.createRoot(document.getElementById('root')).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<Encabezado/>
|
|
||||||
<Login/>
|
<Preinscripcion/>
|
||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue