diff --git a/educacion_continua/assets/css/educacion.css b/educacion_continua/assets/css/educacion.css new file mode 100644 index 0000000..b901131 --- /dev/null +++ b/educacion_continua/assets/css/educacion.css @@ -0,0 +1,959 @@ +/* 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; +} diff --git a/educacion_continua/assets/css/educacion.less b/educacion_continua/assets/css/educacion.less new file mode 100644 index 0000000..50d9ff7 --- /dev/null +++ b/educacion_continua/assets/css/educacion.less @@ -0,0 +1,1165 @@ +/* Variables */ +@color-header: rgba(20, 30, 48, 0.8); +@color-prin: #bb8800; +@color-sec: #1e3c70; + + +@1600: ~'(min-width: 1600px)'; +@991: ~'(max-width: 991px)'; +@767: ~'(max-width: 768px)'; +@480: ~'(max-width: 480px)'; + + +/* ========== +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; + i { + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: @color-prin; + color: @color-sec; + transition: all 0.4s; + &:hover { + background-color: @color-sec; + color: @color-prin; + } + } +} + +/* ========== +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: @color-header; + .logo { + max-height: 68px; + margin: 3px 4px 0 0; + + } + .logo-unam { + max-height: 55px; + + } + h1 { + color: #1e3c70; + font-weight: 900; + font-size: 28px; + color: #fff; + span { + color: #bb8800; + } + } +} + +@media (max-width: 768px) { + #header { + .logo { + max-height: 40px; + margin: 0 2px 0 0; + } + .logo-unam { + max-height: 40px; + margin: 0 2px 0 0; + } + h1 { + text-align: center; + margin: 0 auto; + font-weight: 700; + font-size: 22px; + visibility: hidden; + } + position: fixed; + } +} + +/* ========== +Nav Menu +========== */ +/* Desktop */ +.nav-menu { + ul { + margin: 0; + padding: 0; + list-style: none; + } + >ul { + display: flex; + >li { + position: relative; + white-space: nowrap; + padding: 10px 0 10px 28px; + } + } + a { + display: block; + position: relative; + color: #fff; + transition: 0.3s; + font-size: 15px; + font-weight: 600; + &:hover { + color: #ffc451; + } + } + >a { + color: #ffc451; + } + li { + &:hover { + >a { + color: #ffc451; + } + } + } + .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; + a { + padding: 10px 20px; + font-size: 14px; + font-weight: 500; + text-transform: none; + color: #151515; + &:hover { + color: #151515; + background: #ffc451; + } + } + .active { + >a { + color: #151515; + background: #ffc451; + } + } + li { + &:hover { + >a { + color: #151515; + background: #ffc451; + } + } + } + } + &:hover { + >ul { + opacity: 1; + top: 100%; + visibility: visible; + } + } + li { + min-width: 180px; + position: relative; + } + >a { + &:after { + content: "\ea99"; + font-family: IcoFont; + padding-left: 5px; + } + } + .drop-down { + ul { + top: 0; + left: calc(100% - 30px); + } + &:hover { + >ul { + opacity: 1; + top: 0; + left: 100%; + } + } + >a { + padding-right: 35px; + &:after { + content: "\eaa0"; + font-family: IcoFont; + position: absolute; + right: 15px; + } + } + } + } +} + +@media (max-width: 1366px) { + .nav-menu { + .drop-down { + .drop-down { + ul { + left: -90%; + } + &:hover { + >ul { + left: -100%; + } + } + >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; + 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; + * { + margin: 10px; + padding: 0; + list-style: none; + } + a { + display: block; + position: relative; + color: #bb8800; + padding: 10px 20px; + font-weight: 700; + outline: none; + font-size: 1.2em; + &:hover { + color: #151515; + text-decoration: none; + background: #ffc451; + } + } + .active { + a { + color: #151515; + text-decoration: none; + background: #ffc451; + } + } + li { + &:hover { + a { + color: #151515; + text-decoration: none; + background: #ffc451; + } + } + } + .drop-down { + >a { + &:after { + content: "\ea99"; + font-family: IcoFont; + padding-left: 10px; + position: absolute; + right: 15px; + } + padding-right: 35px; + } + ul { + display: none; + overflow: hidden; + } + li { + padding-left: 20px; + } + } + .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 { + opacity: 1; + visibility: visible; + } + .mobile-nav-toggle { + i { + color: #fff; + } + } +} + +/* ========== +Nav Menu Sec +========== */ +/* Desktop */ +.navbar-2 { + background-color: transparent !important; + a { + transition: 0.3s; + font-size: 14px; + font-weight: 600; + } + .dropdown-menu { + a { + &:hover { + background-color: #1e3c70; + color: #fff; + } + } + } + .dropdown-item { + i { + &:hover { + color: goldenrod !important; + } + } + } + i { + color: goldenrod; + font-size: 8px; + vertical-align: middle; + } +} +.nav-menu-2 { + ul { + margin: 0; + padding: 0; + list-style: none; + } + >ul { + display: flex; + >li { + position: relative; + white-space: nowrap; + padding: 10px 0 10px 28px; + } + } + a { + display: block; + position: relative; + color: #fff; + transition: 0.3s; + font-size: 15px; + font-weight: 600; + &:hover { + color: #ffc451; + } + } + .active { + >a { + color: #ffc451; + } + } + li { + &:hover { + >a { + color: #ffc451; + } + } + } + .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; + a { + padding: 10px 20px; + font-size: 14px; + font-weight: 500; + text-transform: none; + color: #151515; + &:hover { + color: #151515; + background: #ffc451; + } + } + .active { + >a { + color: #151515; + background: #ffc451; + } + } + li { + &:hover { + >a { + color: #151515; + background: #ffc451; + } + } + } + } + &:hover { + >ul { + opacity: 1; + top: 100%; + visibility: visible; + } + } + li { + min-width: 180px; + position: relative; + } + >a { + &:after { + content: "\ea99"; + font-family: IcoFont; + padding-left: 5px; + } + } + .drop-down { + ul { + top: 0; + left: calc(100% - 30px); + } + &:hover { + >ul { + opacity: 1; + top: 0; + left: 100%; + } + } + >a { + padding-right: 35px; + &:after { + content: "\eaa0"; + font-family: IcoFont; + position: absolute; + right: 15px; + } + } + } + } +} +@media (max-width: 1366px) { + .nav-menu-2 { + .drop-down { + .drop-down { + ul { + left: -90%; + } + &:hover { + >ul { + left: -100%; + } + } + >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%; + 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; + * { + margin: 10px; + padding: 0; + list-style: none; + } + a { + display: block; + position: relative; + color: #bb8800; + padding: 10px 20px; + font-weight: 700; + outline: none; + &:hover { + color: #151515; + text-decoration: none; + background: #ffc451; + } + } + .active { + >a { + color: #151515; + text-decoration: none; + background: #ffc451; + } + } + li { + &:hover { + >a { + color: #151515; + text-decoration: none; + background: #ffc451; + } + } + } + .drop-down { + >a { + &:after { + content: "\ea99"; + font-family: IcoFont; + padding-left: 10px; + position: absolute; + right: 15px; + } + padding-right: 35px; + } + ul { + display: none; + overflow: hidden; + } + li { + padding-left: 20px; + } + } + .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 { + opacity: 1; + visibility: visible; + } + .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; + &::before{ + content: ''; + width: 100%; + height: 100%; + position: absolute; + background: rgba(0, 0, 0, 0.65); + } + + #hero_container{ + min-height: 70vh; + z-index: 3; + padding: 30px; + z-index: 10; + margin-top: 120px; + 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: @color-prin; + margin-bottom: 25px; + width: 90%; + margin: 0 auto; + } + 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; + } + + #container_btn{ + width: 60%; + height: 150px; + margin: 0 auto; + display: flex; + justify-content: space-around; + align-items: center; + + a{ + width: 180px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + color: white; + border-radius: 5px; + transition: all ease 0.3s; + background: @color-sec; + font-weight: 600; + text-transform: uppercase; + &:hover{ + background: @color-prin; + } + } + } + } +} + +@media(max-width:1200px){ + #hero{ + #hero_container{ + margin-top: 150px; + h2{ + font-size: 43px; + width: 100%; + } + p{ + font-size: 20px; + text-align: center; + } + } + } +} + +@media(max-width:810px){ + #hero{ + #hero_container{ + h2{ + font-size: 35px; + width: 100%; + } + p{ + font-size: 23px; + } + #container_btn{ + flex-direction: column; + gap: 20px; + width: 100%; + 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; + } + p{ + font-size: 15px; + } + #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_content{ + min-height: 82vh; + h2{ + margin: 30px 0 10px 0; + width: 55%; + border-bottom: solid 3px @color-prin; + padding-bottom: 5px; + padding-left: 5px; + color: @color-sec; + font-weight: 700; + span{ + color: @color-prin; + } + } + #courses_column{ + min-height: 82vh; + margin: 40px 0; + #courses_card{ + min-height: 82vh; + + #card_img{ + width: 85%; + min-height: 45vh; + margin: 0 auto; + img{ + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; + } + } + #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; + + } + #content_schedules{ + min-height: 100px; + width: 85%; + margin-left: 25px; + 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; + } + } + #card_btn{ + width: 50%; + min-height: 10vh; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + a{ + background: @color-sec; + 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; + &:hover{ + color: @color-prin; + } + } + } + } + } + } + + } +} + + +@media(max-width:1200px){ + #courses{ + #courses_content{ + h2{ + width: 80%; + } + #courses_column{ + #courses_card{ + #card_img{ + min-height: 30vh; + } + #card_content{ + h3{ + font-size: 1.2rem; + } + #content_schedules{ + min-height: 150px; + } + } + } + } + } + } +} + + +@media(max-width:840px){ + #courses{ + min-height: 50vh; + #courses_content{ + min-height: 50vh; + + h2{ + width: 85%; + font-size: 1.3rem; + + } + #courses_column{ + min-height: 50vh; + + #courses_card{ + min-height: 50vh; + + #card_img{ + min-height: 20vh; + } + #card_content{ + h3{ + font-size: 1.5rem; + min-height: 135px; + } + #content_schedules{ + min-height: 120px; + } + #card_btn{ + width: 100%; + a{ + width:80%; + } + } + } + } + } + } + } +} + +@media(max-width:769px){ + #courses{ + min-height: 60vh; + #courses_content{ + min-height: 60vh; + #courses_column{ + min-height: 60vh; + #courses_card{ + min-height: 60vh; + #card_content{ + h3{ + min-height: 85px; + } + #content_schedules{ + min-height: 80px; + } + } + } + } + } + } +} + +@media(max-width:508px){ + #courses{ + #courses_content{ + h2{ + font-size: 1.1rem; + } + #courses_column{ + #courses_card{ + margin-bottom: 50px; + } + } + } + } +} + +@media(max-width:390px){ + #courses{ + min-height: 70vh; + #courses_content{ + min-height: 70vh; + h2{ + font-size: 0.9rem; + } + #courses_column{ + min-height: 70vh; + #courses_card{ + min-height: 70vh; + #card_img{ + min-height: 26vh; + } + #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-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-info { + margin-bottom: 30px; + h3 { + font-size: 28px; + margin: 0 0 20px 0; + padding: 2px 0 2px 0; + line-height: 1; + font-weight: 700; + span { + color: #bb8800; + } + } + p { + font-size: 14px; + line-height: 24px; + margin-bottom: 0; + font-family: "Raleway", sans-serif; + color: #fff; + text-align: justify; + } + } + .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; + &:hover { + background: #ffc451; + color: #151515; + text-decoration: none; + } + } + } + h4 { + font-size: 16px; + font-weight: 600; + color: #fff; + position: relative; + padding-bottom: 12px; + } + .footer-links { + margin-bottom: 30px; + ul { + list-style: none; + padding: 0; + margin: 0; + i { + padding-right: 2px; + color: #ffc451; + font-size: 18px; + line-height: 1; + } + li { + padding: 10px 0; + display: flex; + align-items: center; + &:first-child { + padding-top: 0; + } + } + a { + color: #fff; + transition: 0.3s; + display: inline-block; + line-height: 1; + &:hover { + color: #ffc451; + } + } + } + } + } +} \ No newline at end of file diff --git a/educacion_continua/assets/img/FES-Acatlan_10.jpg b/educacion_continua/assets/img/FES-Acatlan_10.jpg new file mode 100644 index 0000000..9b872c2 Binary files /dev/null and b/educacion_continua/assets/img/FES-Acatlan_10.jpg differ diff --git a/educacion_continua/assets/img/Fondo1.png b/educacion_continua/assets/img/Fondo1.png new file mode 100644 index 0000000..d486ad9 Binary files /dev/null and b/educacion_continua/assets/img/Fondo1.png differ diff --git a/educacion_continua/assets/img/_DSC2981.jpg b/educacion_continua/assets/img/_DSC2981.jpg new file mode 100644 index 0000000..70f47a6 Binary files /dev/null and b/educacion_continua/assets/img/_DSC2981.jpg differ diff --git a/educacion_continua/assets/img/_DSC3020.jpg b/educacion_continua/assets/img/_DSC3020.jpg new file mode 100644 index 0000000..eaa53d4 Binary files /dev/null and b/educacion_continua/assets/img/_DSC3020.jpg differ diff --git a/educacion_continua/assets/img/_DSC3024.jpg b/educacion_continua/assets/img/_DSC3024.jpg new file mode 100644 index 0000000..39ec6c0 Binary files /dev/null and b/educacion_continua/assets/img/_DSC3024.jpg differ diff --git a/educacion_continua/assets/img/_DSC3031.jpg b/educacion_continua/assets/img/_DSC3031.jpg new file mode 100644 index 0000000..157c00c Binary files /dev/null and b/educacion_continua/assets/img/_DSC3031.jpg differ diff --git a/educacion_continua/assets/img/alt-1.jpg b/educacion_continua/assets/img/alt-1.jpg new file mode 100644 index 0000000..e1396f4 Binary files /dev/null and b/educacion_continua/assets/img/alt-1.jpg differ diff --git a/educacion_continua/assets/img/alt-2.jpg b/educacion_continua/assets/img/alt-2.jpg new file mode 100644 index 0000000..c90a13e Binary files /dev/null and b/educacion_continua/assets/img/alt-2.jpg differ diff --git a/educacion_continua/assets/img/banner-licenciaturas.jpg b/educacion_continua/assets/img/banner-licenciaturas.jpg new file mode 100644 index 0000000..035752b Binary files /dev/null and b/educacion_continua/assets/img/banner-licenciaturas.jpg differ diff --git a/educacion_continua/assets/img/doctorados-img.jpg b/educacion_continua/assets/img/doctorados-img.jpg new file mode 100644 index 0000000..5af2d9e Binary files /dev/null and b/educacion_continua/assets/img/doctorados-img.jpg differ diff --git a/educacion_continua/assets/img/especializaciones-1.jpg b/educacion_continua/assets/img/especializaciones-1.jpg new file mode 100644 index 0000000..19a95a2 Binary files /dev/null and b/educacion_continua/assets/img/especializaciones-1.jpg differ diff --git a/educacion_continua/assets/img/maestrias-1.jpg b/educacion_continua/assets/img/maestrias-1.jpg new file mode 100644 index 0000000..22dd111 Binary files /dev/null and b/educacion_continua/assets/img/maestrias-1.jpg differ diff --git a/educacion_continua/assets/img/placa-acatlan.jpg b/educacion_continua/assets/img/placa-acatlan.jpg new file mode 100644 index 0000000..4be144d Binary files /dev/null and b/educacion_continua/assets/img/placa-acatlan.jpg differ diff --git a/educacion_continua/assets/img/solid.png b/educacion_continua/assets/img/solid.png new file mode 100644 index 0000000..d21133c Binary files /dev/null and b/educacion_continua/assets/img/solid.png differ diff --git a/educacion_continua/index.html b/educacion_continua/index.html new file mode 100644 index 0000000..d8e38e7 --- /dev/null +++ b/educacion_continua/index.html @@ -0,0 +1,265 @@ + + + + + + + + FES Acatlán + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

centro de educación continua

+

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.

+ +

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.

+
+ + +
+
+ + + + +
+
+

EDUCACION CONTINUA - DIPLOMADOS

+
+
+
+ +
+ +
+

Estrategias de Inversión Bursátil y Gestión del Riesgo Financiero

+ +
+

Inicio: 20 de Septiembre de 2024

+

Horario: Viernes de 18:00 a 21:00 y Sábado de 08:00 a 13:00

+
+ +
+ Ver más +
+ +
+ +
+
+
+ +
+ +
+

Arquitectura Contemporánea: Factores Geométricos, Estructura y Diseño Sustentable

+ +
+

Inicio: 21 de septiembre de 2024

+

Horario: viernes de 18:00 a 21:00 horas y se deberá cubrir 5 horas de trabajo en plataforma moodle (CETED).

+
+ +
+ Ver más +
+ +
+
+
+
+
+ +
+
+

EDUCACION CONTINUA - CURSOS

+
+
+
+ +
+ +
+

Curso Intensivo de inglés básico PG1,PG2,PG3, PG4, PG5, PG6

+ +
+

Inicio: 20 de septiembre de 2024

+

Horario: viernes de 17:00 a 20:00 horas y sábados de 9:00 a 14:00 horas

+
+ +
+ Ver más +
+ +
+ +
+
+
+ +
+ +
+

El Rol de Consultor: la Comunicación Política como Campo Disciplinario y Actividad Profesional

+ +
+

Inicio: 21 de septiembre de 2024

+

Horario: viernes de 18:00 a 21:00 horas y se deberá cubrir 5 horas de trabajo en plataforma moodle (CETED).

+
+ +
+ Ver más +
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/posgrados/assets/css/posgrados.less b/posgrados/assets/css/posgrados.less index 1337667..5e3e552 100644 --- a/posgrados/assets/css/posgrados.less +++ b/posgrados/assets/css/posgrados.less @@ -1186,6 +1186,9 @@ Last section width: 90%; margin-bottom: 2rem; padding-bottom: 1rem; + + + } } } diff --git a/posgrados/index.html b/posgrados/index.html index 2966cf6..fedacf9 100644 --- a/posgrados/index.html +++ b/posgrados/index.html @@ -87,7 +87,7 @@ -

Objetivo

+

Objetivo

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

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

@@ -137,7 +137,7 @@
-

Dirigido a:

+

Dirigido a:

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

@@ -154,7 +154,7 @@
-

Campo laboral

+

Campo laboral