Inicio cursos de computo
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 447 KiB |
@@ -0,0 +1,262 @@
|
||||
#computo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../Computo/cedetec_02.png") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#computo:before {
|
||||
content: "";
|
||||
background: rgba(95, 95, 95, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#computo .container {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#computo h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#computo h1 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#computo 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;
|
||||
}
|
||||
|
||||
#computo h2 span {
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#computo .icon-box {
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#computo .icon-box i {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#computo .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);
|
||||
}
|
||||
|
||||
#computo .icon-box h3 a {
|
||||
color: #fff;
|
||||
transition: ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
#computo .icon-box h3 a:hover {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#computo .icon-box:hover {
|
||||
border-color: #1e3c70;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
#computos {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#computos {
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
#computos h1 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#computos h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#computos .navbar-toggler {
|
||||
font-size: 13px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#computo .text-container {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
#computo .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#computo .transparent-cart::before{
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 2px solid #1e3c70;
|
||||
border-top: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
#computo .transparent-cart::after{
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 2px solid #1e3c70;
|
||||
border-bottom: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#computo .cta-btn {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
padding: 4px 18px;
|
||||
display: inline-flex;
|
||||
border-radius: 18px;
|
||||
transition: 0.2s;
|
||||
margin-top: 10px;
|
||||
border: 2px solid #bb8800;
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Centro ul li a {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#computo .cta-btn:hover {
|
||||
background: #1e3c70;
|
||||
border-color: #1e3c70;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#myTab .active {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#Contacto .table th {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#Contacto .table tr td {
|
||||
color: #1e3c70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Contacto .container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#Contacto .contenedor {
|
||||
padding: 10px;
|
||||
overflow-x: scroll !important;
|
||||
height: fit-content;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
#Contacto ul li {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
#Contacto ul li a {
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
/* border: 1px solid #000; */
|
||||
width: fit-content;
|
||||
padding: 10px !important;
|
||||
color:#bb8800;
|
||||
}
|
||||
|
||||
#tab-Contacto .active {
|
||||
color:#1e3c70;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#Contacto div .contendor {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line ::before {
|
||||
content: "";
|
||||
background-color: #bb8800;
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 100%;
|
||||
left: -1rem;
|
||||
position: absolute;
|
||||
padding-top: 1rem;
|
||||
z-index: 400;
|
||||
}
|
||||
|
||||
.line ::after {
|
||||
content: "";
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -19px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
z-index: 999;
|
||||
border: 1px solid #1e3c70;
|
||||
}
|
||||
|
||||
.pr {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,206 @@
|
||||
<!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 rel="stylesheet" href="../Computo/computo.css">
|
||||
|
||||
|
||||
</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 -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="computo" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<div class="row justify-content-between" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-lg-6 col-sm-12 transparent-cart">
|
||||
<h1 class="" style="text-align: justify; color: #ffc115;"><i class="bx bx-laptop"></i>
|
||||
Cursos de computo
|
||||
</h1>
|
||||
<!--
|
||||
<ul class="nav tabs justify-content-center" id="myTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
|
||||
aria-selected="true">
|
||||
lunes a Viernes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
|
||||
aria-selected="false">
|
||||
Sabatinos
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
-->
|
||||
<!--entresemana
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
||||
<div class="border-bottom">
|
||||
<h3 style="color:#ffffff">Entresemana</h3>
|
||||
</div>
|
||||
<p style="color: #ffffff;">lunes a viernes: del 30 de septiembre al 12 de octubre</p>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
Curso y horario
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 justify-content-center">
|
||||
<h5 style="color: #ffc115; text-align: center;">Mision</h5>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
|
||||
|
||||
</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>
|
||||
+1
-1
@@ -133,7 +133,7 @@
|
||||
<section id="Centro" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 line pr ms-4">
|
||||
<div class="col-lg-6 col-sm-12 line pr ">
|
||||
<h5 style="color: #bb8800; font-weight: 700;">
|
||||
<i class="bx bx-world" style="color: #111110;"></i>
|
||||
Centro de Enseñanzas de Idiomas
|
||||
|
||||
Reference in New Issue
Block a user