diff --git a/licenciaturas/assets/css/licenciaturas.css b/licenciaturas/assets/css/licenciaturas.css index 67b9606..243296e 100644 --- a/licenciaturas/assets/css/licenciaturas.css +++ b/licenciaturas/assets/css/licenciaturas.css @@ -2,49 +2,67 @@ main ========== */ #main { - width: 100%; - height: 90vh; - background: url("../../../assets/img/bg/solid.png") top center; - background-size: cover; - position: relative; - color: #000; - } - #main:before { - content: ""; - background: rgba(255, 255, 255, 0.3); - position: absolute; - bottom: 0; - top: 0; - left: 0; - right: 0; + width: 100%; + background: url("../../../assets/img/bg/solid.png") top center; + background-size: cover; + position: relative; + color: #000; + padding-top: 15%; +} +#main:before { + content: ""; + background: rgba(255, 255, 255, 0.3); + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; +} +#main .container { + display: flex; + justify-content: space-evenly; + position: relative; + text-align: center; + gap: 40px; + margin-bottom: 20px; +} +.info { + display: flex; + justify-content: space-evenly; + margin: 50px; + gap: 20px; +} +.info div { + width: 500px; +} +.mainfooter { + display: flex; + flex-direction: column; + gap: 20px; + background-color: white; +} +#main .style-none { + padding-left: 0; + list-style: none; +} +#main h5 { + color: #bb8800; + font-size: 20px; +} +@media (min-width: 1024px) { + #main { + background-attachment: fixed; } +} +@media (max-width: 768px) { #main .container { - display: flex; - justify-content: space-evenly; - position: relative; - padding-top: 10%; - text-align: center; - gap: 40px; + flex-wrap: wrap; } - #main ul { - padding-left: 0; - list-style: none; + .info { + flex-wrap: wrap; } - #main h5{ - color: #bb8800; - font-size: 20px; + #main h1 { + font-size: 18px; + line-height: 36px; } - @media (min-width: 1024px) { - #main { - background-attachment: fixed; - } - } - @media (max-width: 768px) { - #main { - height: 80vh; - } - #main h1 { - font-size: 18px; - line-height: 36px; - } - } \ No newline at end of file +} diff --git a/licenciaturas/index.html b/licenciaturas/index.html index 8ad9d56..e23920d 100644 --- a/licenciaturas/index.html +++ b/licenciaturas/index.html @@ -81,11 +81,13 @@ -
+

Actuaria

@@ -105,13 +107,13 @@
Contacto
-
    +
    • Lorem, ipsum dolor.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • @@ -133,6 +135,38 @@
+
+ +
+
+
Perfil profesional
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta repellat culpa repellendus nostrum incidunt! Voluptatibus, repellendus ex ullam aliquid inventore saepe modi explicabo labore quos officia hic quis, consequatur omnis?

+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos porro optio minima et natus velit, tempore distinctio molestias dolor fuga nam ratione, quas beatae nemo.

+ +
+
+
Caracteristicas y habilidades del estudiante
+ +
    +
  • Lorem ipsum dolor sit amet.
  • +
  • Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam?
  • +
  • Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis!
  • +
  • Lorem ipsum dolor sit amet consectetur.
  • +
  • Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt nulla vel nesciunt?
  • +
+ +
+ +
+ +
+

campol Laboral

+ +
+ +