PAGINA WEB

Edoardo-B-Leiva · Feb 6, 2024 · 63143ce · 63143ce
1 parent f5f189a
commit 63143ce
Show file tree

Hide file tree

Showing 3 changed files with 125 additions and 3 deletions.
diff --git a/flecha abajo roja.webp b/flecha abajo roja.webp
diff --git a/offers.html b/offers.html
@@ -43,8 +43,45 @@ <h2 id="subt-edu">Medium Degree</h2>
         <section>
           <div id="ctn-edu-med-deg">
             <h2 id="tit-edu-med-deg-tsmr">TSMR (Mycrocomputer Systems and Networks)</h2>
-            <p id="par-edu-med-deg-tsmr">TSMR is a two-year course held in Florida which teaches the students about the fundamentals of IT, some programming, knowledge about networks and its construction and operating systems, incuding lessons on how to work with Windows and Linux, their protocols and some basic bash scripting taught in the second year. </p>
+            <p class="par-edu-med-deg-tsmr">TSMR is a two-year course held in Florida which teaches the students about the fundamentals of IT, some programming, knowledge about networks and its construction and operating systems, incuding lessons on how to work with Windows and Linux, their protocols and some basic bash scripting taught in the second year. </p>
+            <p class="par-edu-med-deg-tsmr">If you want know more about subjects of this course, click <a id="enl-edu-med-deg" href="subjects.html">HERE </a></p>
           </div>
+          <div id="cnt-img-edu">
+            <img id="img-edu-deg" src="flecha abajo roja.webp">
+          </div>
+        </section>
+        <section>
+          <h2 id="tit-med-deg-sal">Laboral exits</h2>
+          <div id="ctn-edu-med-deg-sal">
+            <p>
+              <ul>
+                <li>Computer equipment installer-repair technician.</li>
+                <li>Computer support technician.</li>
+                <li>Data network technician.</li>
+                <li>Microcomputer systems peripheral repairer.</li>
+                <li>Microcomputer commercial.</li>
+                <li>Telecare operator.</li>
+                <li>Systems operator.</li>
+              </ul>
+            </p>
+        </section>
+        <section>
+
+        <h2 id="tit-sec-deg">Second Degree</h2>
+        <div id="ctn-sec-deg">
+          <div id="ctn-info-sec-deg">
+            <p id="par-info-sec-deg">After completing the medium degree of TSMR, you will be rewarded with the technician in microcomputer systems and networks titulation. You will have access to three different second degrees, which are:</p>
+          </div>
+          <div id="ctn-info-sec-deg-asir">
+            <h2>ASIR</h2>
+          </div>
+          <div id="ctn-info-sec-deg-daw">
+            <h2>DAW</h2>
+          </div>
+          <div id="ctn-info-sec-deg-dam">
+            <h2>DAM</h2>
+          </div>
+        </div>
         </section>
       </article>
     </div>

diff --git a/styles/offers.css b/styles/offers.css
@@ -6,6 +6,7 @@
     grid-row: 2/3;
     flex-wrap: wrap;
     height: auto;
+    margin: 0;
 }
 
 #tit-edu {
@@ -34,7 +35,7 @@
     background-color: #E22636;
     border-radius: 10px;
     width: 90%;
-    margin: 0% 3% 0% 3%;
+    margin: auto;
     height: auto;
 }
 
@@ -47,8 +48,92 @@
     color: black;
 }
 
-#par-edu-med-deg-tsmr {
+.par-edu-med-deg-tsmr {
     margin: 0% 1% 3% 1%;
     padding: 2%;
     text-align: center;
+}
+
+#enl-edu-med-deg {
+    text-decoration: underline 2px solid black;
+    color: black
+}
+
+#enl-edu-med-deg:hover {
+    color: rgb(48, 47, 47);
+    text-decoration: underline 2px solid rgb(48, 47, 47);
+}
+
+#cnt-img-edu {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#img-edu-deg {
+    width: 100px;
+    height: 80px;
+    margin-top: 2%;
+}
+
+#ctn-edu-med-deg-sal {
+    font-weight: bold;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-image: url('https://www.wallpaperup.com/uploads/wallpapers/2015/09/28/811100/fba2b80b97362759233f63d137f0a45f-700.jpg');
+    background-size: cover;
+    width: 100%;
+    margin: 2% 0% 2% 0%;
+    -webkit-text-stroke: 0.60px black;
+    font-size: 25px;
+}
+
+#ctn-edu-med-deg-sal ul {
+    list-style-type: circle;
+    padding: 0;
+    margin: 0;
+}
+
+#tit-med-deg-sal {
+    display: flex;
+    justify-content: center;
+    color: black;
+    font-weight: bold;
+    width: 100%;
+}
+
+#tit-sec-deg {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    color: black;
+    text-decoration: underline #E22636;
+    margin-top: 10%;
+}
+
+#ctn-info-sec-deg {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-bottom: 4px double #fcb900;
+    border-radius: 10px;
+    width: 90%;
+    margin: 2% 5% 2% 5%;
+}
+
+#par-info-sec-deg {
+    color: black;
+    padding: 2%;
+    font-weight: bold;
+}
+
+#ctn-sec-deg {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: blue;
 }