Agregación de .less

cursos-de-computo/assets/css/cursos-computo.less

@@ -1,7 +0,0 @@
-#hero {
-    background-color: black;
-}  
-
-#Center .contenido-centadro{
-    text-align: center;
-}

cursos-de-computo/assets/css/cursos-de-computo.css

@@ -5,11 +5,9 @@
   background-size: cover;
   position: relative;
 }
-
 #Center div .contenido-centrado {
   text-align: center;
 }
-
 #hero .transparent-cart {
   padding: 1.7rem;
   background: rgba(128, 116, 116, 0.08);
@@ -18,7 +16,6 @@
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   position: relative;
 }
-
 #hero .transparent-cart ::after {
   content: "";
   width: 40px;
@@ -30,8 +27,7 @@
   border-bottom: 4px solid #bb8800;
   border-radius: 3px;
 }
-
-#hero .transparent-cart ::before{
+#hero .transparent-cart ::before {
   content: "";
   width: 40px;
   height: 40px;
@@ -41,34 +37,27 @@
   border-left: 4px solid #bb8800;
   border-top: 4px solid #bb8800;
   border-radius: 3px;
-} 
-
+}
 #hero .carousel h3 {
   color: #1e3c70;
 }
-
 #hero .carousel h4 {
   color: #1e3c70;
 }
-
 #hero .carousel p {
-  color:black;
+  color: black;
 }
-
 #Center ul li a {
   color: #bb8800;
 }
-
 #Center .active {
   color: #1e3c70;
   border-bottom: 2px solid #bb8800;
 }
-
 #Center .b-ground {
   background: url("../../../assets/img/bg/solid.png");
-} 
-
+}
 #Center table thead {
-  color:#ffff;
+  color: #ffff;
   font-size: medium;
-}
+}

cursos-de-computo/assets/css/cursos-de-computo.less

@@ -0,0 +1,76 @@
+#hero {
+  width: 100%;
+  height: 100vh;
+  background: linear-gradient(rgba(255, 255, 255, 0.000001), rgba(0, 0, 0, 0.7)),
+    url("../css/img/cedetec.jpeg") top center;
+  background-size: cover;
+  position: relative;
+}
+
+#Center div .contenido-centrado {
+  text-align: center;
+}
+
+#hero .transparent-cart {
+  padding: 1.7rem;
+  background: rgba(128, 116, 116, 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: 40px;
+  height: 40px;
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  border-right: 4px solid #bb8800;
+  border-bottom: 4px solid #bb8800;
+  border-radius: 3px;
+}
+
+#hero .transparent-cart ::before {
+  content: "";
+  width: 40px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  border-left: 4px solid #bb8800;
+  border-top: 4px solid #bb8800;
+  border-radius: 3px;
+}
+
+#hero .carousel h3 {
+  color: #1e3c70;
+}
+
+#hero .carousel h4 {
+  color: #1e3c70;
+}
+
+#hero .carousel p {
+  color: black;
+}
+
+#Center ul li a {
+  color: #bb8800;
+}
+
+#Center .active {
+  color: #1e3c70;
+  border-bottom: 2px solid #bb8800;
+}
+
+#Center .b-ground {
+  background: url("../../../assets/img/bg/solid.png");
+}
+
+#Center table thead {
+  color: #ffff;
+  font-size: medium;
+}
+

cursos-de-computo/index.html

@@ -33,7 +33,7 @@
     <link href="../assets/css/main.css" rel="stylesheet" />
     <link
       rel="stylesheet"
-      href="../cursos-de-computo/assets/css/cursos-computo.css"
+      href="../cursos-de-computo/assets/css/cursos-de-computo.css"
     />
   </head>