diff --git a/Computo/cedetec_02.png b/Computo/cedetec_02.png new file mode 100644 index 0000000..41667aa Binary files /dev/null and b/Computo/cedetec_02.png differ diff --git a/Computo/computo.css b/Computo/computo.css new file mode 100644 index 0000000..8474d3e --- /dev/null +++ b/Computo/computo.css @@ -0,0 +1,262 @@ +#computo { + width: 100%; + height: 100%; + background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../Computo/cedetec_02.png") top center; + background-size: cover; + position: relative; +} + +#computo:before { + content: ""; + background: rgba(95, 95, 95, 0.3); + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; +} + +#computo .container { + position: relative; + padding-top: 10%; + text-align: center; +} + +#computo h1 { + font-size: 36px; + font-weight: 700; + line-height: 40px; + color: #1e3c70; +} + +#computo h1 span { + color: #bb8800; +} + +#computo h2 { + color: rgba(255, 255, 255, 0.9); + /* background-color: rgba(30, 60, 112, 0.8); */ + margin: 10px 0 0 0; + font-size: 22px; + padding: 4px; +} + +#computo h2 span { + color: #ffc451; +} + +#computo .icon-box { + /*padding: ;*/ + transition: ease-in-out 0.3s; + border: 1px solid rgba(255, 255, 255, 0.3); + text-align: center; + height: 250px; +} + +#computo .icon-box i { + font-size: 32px; + line-height: 1; + color: #ffc451; +} + +#computo .icon-box h3 { + font-weight: 700; + margin-top: auto; + padding: 0; + line-height: 1; + font-size: 20px; + line-height: 26px; + background-color: rgba(187, 136, 0, 0.8); +} + +#computo .icon-box h3 a { + color: #fff; + transition: ease-in-out 0.3s; +} + +#computo .icon-box h3 a:hover { + color: #1e3c70; +} + +#computo .icon-box:hover { + border-color: #1e3c70; +} + +@media (min-width: 1024px) { + #computos { + background-attachment: fixed; + } +} + +@media (max-width: 768px) { + #computos { + height: 80vh; + } + + #computos h1 { + font-size: 28px; + line-height: 36px; + } + + #computos h2 { + font-size: 20px; + line-height: 24px; + } + + #computos .navbar-toggler { + font-size: 13px; + padding: 0px; + border: none; + padding: 8px; + } + +} + +#computo .text-container { + padding: 3rem; +} + +#computo .transparent-cart { + padding: 1.7rem; + background: rgba(255, 255, 255, 0.08); + border-radius: 5px; + height: 100%; + backdrop-filter: blur(3px); + -webkit-backdrop-filter: blur(3px); + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + position: relative; +} + +#computo .transparent-cart::before{ + content: ""; + width: 60px; + height: 60px; + position: absolute; + top: 10px; + left: 10px; + border-left: 2px solid #1e3c70; + border-top: 2px solid #1e3c70; + border-radius: 3px; + } + + + #computo .transparent-cart::after{ + content: ""; + width: 60px; + height: 60px; + position: absolute; + bottom: 10px; + right: 10px; + border-right: 2px solid #1e3c70; + border-bottom: 2px solid #1e3c70; + border-radius: 3px; + } + +#computo .cta-btn { + font-weight: 600; + font-size: 12px; + letter-spacing: 1px; + padding: 4px 18px; + display: inline-flex; + border-radius: 18px; + transition: 0.2s; + margin-top: 10px; + border: 2px solid #bb8800; + color: #bb8800; +} + +#Centro ul li a { + color: #bb8800; +} + +#computo .cta-btn:hover { + background: #1e3c70; + border-color: #1e3c70; + color: #fff; +} + +#myTab .active { + color: #1e3c70; +} + +#Contacto .table th { + text-align: center; + background-color: #1e3c70; + color: rgb(255, 255, 255); +} + +#Contacto .table tr td { + color: #1e3c70; + text-align: center; +} + +#Contacto .container { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; +} + +#Contacto .contenedor { + padding: 10px; + overflow-x: scroll !important; + height: fit-content; + flex-wrap: nowrap !important; +} + +#Contacto ul li { + width: fit-content; +} + +#Contacto ul li a { + text-decoration: none; + padding: 5px; + /* border: 1px solid #000; */ + width: fit-content; + padding: 10px !important; + color:#bb8800; +} + +#tab-Contacto .active { + color:#1e3c70; +} + +@media (max-width: 991px) { + #Contacto div .contendor { + overflow-x: hidden; + } +} + +.line { + position: relative; +} + +.line ::before { + content: ""; + background-color: #bb8800; + display: inline-block; + width: 3px; + height: 100%; + left: -1rem; + position: absolute; + padding-top: 1rem; + z-index: 400; +} + +.line ::after { + content: ""; + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: -19px; + width: 10px; + height: 10px; + z-index: 999; + border: 1px solid #1e3c70; +} + +.pr { + padding-right: 30px; +} + diff --git a/Computo/index.html b/Computo/index.html new file mode 100644 index 0000000..fc9bdf3 --- /dev/null +++ b/Computo/index.html @@ -0,0 +1,206 @@ + + + + + + + + FES Acatlán + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

+ Cursos de computo +

+ + +
+
+
Mision
+
+
+
+ + +
+ + +
+ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/idiomas/index.html b/idiomas/index.html index c79aebd..f6d2262 100644 --- a/idiomas/index.html +++ b/idiomas/index.html @@ -133,7 +133,7 @@
-
+
Centro de Enseñanzas de Idiomas