add conoce la fes
This commit is contained in:
@@ -0,0 +1,160 @@
|
||||
/* ==========
|
||||
main
|
||||
========== */
|
||||
#main {
|
||||
width: 100%;
|
||||
background: url("../../../assets/img/bg/alt-1.jpg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
#main:before {
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
#main .container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
gap: 20px;
|
||||
}
|
||||
#main h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
color: #1e3c70;
|
||||
}
|
||||
.information {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
margin-top: 15%;
|
||||
padding-top: 40px;
|
||||
min-height: 100px;
|
||||
background-color: white;
|
||||
padding: 20px;
|
||||
z-index: 10;
|
||||
}
|
||||
.floating-list {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
margin: 0;
|
||||
background-color: white;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
border-radius: 8px;
|
||||
max-width: 50%;
|
||||
z-index: 9;
|
||||
}
|
||||
.floating-list li {
|
||||
padding: 5px 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.historia {
|
||||
border-radius: 1rem;
|
||||
width: 90%;
|
||||
background-color: #ffffff6b;
|
||||
color: black;
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
}
|
||||
.juramento{
|
||||
border-radius: 1rem;
|
||||
width: 90%;
|
||||
background-color: #ffffff6b;
|
||||
color: black;
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.mision {
|
||||
border-radius: 1rem;
|
||||
width: 90%;
|
||||
background-color: #ffffff6b;
|
||||
color: black;
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
}
|
||||
.vision {
|
||||
border-radius: 1rem;
|
||||
width: 90%;
|
||||
background-color: #ffffff6b;
|
||||
color: black;
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
}
|
||||
.valores{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
min-height: 100px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
padding: 40px;
|
||||
z-index: 10;
|
||||
}
|
||||
.ideario-institucional{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#ideario{
|
||||
width: 100%;
|
||||
background: url("../../../assets/img/bg/_DSC2981.jpg")fixed top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
}
|
||||
#ideario:before {
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.ideario-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
gap: 20px;
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
#main {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
.ideario-institucional{
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
#main {
|
||||
height: 80vh;
|
||||
}
|
||||
#main h1 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
#main h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,322 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
|
||||
<title>FES Acatlán</title>
|
||||
<meta content="" name="descriptison" />
|
||||
<meta content="" name="keywords" />
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="../assets/img/icon/icon.png" rel="icon" />
|
||||
<link href="../assets/img/icon/icon.png" rel="apple-touch-icon" />
|
||||
|
||||
<!-- Ext CSS -->
|
||||
<link
|
||||
href="../assets/Ext/bootstrap/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet" />
|
||||
<link href="../assets/Ext/boxicons/css/boxicons.min.css" rel="stylesheet" />
|
||||
<link
|
||||
href="../assets/Ext/owl.carousel/assets/owl.carousel.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link href="../assets/Ext/aos/aos.css" rel="stylesheet" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||
/>
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link href="../assets/css/main.css" rel="stylesheet" />
|
||||
<link href="./assets/css/conoce-la-fes.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- ======= Header ======= -->
|
||||
<!--<header id="header" class="fixed-top ">-->
|
||||
<header id="header">
|
||||
<div class="container d-flex align-items-center justify-content-between">
|
||||
<div class="">
|
||||
<a href="https://www.unam.mx/" target="_blank"
|
||||
><img
|
||||
src="../assets/img/escudos/logo_unam-b.png"
|
||||
alt=""
|
||||
class="img-fluid logo"
|
||||
/></a>
|
||||
<a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"
|
||||
><img
|
||||
src="../assets/img/escudos/escudo-b2.png"
|
||||
alt=""
|
||||
class="img-fluid logo-unam"
|
||||
/></a>
|
||||
</div>
|
||||
|
||||
<h1>FES <span>Acatlán</span></h1>
|
||||
|
||||
<nav class="nav-menu d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Normatividad</a></li>
|
||||
<li><a href="#">Tienda Acatlán</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- .nav-menu -->
|
||||
</div>
|
||||
<div class="container">
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Licenciaturas</a></li>
|
||||
<li><a href="#">Posgrados</a></li>
|
||||
<li><a href="#">Investigación</a></li>
|
||||
<li><a href="#">Cursos y Diplomados</a></li>
|
||||
<li><a href="#">Otros</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- .nav-menu -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- End Header -->
|
||||
|
||||
<!-- ======= Main Section ======= -->
|
||||
<main id="main">
|
||||
<div class="container" >
|
||||
</div>
|
||||
|
||||
<div class="information">
|
||||
<ul class="floating-list">
|
||||
<li>Juramento</li>
|
||||
<li>Historia de la FES Acatlán</li>
|
||||
</ul>
|
||||
|
||||
<div class="historia">
|
||||
<h1 class="row justify-content-center">Historia de la FES Acatlán</h1>
|
||||
|
||||
<p>
|
||||
El 17 de marzo de 1975, la Escuela Nacional de Estudios
|
||||
Profesionales (ENEP) Acatlán abrió sus puertas en el municipio de
|
||||
Naucalpan, Estado de México, para responder a la necesidad de la
|
||||
Universidad Nacional Autónoma de México de beneficiar a mayor número
|
||||
de estudiantes con la educación universitaria; introducir
|
||||
innovaciones educativas; impulsar la interdisciplina y la
|
||||
multidisciplina; vincular la investigación y la docencia; integrar
|
||||
la teoría y la práctica y vincularse con el entorno. Hoy, convertida
|
||||
en Facultad de Estudios Superiores, Acatlán ha logrado consolidarse
|
||||
como una entidad universitaria tanto en lo académico, como en lo
|
||||
cultural y deportivo.
|
||||
</p>
|
||||
<p>
|
||||
A través de estos años de quehacer universitario, no sólo ha tenido
|
||||
avances en lo cuantitativo, sino sobre todo en lo cualitativo. El
|
||||
aumento de su matrícula, de su planta de profesores, así como el
|
||||
crecimiento de su infraestructura, han ido a la par con la calidad
|
||||
educativa que imparte, lo que la ha posicionado como una de las
|
||||
mejores instituciones de educación superior de la zona noroeste del
|
||||
área metropolitana, gracias al trabajo comprometido de toda la
|
||||
comunidad que la conforma.
|
||||
</p>
|
||||
<p>
|
||||
El Consejo Universitario de la UNAM le reconoció a la ENEP Acatlán
|
||||
la consolidación académica y cultural alcanzada durante su
|
||||
existencia, por lo que el 5 de marzo de 2004 le otorgó el rango y
|
||||
denominación de Facultad de Estudios Superiores.
|
||||
</p>
|
||||
<p>
|
||||
En consecuencia, la Facultad de Estudios Superiores Acatlán está
|
||||
considerada como uno de los centros educativos más importantes de la
|
||||
zona noroeste del área metropolitana y uno de los espacios
|
||||
alternativos a Ciudad Universitaria. Actualmente cuenta con una
|
||||
comunidad cercana a 20,000 universitarios.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ideario">
|
||||
<div class="ideario-container container">
|
||||
<h1 class="d-flex justify-content-center">Ideario Institucional</h1>
|
||||
|
||||
<div class="ideario-institucional">
|
||||
<div class="mision" data-aos="fade-up" data-aos-delay="150">
|
||||
<h1 class="row justify-content-center">Mision</h1>
|
||||
|
||||
<p>
|
||||
Ser una Facultad que desarrolle las capacidades integrales de su
|
||||
comunidad con carácter plural, integral, crítico y propositivo
|
||||
que propicie una concepción educativa con articulación de los
|
||||
aprendizajes, la docencia, la investigación y la cultura; acorde
|
||||
a los principios y valores universitarios y a la identidad
|
||||
colectiva para contribuir al crecimiento y bienestar de la
|
||||
sociedad con énfasis en el entorno donde se inserta y
|
||||
desenvuelve.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="vision" data-aos="fade-up" data-aos-delay="150">
|
||||
<h1 class="row justify-content-center">Vision</h1>
|
||||
|
||||
<p>
|
||||
Convertir a la FES Acatlán en una Facultad de excelencia e
|
||||
innovación por su oferta académica actualizada y de calidad en
|
||||
las licenciaturas, posgrados y extensión universitaria; ser
|
||||
referente formativo y de solución a los desafíos y problemáticas
|
||||
actuales y emergentes, a través de la investigación conjunta con
|
||||
los ámbitos social, empresarial y productivo, que aprovecha las
|
||||
tecnologías para desarrollar, difundir y apoyar al conocimiento
|
||||
y a la cultura, bajo ideales humanistas y sociales propios de
|
||||
una Universidad del Siglo XXI.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="valores">
|
||||
<div class="valores-container"></div>
|
||||
<h1 class="d-flex justify-content-center">Valores</h1>
|
||||
|
||||
<div>
|
||||
<p>
|
||||
El Plan de Desarrollo Institucional de nuestra Facultad se erige
|
||||
sobre un conjunto de principios y valores que caracterizan el
|
||||
quehacer universitario:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Respeto a la autonomía universitaria y a los principios que de
|
||||
ella emanan.
|
||||
</li>
|
||||
<li>Gestión eficiente, transparente y participativa.</li>
|
||||
<li>
|
||||
Honestidad y responsabilidad en el uso y aprovechamiento del
|
||||
patrimonio universitario en beneficio de toda la comunidad.
|
||||
</li>
|
||||
<li>
|
||||
Responsabilidad social y ambiental en las actividades cotidianas.
|
||||
</li>
|
||||
<li>
|
||||
Compromiso social y nacional para contribuir al desarrollo y
|
||||
mejoramiento de las condiciones de vida.
|
||||
</li>
|
||||
<li>Evaluación y mejoramiento institucional permanente.</li>
|
||||
<li>
|
||||
Posicionamiento del alumnado y el personal docente como actores
|
||||
centrales de la actividad universitaria.
|
||||
</li>
|
||||
<li>
|
||||
Promoción de la convivencia mediante el ejercicio del diálogo, el
|
||||
respeto y la libertad, tanto dentro como fuera de la Universidad.
|
||||
</li>
|
||||
<li>
|
||||
Reconocimiento de la diversidad humana y la pluralidad como
|
||||
agentes que otorgan dinamismo y revitalizan la vida universitaria.
|
||||
</li>
|
||||
<li>
|
||||
Aprovechamiento asiduo de los avances tecnológicos en beneficio de
|
||||
la gestión institucional y las actividades de docencia,
|
||||
investigación y extensión de la cultura.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- End #main -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
<h4>Redes Sociales</h4>
|
||||
Siguenos en:
|
||||
<div class="social-links mt-3">
|
||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
||||
<a href="#" class="instagram"
|
||||
><i class="bx bxl-instagram"></i
|
||||
></a>
|
||||
<a href="#" class="google-plus"
|
||||
><i class="bx bxl-youtube"></i
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<img
|
||||
src="../assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Sitios de Interes</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-5</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-6</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Conoce más</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-info">
|
||||
<h3>FES <span>Acatlán</span></h3>
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2021.
|
||||
<br /><br />
|
||||
Esta página puede ser reproducida con fines no lucrativos,
|
||||
siempre y cuando no se mutile, se cite la fuente completa y su
|
||||
dirección electrónica. De otra forma, requiere permiso previo
|
||||
por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<!-- Ext JS -->
|
||||
<script src="../assets/Ext/jquery/jquery.min.js"></script>
|
||||
<script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/Ext/jquery.easing/jquery.easing.min.js"></script>
|
||||
<script src="../assets/Ext/owl.carousel/owl.carousel.min.js"></script>
|
||||
<script src="../assets/Ext/aos/aos.js"></script>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user