"Add HTML and CSS file"

undefined-academy · Mar 27, 2024 · 1a772e7 · 1a772e7
1 parent 304a45a
commit 1a772e7
Show file tree

Hide file tree

Showing 2 changed files with 94 additions and 15 deletions.
diff --git a/github-profiles/isra_osvaldo-9487/index.html b/github-profiles/isra_osvaldo-9487/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Mi página web</title>
+    <link rel="stylesheet" href="./main.css" />
   </head>
   <body>
     <!-- Esto es un comentario -->
@@ -31,21 +32,39 @@ <h2>Software Developer</h2>
       en un proyecto informático.
     </p>
 
-    <h2>Skills</h2>
-    <h3>Lenguajes de Programación</h3>
-    <ul>
-      <li>PL SQL</li>
-      <li>Java (POO)</li>
-      <li>JavaScript</li>
-      <li>React.js</li>
-      <li>Node.js</li>
-      <li>Python</li>
-    </ul>
+    <hr />
+    <h2 class="skills-title">Skills</h2>
+    <section class="skills-idiomas">
+      <div class="col">
+        <article class="programming-languages">
+          <h3>Lenguajes de Programación</h3>
+          <ul class="lista-lenguajes">
+            <li>PL SQL</li>
+            <li>Java (POO)</li>
+            <li>JavaScript</li>
+            <li>React.js</li>
+            <li>Node.js</li>
+            <li>Python</li>
+          </ul>
+        </article>
+      </div>
 
-    <h2>Idiomas</h2>
-    <ul>
-      <li>Inglés Intermedio</li>
-      <li>Portugués Avanzado</li>
-    </ul>
+      <div class="col">
+        <article class="idiomas">
+          <h3>Idiomas</h3>
+          <ul>
+            <li>Inglés Intermedio</li>
+            <li>Portugués Avanzado</li>
+          </ul>
+        </article>
+      </div>
+    </section>
+
+    <hr />
+    <footer class="footer">
+      <a href="https://github.com/isra-osvaldo" target="_blank">
+        <img src="./img/logo-github.png" alt="Logotipo de Github" />
+      </a>
+    </footer>
   </body>
 </html>
diff --git a/github-profiles/isra_osvaldo-9487/style.css b/github-profiles/isra_osvaldo-9487/style.css
@@ -0,0 +1,60 @@
+body {
+    margin: 0 auto;
+    max-width: 50em;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    color: #566b78;
+
+  }
+
+  h2 {
+    margin-top: 1em;
+    padding-top: 1em;
+  }
+
+h1,
+h2,
+h3,
+strong {
+  color: #333;
+}
+
+.footer {
+    display: flex;
+    align-items: center;
+    justify-content: center; 
+}
+
+a {
+    color: #e81c4f;
+    display: flex;
+}
+
+img {
+    display: inline-block;
+    width: 150px; /* o el ancho que desees */
+    height: auto;
+}
+
+.skills-idiomas {
+    max-width: 800px; /* Ancho máximo para el bloque de habilidades */
+    margin: 0 auto; /* Centrar el bloque de habilidades horizontalmente */
+}
+
+.skills-title {
+    display: flex;
+    align-items: center;
+    justify-content: center; 
+    margin: 5px;
+
+}
+
+.skills-idiomas {
+    display: flex;
+}
+
+.col {
+    flex: 1; /* Ambas columnas ocupan el mismo espacio */
+    padding: 10px;
+}
+
+