Compare commits
29 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 ahernandez
|
dc642225b4 | ||
|
ahernandez
|
ebdba6cab1 | ||
|
ahernandez
|
3a1578e417 | ||
|
ahernandez
|
0431f80e7e | ||
|
ahernandez
|
e8941c8809 | ||
|
ahernandez
|
f517c4f735 | ||
|
ahernandez
|
844520911e | ||
|
ahernandez
|
5dbf7565dd | ||
|
ahernandez
|
2135bd801c | ||
 Duncan Zuriel Suriano
|
aebcd3258f | ||
|
Duncan Zuriel Suriano
|
983f2d5540 | ||
|
Duncan Zuriel Suriano
|
a834e480dc | ||
|
ahernandez
|
fbf733c0b0 | ||
|
ahernandez
|
8ab49cf785 | ||
|
Duncan Zuriel Suriano
|
2eea1cf50a | ||
|
Duncan Zuriel Suriano
|
f1afe16008 | ||
|
ahernandez
|
4bb0620368 | ||
|
ahernandez
|
d423c2b639 | ||
|
Duncan Zuriel Suriano
|
929084289e | ||
|
Duncan Zuriel Suriano
|
0c681a800b | ||
|
ahernandez
|
d363fdf66b | ||
|
ahernandez
|
734f4f4aa2 | ||
|
Duncan Zuriel Suriano
|
d18a57aa33 | ||
|
Duncan Zuriel Suriano
|
3854b8de1b | ||
|
ahernandez
|
10ecef4d3b | ||
|
Duncan Zuriel Suriano
|
574512d6b4 | ||
|
Duncan Zuriel Suriano
|
12338d36b5 | ||
 AldairN
|
afc4729b41 | ||
|
AldairN
|
474d273971 |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 447 KiB |
@@ -0,0 +1,412 @@
|
||||
#computo {
|
||||
width: 100%;
|
||||
height: 93vh;
|
||||
background: url("../Computo/cedetec_01.png") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#computo:before {
|
||||
content: "";
|
||||
background: rgba(0,0,0,0.527);
|
||||
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%;
|
||||
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: 6px solid #1e3c70;
|
||||
border-top: 6px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
#computo .transparent-cart::after{
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 6px solid #1e3c70;
|
||||
border-bottom: 6px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#computo .transparent-cart2{
|
||||
padding: 1.7rem;
|
||||
background: rgba(14, 26, 80, 0.479);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
box-shadow: 0 4px 30px rgba(7, 26, 194, 0.418);
|
||||
position: relative;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
#Center div .contenido-centrado {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Centro ul li a {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#computo .cta-btn:hover {
|
||||
background: #fff;
|
||||
border-color: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#myTab .active {
|
||||
color: #bb8800;
|
||||
}
|
||||
#myTab{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#Entresemana .table th {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#Entresemana .table tr td {
|
||||
color: #1e3c70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Entresemana .container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#Entresemana .contenedor {
|
||||
padding: 10px;
|
||||
overflow-x: scroll !important;
|
||||
height: fit-content;
|
||||
/*flex-wrap: nowrap !important;*/
|
||||
}
|
||||
|
||||
#Entresemana ul li {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
#Entresemana ul li a {
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
/* border: 1px solid #000; */
|
||||
width: fit-content;
|
||||
padding: 10px !important;
|
||||
color:#bb8800;
|
||||
}
|
||||
|
||||
#tab-Entresemana .active {
|
||||
color:#1e3c70;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#Entresemana 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;
|
||||
}
|
||||
|
||||
#Navbar{
|
||||
background: url(../assets/img/bg/solid.png);
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#Navbar ul li a{
|
||||
color: #ffffff;
|
||||
}
|
||||
#Navbar ul li a:hover{
|
||||
color: #1e3c70;
|
||||
}
|
||||
#myTabContent{
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
#myTabContent ul li a{
|
||||
color: #bb8800;
|
||||
}
|
||||
#myTabContent ul li a:hover{
|
||||
color: #1e3c70;
|
||||
}
|
||||
#myTabContent .active{
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
.mt-2{
|
||||
margin-top: .5rem !important;
|
||||
}
|
||||
#tab-cursos{
|
||||
font-size: x-large;
|
||||
}
|
||||
.tab-content .active{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
#Center .div-flex .active {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Center .nav-tabs .active {
|
||||
color: #1e3c70;
|
||||
background-color: #ffff;
|
||||
}
|
||||
#Center .b-ground {
|
||||
background: url("../../../assets/img/bg/solid.png");
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#Center table thead {
|
||||
color: #ffff;
|
||||
font-size: medium;
|
||||
}
|
||||
#Center p {
|
||||
color: #000;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
#Center .div-flex {
|
||||
display: block;
|
||||
}
|
||||
#Center .div-flex .active {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
}
|
||||
@media (min-width: 993px) {
|
||||
#Center .div-flex {
|
||||
display: flex;
|
||||
}
|
||||
.div-flex .line {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
#Center .div-flex .boxx nav .nav-item {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
#Center .normal .nav-link {
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
#Center .boxx {
|
||||
height: 8vh;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
#Center .color {
|
||||
color: #bb8800;
|
||||
}
|
||||
#Center .contenido-centrado-negro {
|
||||
text-align: center;
|
||||
color: #000;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
margin: 35px 0px;
|
||||
border-top: 2px solid #bb8800;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
#Center .row {
|
||||
margin: 1rem;
|
||||
padding: 1rem;
|
||||
border-bottom: #b3b1b1 solid 2px;
|
||||
}
|
||||
#Center .accordion-body a i {
|
||||
color: #000;
|
||||
}
|
||||
#Center .accordion-body a {
|
||||
color: #bb8800;
|
||||
}
|
||||
#Center div .line-accor {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
#Center .accordion-header .collapsed {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
#Center .accordion-header button {
|
||||
background-color: #bb8800;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Center .div-flex .active {
|
||||
box-shadow: 2px 2px 2px 2px #b3b1b1;
|
||||
border-color: #b3b1b1;
|
||||
}
|
||||
#Center .accordion-button:focus {
|
||||
box-shadow: 2px 2px 2px 2px #b3b1b1;
|
||||
border-color: #b3b1b1;
|
||||
}
|
||||
|
||||
#Center .icon-box {
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,196 @@
|
||||
#hero {
|
||||
width: 100%;
|
||||
height: 93vh;
|
||||
background: url("../Computo/cedetec_01.png") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
#Center div .contenido-centrado {
|
||||
text-align: center;
|
||||
}
|
||||
#hero .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
}
|
||||
#hero .transparent-cart ::after {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 6px solid #1e3c70;
|
||||
border-bottom: 6px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#hero .transparent-cart ::before {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 6px solid #1e3c70;
|
||||
border-top: 6px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#hero .transparent-cart2{
|
||||
padding: 1.7rem;
|
||||
background: rgba(14, 26, 80, 0.479);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
box-shadow: 0 4px 30px rgba(7, 26, 194, 0.418);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#hero .carousel h3 {
|
||||
color:#bb8800;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
#hero .carousel h4 {
|
||||
color: #bb8800;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
#hero .carousel p {
|
||||
color: white
|
||||
}
|
||||
#Center ul li a {
|
||||
color: #1e3c70;
|
||||
}
|
||||
#Center .div-flex .active {
|
||||
color: #bb8800;
|
||||
}
|
||||
#Center .nav-tabs .active {
|
||||
color: #1e3c70;
|
||||
background-color: #ffff;
|
||||
}
|
||||
#Center .b-ground {
|
||||
background: url("../../../assets/img/bg/solid.png");
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#Center table thead {
|
||||
color: #ffff;
|
||||
font-size: medium;
|
||||
}
|
||||
#Center p {
|
||||
color: #000;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
#Center .div-flex {
|
||||
display: block;
|
||||
}
|
||||
#Center .div-flex .active {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
}
|
||||
@media (min-width: 993px) {
|
||||
#Center .div-flex {
|
||||
display: flex;
|
||||
}
|
||||
.div-flex .line {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
#Center .div-flex .boxx nav .nav-item {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
#Center .normal .nav-link {
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
#Center .boxx {
|
||||
height: 8vh;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
#Center .color {
|
||||
color: #bb8800;
|
||||
}
|
||||
#Center .contenido-centrado-negro {
|
||||
text-align: center;
|
||||
color: #000;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
margin: 35px 0px;
|
||||
border-top: 2px solid #bb8800;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
#Center .row {
|
||||
margin: 1rem;
|
||||
padding: 1rem;
|
||||
border-bottom: #b3b1b1 solid 2px;
|
||||
}
|
||||
#Center .accordion-body a i {
|
||||
color: #000;
|
||||
}
|
||||
#Center .accordion-body a {
|
||||
color: #bb8800;
|
||||
}
|
||||
#Center div .line-accor {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
#Center .accordion-header .collapsed {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
#Center .accordion-header button {
|
||||
background-color: #bb8800;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Center .div-flex .active {
|
||||
box-shadow: 2px 2px 2px 2px #b3b1b1;
|
||||
border-color: #b3b1b1;
|
||||
}
|
||||
#Center .accordion-button:focus {
|
||||
box-shadow: 2px 2px 2px 2px #b3b1b1;
|
||||
border-color: #b3b1b1;
|
||||
}
|
||||
|
||||
#Center .icon-box {
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#hero .icon-box i {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#hero .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);
|
||||
}
|
||||
|
||||
#hero .icon-box h3 a {
|
||||
color: #fff;
|
||||
transition: ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
#hero .icon-box h3 a:hover {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#hero .icon-box:hover {
|
||||
border-color: #1e3c70;
|
||||
}
|
||||
@@ -0,0 +1,175 @@
|
||||
#computo {
|
||||
width: 100%;
|
||||
height: 93vh;
|
||||
background: linear-gradient(rgba(255, 217, 0, 0.1), rgba(255, 247, 0, 0.096)),
|
||||
url("../css/img/cedetec.jpeg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#Center div .contenido-centrado {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#computo .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(112, 112, 112, 0.027);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.082);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#computo .transparent-cart ::after {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 6px solid #bb8800;
|
||||
border-bottom: 6px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#computo .transparent-cart ::before {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 6px solid #bb8800;
|
||||
border-top: 6px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#computo .carousel h3 {
|
||||
color: #1e3c70;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#computo .carousel h4 {
|
||||
color: #1e3c70;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#computo .carousel p {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#Center ul li a {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#Center .div-flex .active {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Center .nav-tabs .active {
|
||||
color: #1e3c70;
|
||||
background-color: #ffff;
|
||||
}
|
||||
|
||||
#Center .b-ground {
|
||||
background: url("../../../assets/img/bg/solid.png");
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#Center table thead {
|
||||
color: #ffff;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
#Center p {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
#Center .div-flex {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#Center .div-flex .active {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 993px) {
|
||||
#Center .div-flex {
|
||||
display: flex;
|
||||
}
|
||||
.div-flex .line {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
#Center .div-flex .boxx nav .nav-item{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
#Center .normal .nav-link {
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#Center .boxx {
|
||||
height: 8vh;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#Center .color {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Center .contenido-centrado-negro {
|
||||
text-align: center;
|
||||
color: #000;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
margin: 35px 0px;
|
||||
border-top: 2px solid #bb8800;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
#Center .row {
|
||||
margin: 1rem;
|
||||
padding: 1rem;
|
||||
border-bottom: #b3b1b1 solid 2px;
|
||||
}
|
||||
|
||||
#Center .accordion-body a i {
|
||||
color: #000;
|
||||
}
|
||||
#Center .accordion-body a {
|
||||
color:#bb8800;
|
||||
}
|
||||
|
||||
#Center div .line-accor {
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
|
||||
#Center .accordion-header .collapsed {
|
||||
background-color: #ffffff;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
#Center .accordion-header button {
|
||||
background-color: #bb8800;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
#Center .div-flex .active {
|
||||
box-shadow: 2px 2px 2px 2px #b3b1b1;
|
||||
border-color: #b3b1b1;
|
||||
}
|
||||
|
||||
#Center .accordion-button:focus {
|
||||
box-shadow:2px 2px 2px 2px #b3b1b1;
|
||||
border-color: #b3b1b1;
|
||||
}
|
||||
@@ -0,0 +1,870 @@
|
||||
<!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.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">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<div class="row justify-content-between align-items-center" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-lg-6 col-sm-12 transparent-cart">
|
||||
<h1 class="" style="text-align: center; color: #ffc115;"><i class="bx bx-laptop"></i>
|
||||
Cursos de computo
|
||||
</h1>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div
|
||||
id="carouselExampleControls"
|
||||
class="carousel slide"
|
||||
data-bs-ride="carousel"
|
||||
>
|
||||
<div class="carousel-inner">
|
||||
<div
|
||||
class="carousel-item active transparent-cart2"
|
||||
>
|
||||
<h3 style="color: #ffc115;">¿Quiénes somos?</h3>
|
||||
<p style="text-align: justify;">
|
||||
El Área de Cursos del Centro de Desarrollo Tecnológico, se
|
||||
distingue por ser una de las más importantes y
|
||||
representativas en la Zona Norte del Área Metropolitana,
|
||||
como proveedora de conocimiento tecnológico y actualizado
|
||||
en: software, capacitación y certificaciones. La producción
|
||||
de los materiales, así como de los conocimientos que se
|
||||
manejan por parte del personal que labora en esta área es de
|
||||
consideración primordial para ofrecer un servicio de calidad
|
||||
y alto índice de satisfacción de acuerdo a las expectativas
|
||||
de los participantes, en cada una de sus actividades.
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-item transparent-cart2">
|
||||
<h4 style="color: #ffc115;">Misión</h4>
|
||||
<p style="text-align: justify;">
|
||||
Preparar a los usuarios en el uso correcto de las
|
||||
Tecnologías de la Información y Comunicación para que a
|
||||
través de ellas logren superarse y distinguirse de entre los
|
||||
demás al conjuntarlas con el conocimiento de su propia área
|
||||
de experiencia.
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-item transparent-cart2">
|
||||
<h4 style="color: #ffc115;">Visión</h4>
|
||||
<p style="text-align: justify;">
|
||||
Lograr una alfabetización digital que reduzca la brecha
|
||||
generacional entre los novicios y los expertos en el uso de
|
||||
las Tecnologías de la Información y Comunicación.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="carousel-control-prev"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleControls"
|
||||
data-bs-slide="prev"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-prev-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button
|
||||
class="carousel-control-next"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleControls"
|
||||
data-bs-slide="next"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-next-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
<section
|
||||
id="Center"
|
||||
class="d-flex align-items-center justify-content-center flex-column pt-0"
|
||||
>
|
||||
<div id="Navbar" class="container-fluid align-content-center">
|
||||
<ul id="myTab" class="nav tab d-flex justify-content-between w-100">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="convocatoria-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#convocatoria"
|
||||
class="nav-link active"
|
||||
aria-controls="convocatoria"
|
||||
aria-selected="true"
|
||||
>
|
||||
Convocatoria
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="temario-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#temario"
|
||||
class="nav-link"
|
||||
aria-controls="temario"
|
||||
aria-selected="false"
|
||||
>
|
||||
Temario
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="registro-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#registro"
|
||||
class="nav-link"
|
||||
aria-controls="registro"
|
||||
aria-selected="false"
|
||||
>
|
||||
Registro
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="avisos-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#avisos"
|
||||
class="nav-link"
|
||||
aria-controls="avisos"
|
||||
aria-selected="false"
|
||||
>
|
||||
Avisos e informes
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container-fluid ">
|
||||
<!-- Inicio de los tabs del nav -->
|
||||
<div class="tab-content" id="myTabContent">
|
||||
<!-- Incio del primer Tab -->
|
||||
<div class="tab-pane fade show active" id="convocatoria" role="tabpanel" aria-labelledby="convocatoria-tab">
|
||||
<div class="container-xxl">
|
||||
<div class="row">
|
||||
<h3 class="color">
|
||||
<i class="bx bx-book"></i>
|
||||
<strong>Cursos</strong>
|
||||
</h3>
|
||||
<!-- Incio del Tab -->
|
||||
<div class="div-flex">
|
||||
<!-- Nav de cursos -->
|
||||
<div class="col-12 col-md-4 boxx">
|
||||
<ul class="nav d-lg-block flex-nowrap">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="regulares-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#regulares"
|
||||
class="nav-link active line rounded"
|
||||
aria-controls="regulares"
|
||||
aria-selected="true"
|
||||
>
|
||||
Cursos Regulares</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="sabatinos-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#sabatinos"
|
||||
class="nav-link rounded"
|
||||
aria-controls="sabatinos"
|
||||
aria-selected="false"
|
||||
>Cursos Sabatinos</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Contenido de tab de cursos -->
|
||||
<div class="col-12 col-md-8 tab-content" id="cursosTab">
|
||||
<div
|
||||
class="tab-pane fade show active contenido-centrado"
|
||||
id="regulares"
|
||||
role="tablist"
|
||||
aria-labelledby="regulares-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70"
|
||||
>
|
||||
LUNES A VIERNES: Del 30 de septiembre al 12 de octubre
|
||||
2024 <br />
|
||||
2 hrs diarias
|
||||
</p>
|
||||
</div>
|
||||
<table class="table justify-content-center">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Intro. a la computación para 3era edad <br />20 hrs.
|
||||
<br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Word básico <br />20 hrs. <br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico <br />25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado <br />25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel <br />20 hrs.
|
||||
<br />
|
||||
19 a 21 hrs. (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico <br />20 hrs.
|
||||
<br />
|
||||
10 a 12 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio <br />20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ciberdelitos ¡Para todos! <br />10 hrs. <br />
|
||||
17 a 19 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50 <br />EXTERNO:
|
||||
$ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación <br />20 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00<br />
|
||||
EXUNAM: $ 2,295.00 <br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python <br />20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Manejo de R en Python <br />20 hrs. <br />19 a 21 hrs
|
||||
(en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Niñas, niños y adolescentes en Ciberriesgo<br />
|
||||
10 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (10 hrs en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50 <br />EXTERNO:
|
||||
$ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade contenido-centrado"
|
||||
id="sabatinos"
|
||||
role="tablist"
|
||||
aria-labelledby="sabatinos-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70"
|
||||
>
|
||||
SABATINOS: Del 19 de octubre al 16 de noviembre 2024
|
||||
<br />
|
||||
5 hrs por sesión
|
||||
</p>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
AutoCAD <br />
|
||||
20 hrs. <br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico<br />
|
||||
25 hrs. <br />09 a 14 hrs (Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00<br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado <br />25 hrs. <br />09 a 14 hrs
|
||||
(Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel <br />20 hrs.
|
||||
<br />09 a 14 hrs (Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server avanzado <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Programación de Macros con Excel <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Seguridad de la información <br />20 hrs.<br />
|
||||
09 a 14 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la Ciberseguridad <br />10 hrs.
|
||||
<br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50 <br />EXTERNO:
|
||||
$ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ataques y defensas en Aplicaciones Web <br />20 hrs.
|
||||
<br />09 a 14 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00<br />
|
||||
EXUNAM: $ 2,295.00 <br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio <br />20 hrs. <br />09 a 14
|
||||
hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Programación interactiva para videojuegos con JOGL<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de temario -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="temario"
|
||||
role="tabpanel"
|
||||
aria-labelledby="temario-tab"
|
||||
>
|
||||
<div class="row">
|
||||
|
||||
<h3 class="color">
|
||||
<i class="bx bx-book"></i>
|
||||
<strong>Temario</strong>
|
||||
</h3>
|
||||
<div class="accordion" id="accordionPanelsStayOpenExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseOne"
|
||||
aria-expanded="true"
|
||||
aria-controls="panelsStayOpen-collapseOne"
|
||||
>
|
||||
Excel
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseOne"
|
||||
class="accordion-collapse collapse show"
|
||||
>
|
||||
<div class="accordion-body line-accor">
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="bx bx-file"></i>
|
||||
Excel
|
||||
</a>
|
||||
</div>
|
||||
<div class="accordion-body">
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="bx bx-file"></i>
|
||||
Excel-2
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseTwo"
|
||||
aria-expanded="false"
|
||||
aria-controls="panelsStayOpen-collapseTwo"
|
||||
>
|
||||
Bases de Datos (SQL)
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseTwo"
|
||||
class="accordion-collapse collapse"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<p>
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="bx bx-file"></i>
|
||||
Base de datos
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseThree"
|
||||
aria-expanded="false"
|
||||
aria-controls="panelsStayOpen-collapseThree"
|
||||
>
|
||||
Programación
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseThree"
|
||||
class="accordion-collapse collapse"
|
||||
>
|
||||
<div class="accordion-body">Temario</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de registro -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="registro"
|
||||
role="tabpanel"
|
||||
aria-labelledby="registro-tab"
|
||||
>
|
||||
<div class="row">
|
||||
<!-- Inicio del Tab de registro -->
|
||||
<h3 class="color">
|
||||
<i class="bx bx-notepad"></i>
|
||||
<strong>Registro</strong>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de avisos e informes -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="avisos"
|
||||
role="tabpanel"
|
||||
aria-labelledby="avisos-tab"
|
||||
>
|
||||
<div class="row">
|
||||
<!-- Inicio del Tab de avisos e informes -->
|
||||
<h3 class="color">
|
||||
<i class="bx bx-phone"></i>
|
||||
<strong>Informes</strong>
|
||||
</h3>
|
||||
<div class="justify-content-center contenido-centrado-negro">
|
||||
<p>
|
||||
<strong>Importante</strong>
|
||||
</p>
|
||||
<p>Para aplicar la aportación UNAM o EXALUMNO UNAM</p>
|
||||
<p>Únicamente se recibirán los siguientes documentos:</p>
|
||||
|
||||
<p><strong>INAPAM:</strong> Credencial INAPAM</p>
|
||||
<p>
|
||||
<strong>UNAM:</strong> Tira de materias del semestre vigente y
|
||||
credencial UNAM o INE
|
||||
</p>
|
||||
<p>
|
||||
<strong>EXALUMNO-UNAM:</strong> Credencial EXALUMNO UNAM, para
|
||||
tramitarla consulte: https://www.pveu.unam.mx/credencial.php
|
||||
</p>
|
||||
<p><strong>tel.:</strong> 55-5622-6186 o 55-5622-6057</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>FES Acatlán</strong></p>
|
||||
<a href="#">Centro de Desarrollo Tecnológico </a>
|
||||
<p>
|
||||
Av. Alcanfores y San Juan Totoltepec s/n Naucalpan, Edo. de
|
||||
México <br />
|
||||
<strong>e-mail:</strong> cursos@acatlan.unam.mx <br />
|
||||
<strong>Tels:</strong> 5623 1761 y 5623 1509
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,787 @@
|
||||
<!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.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-center align-items-center"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<div class="col-sm-12 col-md-6 transparent-cart">
|
||||
<h1 style="font-size: 4vh; color: #ffc115;"><i class="bx bx-laptop"></i>
|
||||
Cursos de Computo
|
||||
</h1>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div
|
||||
id="carouselExampleControls"
|
||||
class="carousel slide"
|
||||
data-bs-ride="carousel"
|
||||
style="font-size: medium"
|
||||
>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active transparent-cart2">
|
||||
<h3 style="color: #ffc115;">¿Quiénes somos?</h3>
|
||||
<p>
|
||||
El Área de Cursos del Centro de Desarrollo Tecnológico, se
|
||||
distingue por ser una de las más importantes y
|
||||
representativas en la Zona Norte del Área Metropolitana,
|
||||
como proveedora de conocimiento tecnológico y actualizado
|
||||
en: software, capacitación y certificaciones. La producción
|
||||
de los materiales, así como de los conocimientos que se
|
||||
manejan por parte del personal que labora en esta área es de
|
||||
consideración primordial para ofrecer un servicio de calidad
|
||||
y alto índice de satisfacción de acuerdo a las expectativas
|
||||
de los participantes, en cada una de sus actividades. Es de
|
||||
mencionar que el área tiene más de 15 años ofreciendo con
|
||||
renovado y constante servicio de capacitación, obteniendo
|
||||
logros alcanzados que pueden observarse en las diferentes
|
||||
certificaciones en las que ha participado como digno ejemplo
|
||||
de tecnología para apoyo a las diversas carreras de la
|
||||
Facultad, acuerdos de certificación en empresas que apoyan a
|
||||
los alumnos a lograr un mejor nivel laboral dadas las
|
||||
características del campo de aplicación de su licenciatura.
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-item transparent-cart2">
|
||||
<h4>Misión</h4>
|
||||
<p>
|
||||
Preparar a los usuarios en el uso correcto de las
|
||||
Tecnologías de la Información y Comunicación para que a
|
||||
través de ellas logren superarse y distinguirse de entre los
|
||||
demás al conjuntarlas con el conocimiento de su propia área
|
||||
de experiencia.
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-item transparent-cart2">
|
||||
<h4>Visión</h4>
|
||||
<p>
|
||||
Lograr una alfabetización digital que reduzca la brecha
|
||||
generacional entre los novicios y los expertos en el uso de
|
||||
las Tecnologías de la Información y Comunicación.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="carousel-control-prev"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleControls"
|
||||
data-bs-slide="prev"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-prev-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button
|
||||
class="carousel-control-next"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleControls"
|
||||
data-bs-slide="next"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-next-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
<section
|
||||
id="Center"
|
||||
class="d-flex align-items-center justify-content-center flex-column pt-0"
|
||||
>
|
||||
<div class="container-xxl">
|
||||
<div class="row">
|
||||
<h3 class="color">
|
||||
<i class="bx bx-book"></i>
|
||||
<strong>Cursos</strong>
|
||||
</h3>
|
||||
<!-- Incio del Tab -->
|
||||
<div class="div-flex">
|
||||
<!-- Nav de cursos -->
|
||||
<div class="col-12 col-md-4 boxx">
|
||||
<ul class="nav d-lg-block flex-nowrap">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="regulares-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#regulares"
|
||||
class="nav-link active line rounded"
|
||||
aria-controls="regulares"
|
||||
aria-selected="true"
|
||||
>
|
||||
Cursos Regulares</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="sabatinos-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#sabatinos"
|
||||
class="nav-link rounded"
|
||||
aria-controls="sabatinos"
|
||||
aria-selected="false"
|
||||
>Cursos Sabatinos</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Contenido de tab de cursos -->
|
||||
<div class="col-12 col-md-8 tab-content" id="cursosTab">
|
||||
<div
|
||||
class="tab-pane fade show active contenido-centrado"
|
||||
id="regulares"
|
||||
role="tablist"
|
||||
aria-labelledby="regulares-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70"
|
||||
>
|
||||
LUNES A VIERNES: Del 30 de septiembre al 12 de octubre
|
||||
2024 <br />
|
||||
2 hrs diarias
|
||||
</p>
|
||||
</div>
|
||||
<table class="table justify-content-center">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Intro. a la computación para 3era edad <br />20 hrs.
|
||||
<br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Word básico <br />20 hrs. <br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico <br />25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado <br />25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel <br />20 hrs.
|
||||
<br />
|
||||
19 a 21 hrs. (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico <br />20 hrs.
|
||||
<br />
|
||||
10 a 12 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio <br />20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ciberdelitos ¡Para todos! <br />10 hrs. <br />
|
||||
17 a 19 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50 <br />EXTERNO:
|
||||
$ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación <br />20 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00<br />
|
||||
EXUNAM: $ 2,295.00 <br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python <br />20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Manejo de R en Python <br />20 hrs. <br />19 a 21 hrs
|
||||
(en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Niñas, niños y adolescentes en Ciberriesgo<br />
|
||||
10 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (10 hrs en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50 <br />EXTERNO:
|
||||
$ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade contenido-centrado"
|
||||
id="sabatinos"
|
||||
role="tablist"
|
||||
aria-labelledby="sabatinos-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70"
|
||||
>
|
||||
SABATINOS: Del 19 de octubre al 16 de noviembre 2024
|
||||
<br />
|
||||
5 hrs por sesión
|
||||
</p>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
AutoCAD <br />
|
||||
20 hrs. <br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico<br />
|
||||
25 hrs. <br />09 a 14 hrs (Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00<br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado <br />25 hrs. <br />09 a 14 hrs
|
||||
(Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel <br />20 hrs.
|
||||
<br />09 a 14 hrs (Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server avanzado <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Programación de Macros con Excel <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Seguridad de la información <br />20 hrs.<br />
|
||||
09 a 14 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la Ciberseguridad <br />10 hrs.
|
||||
<br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50 <br />EXTERNO:
|
||||
$ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ataques y defensas en Aplicaciones Web <br />20 hrs.
|
||||
<br />09 a 14 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00<br />
|
||||
EXUNAM: $ 2,295.00 <br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio <br />20 hrs. <br />09 a 14
|
||||
hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Programación interactiva para videojuegos con JOGL<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Inicio del Tab de temario -->
|
||||
<h3 class="color">
|
||||
<i class="bx bx-book"></i>
|
||||
<strong>Temario</strong>
|
||||
</h3>
|
||||
<div class="accordion" id="accordionPanelsStayOpenExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseOne"
|
||||
aria-expanded="true"
|
||||
aria-controls="panelsStayOpen-collapseOne"
|
||||
>
|
||||
Excel
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseOne"
|
||||
class="accordion-collapse collapse show"
|
||||
>
|
||||
<div class="accordion-body line-accor">
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="bx bx-file"></i>
|
||||
Excel
|
||||
</a>
|
||||
</div>
|
||||
<div class="accordion-body">
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="bx bx-file"></i>
|
||||
Excel-2
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseTwo"
|
||||
aria-expanded="false"
|
||||
aria-controls="panelsStayOpen-collapseTwo"
|
||||
>
|
||||
Bases de Datos (SQL)
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseTwo"
|
||||
class="accordion-collapse collapse"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<p>
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="bx bx-file"></i>
|
||||
Base de datos
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseThree"
|
||||
aria-expanded="false"
|
||||
aria-controls="panelsStayOpen-collapseThree"
|
||||
>
|
||||
Programación
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseThree"
|
||||
class="accordion-collapse collapse"
|
||||
>
|
||||
<div class="accordion-body">Temario</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Inicio del Tab de registro -->
|
||||
<h3 class="color">
|
||||
<i class="bx bx-notepad"></i>
|
||||
<strong>Registro</strong>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Inicio del Tab de avisos e informes -->
|
||||
<h3 class="color">
|
||||
<i class="bx bx-phone"></i>
|
||||
<strong>Informes</strong>
|
||||
</h3>
|
||||
<div class="justify-content-center contenido-centrado-negro">
|
||||
<p>
|
||||
<strong>Importante</strong>
|
||||
</p>
|
||||
<p>Para aplicar la aportación UNAM o EXALUMNO UNAM</p>
|
||||
<p>Únicamente se recibirán los siguientes documentos:</p>
|
||||
|
||||
<p><strong>INAPAM:</strong> Credencial INAPAM</p>
|
||||
<p>
|
||||
<strong>UNAM:</strong> Tira de materias del semestre vigente y
|
||||
credencial UNAM o INE
|
||||
</p>
|
||||
<p>
|
||||
<strong>EXALUMNO-UNAM:</strong> Credencial EXALUMNO UNAM, para
|
||||
tramitarla consulte: https://www.pveu.unam.mx/credencial.php
|
||||
</p>
|
||||
<p><strong>tel.:</strong> 55-5622-6186 o 55-5622-6057</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>FES Acatlán</strong></p>
|
||||
<a href="#">Centro de Desarrollo Tecnológico </a>
|
||||
<p>
|
||||
Av. Alcanfores y San Juan Totoltepec s/n Naucalpan, Edo. de
|
||||
México <br />
|
||||
<strong>e-mail:</strong> cursos@acatlan.unam.mx <br />
|
||||
<strong>Tels:</strong> 5623 1761 y 5623 1509
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+3
-3
@@ -566,7 +566,7 @@ Hero
|
||||
}
|
||||
#hero:before {
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
background: rgba(0, 0, 0, 0.527);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
@@ -589,13 +589,13 @@ Hero
|
||||
}
|
||||
#hero h2 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
background-color: rgba(30, 60, 112, 0.8);
|
||||
/*background-color: rgba(30, 60, 112, 0.8);*/
|
||||
margin: 10px 0 0 0;
|
||||
font-size: 22px;
|
||||
padding: 4px;
|
||||
}
|
||||
#hero .icon-box {
|
||||
padding: ;
|
||||
padding: 1;
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
|
||||
@@ -1,959 +0,0 @@
|
||||
/* Variables */
|
||||
/* ==========
|
||||
General
|
||||
========== */
|
||||
body {
|
||||
color: #cccccc;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
/* ==========
|
||||
|
||||
========== */
|
||||
/* ==========
|
||||
Back to top button
|
||||
========== */
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
display: none;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
z-index: 99999;
|
||||
text-decoration: none;
|
||||
}
|
||||
.back-to-top i {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background-color: #bb8800;
|
||||
color: #1e3c70;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
.back-to-top i:hover {
|
||||
background-color: #1e3c70;
|
||||
color: #bb8800;
|
||||
}
|
||||
/* ==========
|
||||
aos animation delay mobile
|
||||
========== */
|
||||
@media screen and (max-width: 768px) {
|
||||
[data-aos-delay] {
|
||||
transition-delay: 0 !important;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
Header
|
||||
========== */
|
||||
#header {
|
||||
transition: all 0.5s;
|
||||
z-index: 997;
|
||||
padding: 8px 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: rgba(20, 30, 48, 0.8);
|
||||
}
|
||||
#header .logo {
|
||||
max-height: 68px;
|
||||
margin: 3px 4px 0 0;
|
||||
}
|
||||
#header .logo-unam {
|
||||
max-height: 55px;
|
||||
}
|
||||
#header h1 {
|
||||
color: #1e3c70;
|
||||
font-weight: 900;
|
||||
font-size: 28px;
|
||||
color: #fff;
|
||||
}
|
||||
#header h1 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
#header {
|
||||
position: fixed;
|
||||
}
|
||||
#header .logo {
|
||||
max-height: 40px;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
#header .logo-unam {
|
||||
max-height: 40px;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
#header h1 {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
Nav Menu
|
||||
========== */
|
||||
/* Desktop */
|
||||
.nav-menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-menu > ul {
|
||||
display: flex;
|
||||
}
|
||||
.nav-menu > ul > li {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
padding: 10px 0 10px 28px;
|
||||
}
|
||||
.nav-menu a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nav-menu a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu li:hover > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
top: calc(100% + 30px);
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
transition: 0.3s;
|
||||
}
|
||||
.nav-menu .drop-down ul a {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
color: #151515;
|
||||
}
|
||||
.nav-menu .drop-down ul a:hover {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down ul .active > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down ul li:hover > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
.nav-menu .drop-down li {
|
||||
min-width: 180px;
|
||||
position: relative;
|
||||
}
|
||||
.nav-menu .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down ul {
|
||||
top: 0;
|
||||
left: calc(100% - 30px);
|
||||
}
|
||||
.nav-menu .drop-down .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down > a:after {
|
||||
content: "\eaa0";
|
||||
font-family: IcoFont;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
@media (max-width: 1366px) {
|
||||
.nav-menu .drop-down .drop-down ul {
|
||||
left: -90%;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down:hover > ul {
|
||||
left: -100%;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down > a:after {
|
||||
content: "\ea9d";
|
||||
}
|
||||
}
|
||||
/* Mobile Navigation */
|
||||
.mobile-nav-toggle {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
z-index: 9998;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 24px;
|
||||
transition: all 0.4s;
|
||||
outline: none !important;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
text-align: right;
|
||||
}
|
||||
.mobile-nav-toggle i {
|
||||
color: #bb8800;
|
||||
}
|
||||
.mobile-nav {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 55px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
z-index: 9999;
|
||||
overflow-y: auto;
|
||||
background: rgba(30, 60, 112, 0.9);
|
||||
transition: ease-in-out 0.2s;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.mobile-nav * {
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.mobile-nav a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #bb8800;
|
||||
padding: 10px 20px;
|
||||
font-weight: 700;
|
||||
outline: none;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.mobile-nav a:hover {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav .active a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav li:hover a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.mobile-nav .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
.mobile-nav .drop-down ul {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav .drop-down li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.mobile-nav .active.drop-down a:after {
|
||||
content: "\eaa1";
|
||||
}
|
||||
.mobile-nav-overly {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9997;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
transition: ease-in-out 0.2s;
|
||||
}
|
||||
.mobile-nav-active {
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav-active .mobile-nav {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.mobile-nav-active .mobile-nav-toggle i {
|
||||
color: #fff;
|
||||
}
|
||||
/* ==========
|
||||
Nav Menu Sec
|
||||
========== */
|
||||
/* Desktop */
|
||||
.navbar-2 {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.navbar-2 a {
|
||||
transition: 0.3s;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.navbar-2 .dropdown-menu a:hover {
|
||||
background-color: #1e3c70;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar-2 .dropdown-item i:hover {
|
||||
color: goldenrod !important;
|
||||
}
|
||||
.navbar-2 i {
|
||||
color: goldenrod;
|
||||
font-size: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.nav-menu-2 ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-menu-2 > ul {
|
||||
display: flex;
|
||||
}
|
||||
.nav-menu-2 > ul > li {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
padding: 10px 0 10px 28px;
|
||||
}
|
||||
.nav-menu-2 a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nav-menu-2 a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .active > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu-2 li:hover > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
top: calc(100% + 30px);
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
transition: 0.3s;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul a {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
color: #151515;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul a:hover {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul .active > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul li:hover > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
.nav-menu-2 .drop-down li {
|
||||
min-width: 180px;
|
||||
position: relative;
|
||||
}
|
||||
.nav-menu-2 .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down ul {
|
||||
top: 0;
|
||||
left: calc(100% - 30px);
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down > a:after {
|
||||
content: "\eaa0";
|
||||
font-family: IcoFont;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
@media (max-width: 1366px) {
|
||||
.nav-menu-2 .drop-down .drop-down ul {
|
||||
left: -90%;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down:hover > ul {
|
||||
left: -100%;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down > a:after {
|
||||
content: "\ea9d";
|
||||
}
|
||||
}
|
||||
/* Mobile */
|
||||
.mobile-nav-2-toggle {
|
||||
position: fixed;
|
||||
top: 70px;
|
||||
right: 8px;
|
||||
z-index: 9998;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 24px;
|
||||
transition: all 0.4s;
|
||||
outline: none !important;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
text-align: right;
|
||||
background-color: #1e3c70;
|
||||
padding: 8px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.mobile-nav-2-toggle i {
|
||||
color: #bb8800;
|
||||
}
|
||||
.mobile-nav-2 {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 55px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
z-index: 9999;
|
||||
overflow-y: auto;
|
||||
background: rgba(30, 60, 112, 0.9);
|
||||
transition: ease-in-out 0.2s;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 10px 0;
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
}
|
||||
.mobile-nav-2 * {
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.mobile-nav-2 a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #bb8800;
|
||||
padding: 10px 20px;
|
||||
font-weight: 700;
|
||||
outline: none;
|
||||
}
|
||||
.mobile-nav-2 a:hover {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav-2 .active > a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav-2 li:hover > a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav-2 .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.mobile-nav-2 .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
.mobile-nav-2 .drop-down ul {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav-2 .drop-down li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.mobile-nav-2 .active.drop-down > a:after {
|
||||
content: "\eaa1";
|
||||
}
|
||||
.mobile-nav-2-overly {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9997;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
transition: ease-in-out 0.2s;
|
||||
}
|
||||
.mobile-nav-2-active {
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav-2-active .mobile-nav-2 {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.mobile-nav-2-active .mobile-nav-2-toggle i {
|
||||
color: #fff;
|
||||
}
|
||||
/* ==========
|
||||
Hero
|
||||
========== */
|
||||
#hero {
|
||||
min-height: 100vh;
|
||||
background: url('../img/_DSC2981.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
position: relative;
|
||||
}
|
||||
#hero::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
#hero #hero_container {
|
||||
min-height: 70vh;
|
||||
z-index: 3;
|
||||
padding: 30px;
|
||||
z-index: 10;
|
||||
margin-top: 120px;
|
||||
}
|
||||
#hero #hero_container h2 {
|
||||
font-size: 60px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
color: #bb8800;
|
||||
margin-bottom: 25px;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 20px;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 25px 0;
|
||||
text-align: justify;
|
||||
}
|
||||
#hero #hero_container #container_btn {
|
||||
width: 60%;
|
||||
height: 150px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
transition: all ease 0.3s;
|
||||
background: #1e3c70;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#hero #hero_container #container_btn a:hover {
|
||||
background: #bb8800;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
#hero #hero_container {
|
||||
margin-top: 150px;
|
||||
}
|
||||
#hero #hero_container h2 {
|
||||
font-size: 43px;
|
||||
width: 100%;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#hero #hero_container h2 {
|
||||
font-size: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 23px;
|
||||
}
|
||||
#hero #hero_container #container_btn {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 40%;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 840px) {
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 60%;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 350px) {
|
||||
#hero #hero_container h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 15px;
|
||||
}
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 50%;
|
||||
height: 45px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 591px) {
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
End hero
|
||||
========== */
|
||||
/* ==========
|
||||
Section
|
||||
========== */
|
||||
#courses {
|
||||
min-height: 82vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 82vh;
|
||||
}
|
||||
#courses #courses_content h2 {
|
||||
margin: 30px 0 10px 0;
|
||||
width: 55%;
|
||||
border-bottom: solid 3px #bb8800;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
color: #1e3c70;
|
||||
font-weight: 700;
|
||||
}
|
||||
#courses #courses_content h2 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 82vh;
|
||||
margin: 40px 0;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 82vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
width: 85%;
|
||||
min-height: 45vh;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.5rem;
|
||||
width: 80%;
|
||||
margin: 10px auto;
|
||||
min-height: 90px;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
font-weight: 600;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 100px;
|
||||
width: 85%;
|
||||
margin-left: 25px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules p {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
font-weight: 500;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn {
|
||||
width: 50%;
|
||||
min-height: 10vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn a {
|
||||
background: #1e3c70;
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
transition: all ease 0.5s;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn a:hover {
|
||||
color: #bb8800;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
#courses #courses_content h2 {
|
||||
width: 80%;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
min-height: 30vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 150px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 840px) {
|
||||
#courses {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content h2 {
|
||||
width: 85%;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
min-height: 20vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.5rem;
|
||||
min-height: 135px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 120px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn {
|
||||
width: 100%;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn a {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 769px) {
|
||||
#courses {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
min-height: 85px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 80px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 508px) {
|
||||
#courses #courses_content h2 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 390px) {
|
||||
#courses {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content h2 {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
min-height: 26vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.1rem;
|
||||
min-height: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
End Section
|
||||
========== */
|
||||
/* ==========
|
||||
Footer
|
||||
========== */
|
||||
#footer {
|
||||
background-color: black;
|
||||
padding: 0 0 30px 0;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
#footer .footer-top {
|
||||
background: linear-gradient(rgba(2, 2, 2, 0.9), rgba(20, 30, 48, 0.9)), url("../img/bg/_DSC3031.jpg") fixed top;
|
||||
background-size: cover;
|
||||
border-bottom: 1px solid #222222;
|
||||
padding: 60px 0 30px 0;
|
||||
}
|
||||
#footer .footer-top .footer-info {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 {
|
||||
font-size: 28px;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 2px 0 2px 0;
|
||||
line-height: 1;
|
||||
font-weight: 700;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
#footer .footer-top .footer-info p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
font-family: "Raleway", sans-serif;
|
||||
color: #fff;
|
||||
text-align: justify;
|
||||
}
|
||||
#footer .footer-top .social-links a {
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
background: #292929;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
padding: 8px 0;
|
||||
margin-right: 4px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
#footer .footer-top .social-links a:hover {
|
||||
background: #ffc451;
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer .footer-top h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
#footer .footer-top .footer-links {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-links ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul i {
|
||||
padding-right: 2px;
|
||||
color: #ffc451;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li {
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a {
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 686 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 784 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 311 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 515 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
@@ -1,265 +0,0 @@
|
||||
<!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/educacion.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../assets/Ext/bootstrap-icons/bootstrap-icons.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="hero">
|
||||
<div class="container-lg" id="hero_container" data-aos="fade-up"
|
||||
data-aos-duration="1500">
|
||||
<div id="container_content">
|
||||
<h2>centro de educación continua</h2>
|
||||
<p>El Centro de Educación Continua ofrece actividades académicas de calidad permitan atender y ofrecer soluciones integrales a las necesidades del entorno para la formación académica, actualización, capacitación y superación de profesionistas en distintas áreas del conocimiento tanto de la comunidad universitaria como a la comunidad externa.</p>
|
||||
|
||||
<p>Contamos con una oferta multidisciplinaria de cursos, diplomados y seminarios con contenidos actuales y de calidad; impartidos por destacados especialistas y docentes, en un ambiente de aprendizaje óptimo y de vanguardia. Cubriendo así las necesidades profesionales de ampliación y profundización de conocimientos, actualización, capacitación, especialización y superación académica de los profesionistas.</p>
|
||||
</div>
|
||||
<div id="container_btn">
|
||||
<a href="#">Cursos</a>
|
||||
<a href="#">Diplomados</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
|
||||
<!---Section-->
|
||||
|
||||
<section id="courses" data-aos="zoom-out-down">
|
||||
<div class="container-lg" id="courses_content">
|
||||
<h2>EDUCACION CONTINUA - <span>DIPLOMADOS</span></h2>
|
||||
<div class="row flex-row" id="courses_column">
|
||||
<div class="col-md-6 col-12" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/especializaciones-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>Estrategias de Inversión Bursátil y Gestión del Riesgo Financiero</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 20 de Septiembre de 2024</p>
|
||||
<p>Horario: Viernes de 18:00 a 21:00 y Sábado de 08:00 a 13:00</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/banner-licenciaturas.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>Arquitectura Contemporánea: Factores Geométricos, Estructura y Diseño Sustentable</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 21 de septiembre de 2024</p>
|
||||
<p>Horario: viernes de 18:00 a 21:00 horas y se deberá cubrir 5 horas de trabajo en plataforma moodle (CETED).</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="courses" data-aos="zoom-out-down">
|
||||
<div class="container-lg" id="courses_content">
|
||||
<h2>EDUCACION CONTINUA - <span>CURSOS</span></h2>
|
||||
<div class="row flex-row" id="courses_column">
|
||||
<div class="col-md-6 col-12" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/especializaciones-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>Curso Intensivo de inglés básico PG1,PG2,PG3, PG4, PG5, PG6</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 20 de septiembre de 2024</p>
|
||||
<p>Horario: viernes de 17:00 a 20:00 horas y sábados de 9:00 a 14:00 horas</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/banner-licenciaturas.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>El Rol de Consultor: la Comunicación Política como Campo Disciplinario y Actividad Profesional</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 21 de septiembre de 2024</p>
|
||||
<p>Horario: viernes de 18:00 a 21:00 horas y se deberá cubrir 5 horas de trabajo en plataforma moodle (CETED).</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!---End section-->
|
||||
<!-- ======= 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>
|
||||
@@ -0,0 +1,262 @@
|
||||
#idioma {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../assets/img/bg/alt-2.jpg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#idioma:before {
|
||||
content: "";
|
||||
background: rgba(95, 95, 95, 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: #ffc451;
|
||||
}
|
||||
|
||||
#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 .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;
|
||||
}
|
||||
|
||||
#idioma .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;
|
||||
}
|
||||
|
||||
|
||||
#idioma .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;
|
||||
}
|
||||
|
||||
#idioma .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;
|
||||
}
|
||||
|
||||
#idioma .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;
|
||||
}
|
||||
|
||||
+470
-64
@@ -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,55 +52,431 @@
|
||||
</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">
|
||||
<section id="idioma" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-12">
|
||||
|
||||
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://www.acatlan.unam.mx/images/1981.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
<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: justify; color: white;">Idiomas Acatlán</h1>
|
||||
<h2 style="text-align: justify;"><span>Cursos Regulares y Cursos Sabatinos</span></h2>
|
||||
<h3 class="text-white d-flex aling-items-center gap_1 pt-3"
|
||||
style="color: rgba(255, 255, 255); text-align: justify;">
|
||||
<i class="bx bx-book-reader bx-flip-horizontal bx-md"></i>
|
||||
Objetivo
|
||||
</h3>
|
||||
<div class="line ms-3 ">
|
||||
<p style="color: rgba(255, 255, 255); text-align: justify; font-size: medium;">
|
||||
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>
|
||||
<div class="col-lg-6 col-sm-12 justify-content-center">
|
||||
<div class="transparent-cart">
|
||||
<h5 style="color: #1e3c70; text-align: left;">
|
||||
<i class="bx bx-world"></i>
|
||||
Convocatoria
|
||||
</h5>
|
||||
<div class="border-top">
|
||||
<h6 style="color: rgb(255, 255, 255); text-align: justify;">
|
||||
<i class="bx bxs-time-five" style="color: #ffc115;"></i>
|
||||
INSCRIPCIONES Y REINSCRIPCIONES CURSOS SABATINOS
|
||||
</h6>
|
||||
<p class="m-0" style="color: #ffc115; text-align: justify;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
|
||||
</p>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="border-top">
|
||||
<h6 style="color: rgb(255, 255, 255); text-align: justify;">
|
||||
<i class="bx bxs-time-five" style="color: #ffc115;"></i>
|
||||
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit
|
||||
in voluptate
|
||||
</h6>
|
||||
<p class="" style="color: #ffc115; font-size:medium; text-align: justify;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
|
||||
</p>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- =========== Fin Idioma =========== -->
|
||||
|
||||
<!-- =========== Centro Section =========== -->
|
||||
<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 ">
|
||||
<h5 style="color: #bb8800; font-weight: 700;">
|
||||
<i class="bx bx-world" style="color: #111110;"></i>
|
||||
Centro de Enseñanzas de Idiomas
|
||||
</h5>
|
||||
<h6 style="color: #1e3c70; font-weight: 600;">Correo de Contacto</h6>
|
||||
<h6 style="color: #1e3c70; font-weight: 600;">Secretaria Auxiliar:</h6>
|
||||
<h6 style="color: #1e3c70; font-weight: 600;">Registro CEI:</h6>
|
||||
<p style="color: #1e3c70;">
|
||||
El CEI lleva acabo estudios e investigaciones en la enseñanza de lenguas, para ello cuenta
|
||||
con el Seminario de Lingüistica Teórica y Aplicada (SELITA) formado por los docentes de los diversos
|
||||
departamentos. <br>
|
||||
Además, para apoyar la movilidad estudiantil, el CEI es sede aplicadora de exámenes de
|
||||
certificación internacional, entre ellos: el OSD de alemán, el CAPLE de portugués,
|
||||
el DELF de francés , el CILS de italiano y el TOELF, el FCE, el CAE, el TOYEC y el IELTS en inglés.
|
||||
</p>
|
||||
<h6 style="color: #1e3c70; font-weight: 600;">Modalidades:</h6>
|
||||
<h6 style="color: #1e3c70; font-weight: 500;">Comprensión de lectura (CL):</h6>
|
||||
<p style="color: #1e3c70;">
|
||||
Si necesitas cumplir con el requisito de idioma que pide tu carrera, esta opción es para ti.
|
||||
Los cursos se enfocan al desarrollo de estrategias y comprensión de textos. consulta tus requisitos
|
||||
de idioma en tu licencitura.
|
||||
</p>
|
||||
<h6 style="color: #1e3c70; font-weight: 500;">Plan Global (PG):</h6>
|
||||
<p style="color: #1e3c70;">
|
||||
Si te interesa aprender las cuatro habilidades básicas de un idioma: hablar, escribir, escuchar
|
||||
y leer, esta modalidad es tu opción.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 ">
|
||||
<p style="color: #1e3c70;">
|
||||
El CEI ofrece cursos regulares (entre semana) y sabatinos, en ellos puedes estudiar las siguientes
|
||||
lenguas:
|
||||
</p>
|
||||
<!-- nav de cursos -->
|
||||
<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">
|
||||
Cursos Regulares
|
||||
</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>
|
||||
<!-- Fin del nav de cursos -->
|
||||
|
||||
<!-- Inicio de los tabs para cursos -->
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
||||
<p style="color: black;">
|
||||
<b>
|
||||
alemán, árabe, chino, español para extranjeros, francés, griego clásico, Hñähñu (otomí),
|
||||
inglés, italiano, japonés, latín, náhuatl, portugués, ruso.
|
||||
</b>
|
||||
</p>
|
||||
<p style="color: rgb(43, 42, 42);">
|
||||
Se abren dos convocatorias al año cercanas a las siguientes fechas:
|
||||
</p>
|
||||
<ul>
|
||||
<li style="color: black;">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos de febrero:</b> se publica a mediados del mes de enero.
|
||||
</p>
|
||||
</li>
|
||||
<li style="color: black;">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos de agosto:</b> se publica a finales del mes de junio.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p style="color: rgb(43, 42, 42);">
|
||||
Se imparten cursos de Plan Global, Comprensión Lectora y
|
||||
algunos cursos de cultura y aspectos de la Lengua.
|
||||
<br> <br>
|
||||
Generalmente se imparten cuatro horas de clase a la semana, dividida en dos días;
|
||||
o bien, el día viernes cuatro horas (PG) o seis horas (CL).
|
||||
<br> <br>
|
||||
<b>
|
||||
Para mayor información, revisa la convocatoria en la sección Isncripción Cursos Regulares.
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
<!-- Fin del primer tab para cursos -->
|
||||
|
||||
<!-- Inicio del segundo tab para cursos -->
|
||||
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
||||
<p style="color: black;">
|
||||
<b>
|
||||
alemán, chino, coreano, finés, francés, inglés, italiano, japonés, latín, portugués y ruso.
|
||||
</b>
|
||||
</p>
|
||||
<p style="color: rgb(43, 42, 42);">
|
||||
Se abren tres convocatorias al año cercanas a las siguientes fechas:
|
||||
</p>
|
||||
<ul>
|
||||
<li style="color: black;">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos en enero:</b> se publica a finales del mes de noviembre.
|
||||
</p>
|
||||
</li>
|
||||
<li style="color: black;">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos en abril:</b> se publica a mediados del mes de marzo.
|
||||
</p>
|
||||
</li>
|
||||
<li style="color: black;">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos en agosto:</b> se publica a finales del mes de junio.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Generalmente son:
|
||||
</p>
|
||||
<ul style="color: black;">
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">Cursos de 12 sábados: </p>
|
||||
<ul>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Matutinos de 9:00 a 13:00 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Vespertinos de 14:00 a 18:00 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
CL intensivo: 9:00 a 16:00 hrs.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul style="color: black;">
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">Cursos de 11 sábados: </p>
|
||||
<ul>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Matutinos de 9:00 a 13:30 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Vespertinos de 14:00 a 18:30 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
CL intensivo: 9:00 a 16:30 hrs.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>
|
||||
Para mayor información, revisa la convocatoria en la sección Isncripción Cursos Sabatinos.
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
<!-- Fin del segundo tab para cursos -->
|
||||
</div>
|
||||
<!-- Fin de los tabs para cursos -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
</section>
|
||||
|
||||
<!-- ========== Section Contacto ========== -->
|
||||
<secion id="Contacto" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<ul id="tab-Contacto" class="nav d-flex d-lg-block contenedor list-unstyled">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="home2-tab" data-toggle="tab" href="#home2" role="tab" aria-controls="home2"
|
||||
aria-selected="true">
|
||||
Contacto
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile2-tab" data-toggle="tab" href="#profile2" role="tab"
|
||||
aria-controls="profile2" aria-selected="false">
|
||||
Nuestros Idiomas
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile3-tab" data-toggle="tab" href="#profile3" role="tab"
|
||||
aria-controls="profile3" aria-selected="false">
|
||||
Cuotas
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile4-tab" data-toggle="tab" href="#profile4" role="tab"
|
||||
aria-controls="profile4" aria-selected="false">
|
||||
Excención y Cuota Preferenciales
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile5-tab" data-toggle="tab" href="#profile5" role="tab"
|
||||
aria-controls="profile5" aria-selected="false">
|
||||
Trámites
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile6-tab" data-toggle="tab" href="#profile6" role="tab"
|
||||
aria-controls="profile6" aria-selected="false">
|
||||
Exámen de Requisito
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile7-tab" data-toggle="tab" href="#profile7" role="tab"
|
||||
aria-controls="profile7" aria-selected="false">
|
||||
Traducciones
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-9">
|
||||
<!-- Inicio de los tabs -->
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<!-- Inicio del primer tab -->
|
||||
<div class="tab-pane fade show active" id="home2" role="tabpanel" aria-labelledby="home2-tab">
|
||||
<div class="border-bottom">
|
||||
<h3 style="color:#1e3c70"> Contacto</h3>
|
||||
</div>
|
||||
<p style="color: #1e3c70;">
|
||||
En caso de duadas o más información relacionados con tu idioma, contacta con con el
|
||||
área de tu interés:
|
||||
</p>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
Área
|
||||
</th>
|
||||
<th scope="col">
|
||||
Contacto
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-group-divider">
|
||||
<tr>
|
||||
<td>Alemán y Ruso</td>
|
||||
<td>aleman@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Árabe, Chino, Coreano y Japonés</td>
|
||||
<td>espanol@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Francés</td>
|
||||
<td>
|
||||
frances@acatlan.unam.mx
|
||||
<br>
|
||||
WhatsApp: 5540936804
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Inglés</td>
|
||||
<td>
|
||||
ingles@acatlan.unam.mx
|
||||
<br>
|
||||
deptoingles@acatlan.unam.mx
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Italiano y Latín</td>
|
||||
<td>
|
||||
italiano@acatlan.unam.mx
|
||||
<br>
|
||||
WhatsApp: 5549266745
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Finés y Portugués</td>
|
||||
<td>portugues@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Registro y Certificación del
|
||||
<br>
|
||||
Centro de Enseñanzas de Idiomas
|
||||
</td>
|
||||
<td>registro@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- Fin del primer tab -->
|
||||
|
||||
<!-- Inicio del segundo tab -->
|
||||
<div class="tab-pane fade" id="profile2" role="tabpanel" aria-labelledby="profile2-tab">
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del segundo tab -->
|
||||
|
||||
<!-- Inicio de tercer tab -->
|
||||
<div class="tab-pane fade" id="profile3" role="tabpanel" aria-labelledby="profile3-tab">
|
||||
<p>Contenido del tercer tab</p>
|
||||
</div>
|
||||
<!-- Fin del tercer tab -->
|
||||
|
||||
<!-- Inicio del cuarto tab -->
|
||||
<div class="tab-pane fade" id="profile4" role="tabpanel" aria-labelledby="profile4-tab">
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del cuarto tab -->
|
||||
|
||||
<!-- Inicio de quinto tab -->
|
||||
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile5-tab">
|
||||
<p>Contenido del tercer tab</p>
|
||||
</div>
|
||||
<!-- Fin del quinto tab -->
|
||||
|
||||
<!-- Inicio del sexto tab -->
|
||||
<div class="tab-pane fade" id="profile6" role="tabpanel" aria-labelledby="profile6-tab">
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del sexto tab -->
|
||||
|
||||
<!-- Inicio de septimo tab -->
|
||||
<div class="tab-pane fade" id="profile7" role="tabpanel" aria-labelledby="profile7-tab">
|
||||
<p>Contenido del tercer tab</p>
|
||||
</div>
|
||||
<!-- Fin del septimo tab -->
|
||||
</div>
|
||||
<!-- Fin de los tabs -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</secion>
|
||||
<!-- ========== Fin Contacto ========== -->
|
||||
|
||||
<main id="main">
|
||||
|
||||
@@ -113,20 +488,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 +527,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>
|
||||
@@ -183,7 +560,36 @@
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
<!-- <section class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-6"></div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<ul class="nav tabs" 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">Cursos Regulares</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>
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
||||
<h4>Contenido de Tab 1</h4>
|
||||
<p>Este es el contenido que aparece cuando seleccionas la primera pestaña.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
||||
<h4>Contenido de Tab 2</h4>
|
||||
<p>Este es el contenido que aparece cuando seleccionas la segunda pestaña.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
+3
-1
@@ -75,7 +75,9 @@
|
||||
<img src="https://www.acatlan.unam.mx/images/1981.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
|
||||
<a href="idiomas/index.html">
|
||||
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
|
||||
</a>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
@@ -1,22 +0,0 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const parentDivs = document.querySelectorAll('#parentDiv > div');
|
||||
const infoDivs = document.querySelectorAll('#infoDiv > div');
|
||||
|
||||
function setActiveDiv(index) {
|
||||
parentDivs.forEach(div => div.classList.remove('active'));
|
||||
infoDivs.forEach(div => div.classList.remove('active'));
|
||||
|
||||
if (parentDivs[index]) {
|
||||
parentDivs[index].classList.add('active');
|
||||
}
|
||||
if (infoDivs[index]) {
|
||||
infoDivs[index].classList.add('active');
|
||||
}
|
||||
}
|
||||
|
||||
parentDivs.forEach((parentDiv, index) => {
|
||||
parentDiv.addEventListener('click', () => setActiveDiv(index));
|
||||
});
|
||||
|
||||
setActiveDiv(0);
|
||||
});
|
||||
+28
-195
@@ -20,14 +20,13 @@
|
||||
<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="../assets/Ext/bootstrap-icons/bootstrap-icons.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/posgrados.css" rel="stylesheet">
|
||||
<link href="../assets/css/main.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
@@ -69,211 +68,46 @@
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero">
|
||||
<div class="container-lg" id="hero_container">
|
||||
<div class="row flex-row" id="information">
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<div class="col-lg-6 col-12" id="box-information1" data-aos="zoom-in-right">
|
||||
|
||||
<h2>Doctorado en Artes y Diseño</h2>
|
||||
<div id="line-information">
|
||||
<p>La <span>Facultad de Estudios Superiores Acatlán</span> participa como Sede Alterna en este Programa conformado por las siguientes entidades academicas participantes:</p>
|
||||
|
||||
<ul>
|
||||
<li><i class="bi bi-chevron-right"></i> Escuela Nacional De Artes Cinematográficas</li>
|
||||
<li><i class="bi bi-chevron-right"></i> Facultad de Arquitecturas</li>
|
||||
<li><i class="bi bi-chevron-right"></i> Facultad de Artes y Diseño</li>
|
||||
<li><i class="bi bi-chevron-right"></i> Instituto de Investigación Estéticas</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<h3><i class='bx bx-book-reader bx-flip-horizontal bx-md'></i> Objetivo</h3>
|
||||
<div id="line-information">
|
||||
<p>Preparar al alumno para realizar investigaciones originales y de alto nivel, en tomo a un problema o problemas específicos propios de algúnos de los campos de conocimiento del Programa con base en el dominio de conocimientos teóricos, metodológicos y sobre procedimentales</p>
|
||||
<p>Que el alumno adquiera una sólida formación disciplinaria teórica, técnica y metodológica, para la realización de investigaciones teórico-prácticas originales, que le permita ejercer la profresión tanto a nivel</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col " id="box-information2" data-aos="zoom-in-left">
|
||||
|
||||
<div id="information-2-card">
|
||||
<h2><span><i class="bi bi-file-person-fill"></i> Contacto</span></h2>
|
||||
|
||||
<div>
|
||||
<p><strong>Responsable del posgrado en Artes y Diseño (FES Acatlán): <br>Dr. Omar Lezáma Galindo</strong></p>
|
||||
<p><strong>Teléfono y fax:</strong> 56-23-17-50 ext.38860. Cubículo 36 primer piso del edifcio de Posgrado</p>
|
||||
<p><strong>Correo Electrónico: <br></strong> <a href="">pada@acatlan.unam.mx</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>Grado que se otorga:</strong> <br>Doctor en Artes y Diseño</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>Plan de estudios</strong></p>
|
||||
<p>Consulta el <a href="">Plan de estudios</a> para obtener información acerca de la estructura curricular y de las actividades académicas correspondientes</p>
|
||||
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-12">
|
||||
|
||||
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://www.acatlan.unam.mx/images/1981.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>Normas operativas</strong></p>
|
||||
<p>Consulta las <a href="">Normas Operativas</a> para obtener información acerca de la operación del Programa de Posgrado en Artes y Diseño</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
<div class="container-md" id="main_container">
|
||||
<div class="row flex-row" id="main_information">
|
||||
<div class="col-lg-6 col-12" id="main_information_box1" data-aos="fade-up"
|
||||
data-aos-duration="2000">
|
||||
|
||||
<h2><i class='bx bx-book-reader bx-flip-horizontal bx-md'></i> <span>Dirigido a:</span> </h2>
|
||||
|
||||
<div id="main_box-line1">
|
||||
<p>Profesionales ya titulados con formación en torno a la imágen estática o en movimiento, las artes y artes visuales así como disciplinas afines con la educación y desarrollos plásticos en tercera dimensión</p>
|
||||
</div>
|
||||
|
||||
<div id="main_box-line1">
|
||||
|
||||
<p>El plan de estudios de doctorado busca cubrir los requerimientos que plantea un nuevo entorno cultural en donde la participación de los productores de imágenes visuales es cada vez más importantes. En este sentido, el plan de estudios tiende a una reverberación de la actividad del artista visual, el diseñador, el comunicador visual, el docente en artes y diseño, y el documentalista cinematográfico, manteniendo un equilibrio entre las artes, las humanidades y las cientas. Así mismo, pretende que el egresado del doctorado, a través de sus manifestaciones plásticas(producción) ofrezca el material para que otras disciplinas como la historia del arte, la filosofía, ciencias políticas, estudios latinoamericanos, continúen desarrollando investigaciones teóricas sobre lenguajes y el hecho artístico realizado en un momento determinado</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col" id="main_information_box2" data-aos="fade-up"
|
||||
data-aos-duration="2000">
|
||||
|
||||
<h2><i class='bx bx-book-reader bx-flip-horizontal bx-md'></i> <span>Campo laboral</span></h2>
|
||||
<div id="main_box-line2">
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> El ejercicio profesional, individual y grupal y su representación en espacios de exhibición públicos o privados
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La participación en centros de Investigación y producción artística, con financiamiento público o privado
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La realización de actividades docentes en el campo de las artes, el diseño y la comunicación visual, la docencia en artes y diseño, y el cine documental en centros educativos, públicos y privados
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La presentación de servicios especializados de asesoría, consultoría y gestión en los campos de conocimientos del programa
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La colaboración en publicaciones especializadas en el ámbito de la investigación en los campos de conocimiento del programa
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> El intercambio de información en los campos de conocimiento del Programa, en foros y modalidades afines en el país y en el extranjero
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><!-- End #main -->
|
||||
|
||||
|
||||
<section id="section">
|
||||
<div class="container-md" id="section_container">
|
||||
<div class="row flex-row" id="section_container_col">
|
||||
<div class="col-lg-3 col-12" id="degree1" data-aos="flip-left">
|
||||
|
||||
<div id="parentDiv">
|
||||
<div id="div1" class="active"><p>Líneas de investigación</p></div>
|
||||
<div id="div2"><p>Perfiles</p></div>
|
||||
<div id="div3"><p>Requisitos de ingreso</p></div>
|
||||
<div id="div4"><p>Obtención de grado</p></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col" id="degree2" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
|
||||
|
||||
<div id="infoDiv">
|
||||
|
||||
<div id="info1" class="active">
|
||||
<h2>Líneas de investigación</h2>
|
||||
<h3>Grado que se otorga:</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Doctor en artes y diseño</li>
|
||||
</ul>
|
||||
<h4>Para obtener el grado en Doctor en Artes y Diseño se requiere cubrir lo siguiente: </h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Haber acreditado las actividades académicas previstas en los planes de trabajo semestrales en los plazos establecidos.</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Haber recibido evaluaciones semestrales favorables de parte del comité tutor al plan de trabajo.</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Haber obtenido la candidatura al grado de Doctor, emitida por el Comité Academico.</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Presentar la tesis y aprobar el exámen de grado, de acuerdo con lo que estipulen las Normas Operativas del Programa y en la normatividad vigente.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="info2">
|
||||
<h2>Perfiles</h2>
|
||||
<h3>Subtítulo 2</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 1</li>
|
||||
</ul>
|
||||
<h4>Subtítulo 2</h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 2</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 3</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 4</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="info3">
|
||||
<h2>Requisitos de ingreso</h2>
|
||||
<h3>Subtítulo 3</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 1</li>
|
||||
</ul>
|
||||
<h4>Subtítulo 3</h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 2</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 3</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 4</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="info4">
|
||||
<h2>Obtención de grado</h2>
|
||||
<h3>Subtítulo 4</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 1</li>
|
||||
</ul>
|
||||
<h4>Subtítulo 4</h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 2</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 3</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 4</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!--End #last section-->
|
||||
|
||||
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
@@ -346,7 +180,6 @@
|
||||
<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>
|
||||
<script src="./assets/js/bar.js"></script>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user