avance del primer section
This commit is contained in:
Duncan Zuriel Suriano
@@ -0,0 +1,135 @@
|
||||
#idioma {
|
||||
width: 100%;
|
||||
height: 90vh;
|
||||
background: url("../../../assets/img/bg/alt-2.jpg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#idioma:before {
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#idioma .container {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#idioma h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma h1 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#idioma h2 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
/* background-color: rgba(30, 60, 112, 0.8); */
|
||||
margin: 10px 0 0 0;
|
||||
font-size: 22px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#idioma h2 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#idioma .icon-box {
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#idioma .icon-box i {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 {
|
||||
font-weight: 700;
|
||||
margin-top: auto;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
background-color: rgba(187, 136, 0, 0.8);
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 a {
|
||||
color: #fff;
|
||||
transition: ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 a:hover {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma .icon-box:hover {
|
||||
border-color: #1e3c70;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
#idiomas {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#idiomas {
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
#idiomas h1 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#idiomas h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#idiomas .navbar-toggler {
|
||||
font-size: 13px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#idioma .text-container {
|
||||
padding: 3rem;
|
||||
}
|
||||
#idioma .container {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10rem;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
/* #idioma .float-left{
|
||||
float: center;
|
||||
width: 35%;
|
||||
height: 50%;
|
||||
background-color: #e0e0e0;
|
||||
margin-left: 10px;
|
||||
text-align: center;
|
||||
line-height: 100px; /* Center text vertically
|
||||
border: 1px solid #ccc;
|
||||
} */
|
||||
|
||||
+70
-43
@@ -20,15 +20,12 @@
|
||||
<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"
|
||||
/>
|
||||
<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 rel="stylesheet" href="assets/css/idiomas.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -37,14 +34,16 @@
|
||||
<!--<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>
|
||||
|
||||
|
||||
<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>
|
||||
@@ -53,26 +52,43 @@
|
||||
</nav><!-- .nav-menu -->
|
||||
|
||||
</div>
|
||||
<div class="container ">
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<section id="idioma" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container-fluid" data-aos="fade-up">
|
||||
|
||||
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-12">
|
||||
<div class="row justify-content-between" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-lg-6 col-sm-12">
|
||||
<h1 class="" style="text-align: center; color: white;">Idiomas Acatlán</h1>
|
||||
<h2 style="text-align: center;"><span>Cursos Regulares y Cursos Sabatinos</span></h2>
|
||||
<h3 style="color: rgba(255, 255, 255); text-align: center;">Objetivo</h3>
|
||||
<p style="color: rgba(255, 255, 255); text-align: center;">
|
||||
El centro de enseñanzas de idiomas (CEI) de la FES Acatlán tiene como obejtivo contribuir a la
|
||||
formación integral de la comunidad interna y externa de la Facultad a través de la enseñanza de idiomas.
|
||||
En esta labor, se incorporan actividades culturales en la lengua meta; en ella los alumnos practican
|
||||
el idioma y conocen la cultura de estos pueblos mientras disfrutan de las expresiones artisticas como danza,
|
||||
música, literatura, teatro, cine y muestras gastronómicas.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 justify-content-center">
|
||||
<div class="">
|
||||
<h5 style="color: rgba(187, 136, 0, 0.8); text-align: left;">Convocatoria</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="col-12">
|
||||
|
||||
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
@@ -95,13 +111,22 @@
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
</section>
|
||||
|
||||
<section id="Centro" class="d-flex align-items-center justify-content-center">
|
||||
|
||||
</section>
|
||||
|
||||
<secion id="Contacto" class="d-flex align-items-center justify-content-center">
|
||||
|
||||
</secion>
|
||||
<!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
|
||||
@@ -113,20 +138,20 @@
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
|
||||
|
||||
<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 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">
|
||||
@@ -152,19 +177,21 @@
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
|
||||
|
||||
<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.
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user