Daniel-JFA · SusanFer · Aug 20, 2024
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/Eafit.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/Eafit.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/Google.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/Google.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/fotoSusan.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/fotoSusan.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/pc.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/pc.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi1.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi1.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi2.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi2.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi3.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi3.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi4.png b/StudentsMaterial/Susana-Fernandez/Portafolio/img/platzi4.png
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/index.html b/StudentsMaterial/Susana-Fernandez/Portafolio/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portafolio Susana Fernandez</title>
+    <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+
+    <section id="titulo">      
+
+        <div class="informacion">
+            <h1>Susana Fernández Urrego</h1>
+            <p>Desarrollador Frontend</p>
+        </div>
+        <div class="foto-titulo">
+            <img src="img/fotoSusan.png" width="200px">
+        </div>
+
+
+    </section>
+
+    <section id="descripcion">
+
+        <div class="fondo">
+
+            <div class="centro">
+                <p>Me entusiasma la tecnología y el poder crear por medio de la programación, disfruto al crear y contribuir a soluciones que puedan impactar de forma positiva en una organización y en las personas que se benefician de ella.
+                <br>
+                Tengo un conocimiento diverso en programación y administración, con lo cual puedo aportar grandes conocimientos a la organización.
+                <br>
+                Actúo basada en las buenas conductas profesionales, siguiendo la ética y cumplimiento de leyes.</p>
+            </div>    
+            <div class="estudios">
+                <div class="Eafit"> <img src="img/Eafit.png" width="300px"> </div>
+                <div class="Google"> <img src="img/Google.png" width="300px"> </div>
+                <div class="platzi1"> <img src="img/platzi1.png" width="300px"> </div>
+                <div class="platzi2"> <img src="img/platzi2.png" width="300px"> </div>
+                <div class="platzi3"> <img src="img/platzi3.png" width="300px"> </div>
+                <div class="platzi4"> <img src="img/platzi4.png" width="300px"> </div>
+
+            </div>
+            <div class="conocimiento">
+                <p>
+                    Conocimientos en html, css, javascript.
+                </p>
+
+            </div>
+        </div>   
+
+    </section>
+
+</body>
+    <footer>
+        <a href="mailto:susanfer2412@gmail.com" class="=correo">Correo electrónico</a>
+    </footer>
+</html>
diff --git a/StudentsMaterial/Susana-Fernandez/Portafolio/style.css b/StudentsMaterial/Susana-Fernandez/Portafolio/style.css
@@ -0,0 +1,105 @@
+#titulo {
+    display: flex;
+    flex-direction: row;
+    height: 35vh;
+    background: linear-gradient( #cd6187, #d8d0d0);
+    opacity: 0.9;
+    border-color: rgb(25, 37, 26);
+    border-style:outset;
+    border-style: solid;
+    border-radius: 3%;
+    font-size: 40px;
+
+
+
+}
+
+.foto-titulo {
+    border-style:outset;
+    border-color: rgb(65, 38, 49);
+    border-radius: 3%;
+}
+
+.informacion {
+    text-shadow: rgb(83, 233, 56) 1px 0 6px;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    font-family: serif;
+    color:rgb(23, 30, 23);
+    margin-top: 20px;
+    margin-bottom: 40px;
+
+
+}
+
+
+#descripcion {
+    display: flex;    
+    font-family:serif;
+    font-size: 20px;
+    background-image: url('img/pc.png');
+    background-size:cover;
+    opacity: 0.9;
+    border-radius: 6%;
+    border-style: solid;
+    border-color: black;
+
+}
+
+.centro {
+    display: grid;
+    place-items: center;
+    background: linear-gradient(#572738, #f2d4d4);
+    margin-top: 6%;
+    margin-left: 9%;
+    margin-right: 9%;
+    padding: 3%;
+    text-align: justify;
+    color: rgb(36, 47, 38);
+    font-family: Times;
+    font-size: 30px;
+    text-shadow: 
+    1px 1px 0 rgb(213, 237, 213),
+    1px -1px 0 rgb(213, 237, 213),
+    -1px 1px 0 rgb(213, 237, 213),
+    -1px -1px 0 rgb(213, 237, 213);
+    border-top-right-radius: 3%;
+    border-top-left-radius: 3%;
+    border-bottom-left-radius: 3%;
+    border-bottom-right-radius: 3%;
+}
+
+.estudios {
+    display: flex;
+    flex-direction: row;
+    padding: 10px;
+    flex-wrap: wrap;
+    gap: 15px;
+    margin-top: 21px;
+    margin-left: 120px;
+    margin-right: 120px;
+    margin-bottom: 30px;
+}
+
+footer {
+    background-color: rgb(22, 27, 21);
+    border-radius: 3%;
+
+}
+
+.conocimiento {
+    color: rgb(244, 191, 191);
+    font-family: sans-serif;
+    margin: 30px;
+    text-align: center;
+    font-size: 40px;
+    text-shadow: 
+    1px 1px 0 rgb(35, 71, 35),
+    1px -1px 0 rgb(35, 71, 35),
+    -1px 1px 0 rgb(35, 71, 35),
+    -1px -1px 0 rgb(35, 71, 35);
+
+}
diff --git a/StudentsMaterial/Susana-Fernandez/Solutionwsbasic.js b/StudentsMaterial/Susana-Fernandez/Solutionwsbasic.js
@@ -0,0 +1,49 @@
+// Esta guía está diseñada para ayudar a principiantes a fortalecer sus habilidades de pensamiento lógico y comprensión de los conceptos básicos de programación.
+
+// Ejercicio 1: Suma de Dos Números
+// Descripción: Escribe una función que tome dos números como argumentos y devuelva su suma.
+
+// Ejercicio 2: Número Par o Impar
+// Descripción: Escribe una función que tome un número como argumento y devuelva "par" si el número es par y "impar" si el número es impar.
+
+// Ejercicio 3: FizzBuzz
+// Descripción: Escribe una función que recorra los números del 1 al 100. Para cada número, imprime "Fizz" si es divisible por 3, "Buzz" si es divisible por 5, y "FizzBuzz" si es divisible por ambos.
+let i = 1
+function FizzBuzz() {
+    for (let i = 1; i <= 100; i++) {
+        if (i % 3 === 0 &&& i % 5 === 0) {
+            console.log("FizzBuzz");
+        }
+        else if {i % 3 === 0} {
+            console.log("Fizz");
+        }
+        else if (i % 5 === 0) {
+            console.log(Buzz);
+        }
+        else{
+            console.log("No cumple ninguna condición");
+        }
+
+
+    }
+}
+// Ejercicio 4: Factorial de un Número
+// Descripción: Escribe una función que tome un número como argumento y devuelva su factorial.
+
+// Ejercicio 5: Palíndromo
+// Descripción: Escribe una función que tome una cadena de texto y determine si es un palíndromo (se lee igual de adelante hacia atrás).
+
+// Ejercicio 6: Encontrar el Máximo en un Array
+// Descripción: Escribe una función que tome un array de números y devuelva el número máximo.
+
+// Ejercicio 7: Invertir una Cadena
+// Descripción: Escribe una función que tome una cadena de texto y devuelva la cadena invertida.
+
+// Ejercicio 8: Contar Vocales en una Cadena
+// Descripción: Escribe una función que tome una cadena de texto y cuente el número de vocales (a, e, i, o, u).
+
+// Ejercicio 9: Encontrar Números Primos
+// Descripción: Escribe una función que encuentre todos los números primos hasta un número dado.
+
+// Ejercicio 10: Generar una Secuencia Fibonacci
+// Descripción: Escribe una función que genere una secuencia Fibonacci hasta un número dado.