diff --git a/README.md b/README.md
index 370207b2d..519adb81c 100644
--- a/README.md
+++ b/README.md
@@ -1 +1 @@
-# fdsw-github
+# pruebas-github
diff --git a/assets/css/estilos.css b/assets/css/estilos.css
index dc713cd23..a6bc3044d 100644
--- a/assets/css/estilos.css
+++ b/assets/css/estilos.css
@@ -1,39 +1,76 @@
 body {
-  font-family: "Raleway", sans-serif;
+  font-family: Georgia, 'Times New Roman', Times, serif;
+  background-color:aliceblue;
+  
+}
+.colortext{
+  color: azure;
+  font-size: 30px;
 }
 
 /* Hero Section */
 
 #Hero-Section {
-  background-image: url("../img/bg-hero.jpg");
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: left;
+  background-image: url("../img/gala3.jpg");
+  background-repeat:repeat-x;
+  background-size: 20%;
+  background-position: 0%;
+}
+#custom-container {
+  background-image: url("../img/A1.png");
+  background-repeat:no-repeat;
+  background-size: 50%;
+  background-position: 0%;
+  margin-left: 35%;
+  
+}
+.gradient-bg {
+  height: auto; /* Ajusta la altura según necesites */
+  background: linear-gradient(to bottom ,black,rgb(17, 16, 16), #1e1d1e); /* Degradado de colores */
+}
+
+.textl{
+  font-size: calc(0.60rem + 1.0vw);
+  background-color:black;
+}
+#gala8{
+  background-image: url("../img/gala8.png");
+  background-repeat:no-repeat;
+  background-size: 40%;
+  background-position: 100%;
+  padding-top: 2%;
+}
+
+#Acerca-de-mi{
+  background: linear-gradient(to bottom , #1c0237,#48068a, rgb(127, 42, 237));
+  color: azure;
 }
 
 /* Mis trabajos */
 
 #Mis-trabajos .image-top {
-  height: 250px;
+  height: 250px;;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
 
+.card-body{
+  background:fixed white;
+  color: rgb(0, 10, 10);
+}
+
+.estudio{
+  background: radial-gradient(circle, rgb(25, 97, 211), rgb(0, 0, 8));
+  
+}
+
 /* Contacto */
 
-#Contacto form label {
+#Contacto {
   font-weight: 700;
-  color: #373a3c;
+  color: #f1f6f9;
+  background:linear-gradient(to right, rgb(24, 3, 120), rgb(0, 0, 1),black, rgb(57, 5, 106));
 }
 
-@media (max-width: 768px) {
-  #Contacto form label {
-    font-weight: 400;
-  }
 
-  .navbar-brand{
-    width: 100px;
-  }
-
-}
diff --git a/assets/img/A1.png b/assets/img/A1.png
new file mode 100644
index 000000000..5585eaa70
Binary files /dev/null and b/assets/img/A1.png differ
diff --git a/assets/img/Java.jpg b/assets/img/Java.jpg
new file mode 100644
index 000000000..586c89d95
Binary files /dev/null and b/assets/img/Java.jpg differ
diff --git a/assets/img/bg-hero.jpg b/assets/img/bg-hero.jpg
deleted file mode 100644
index dedf242ac..000000000
Binary files a/assets/img/bg-hero.jpg and /dev/null differ
diff --git a/assets/img/card-1.jpg b/assets/img/card-1.jpg
deleted file mode 100644
index 52552e0e2..000000000
Binary files a/assets/img/card-1.jpg and /dev/null differ
diff --git a/assets/img/card-2.jpg b/assets/img/card-2.jpg
deleted file mode 100644
index 40521293c..000000000
Binary files a/assets/img/card-2.jpg and /dev/null differ
diff --git a/assets/img/card-3.jpg b/assets/img/card-3.jpg
deleted file mode 100644
index 9712b5df5..000000000
Binary files a/assets/img/card-3.jpg and /dev/null differ
diff --git a/assets/img/gala3.jpg b/assets/img/gala3.jpg
new file mode 100644
index 000000000..e2d7e6fc7
Binary files /dev/null and b/assets/img/gala3.jpg differ
diff --git a/assets/img/gala8.png b/assets/img/gala8.png
new file mode 100644
index 000000000..1600a334d
Binary files /dev/null and b/assets/img/gala8.png differ
diff --git a/assets/img/git.jpg b/assets/img/git.jpg
new file mode 100644
index 000000000..db6496929
Binary files /dev/null and b/assets/img/git.jpg differ
diff --git a/assets/img/logo.png b/assets/img/logo.png
deleted file mode 100644
index d15e16deb..000000000
Binary files a/assets/img/logo.png and /dev/null differ
diff --git a/assets/img/mysql.jpg b/assets/img/mysql.jpg
new file mode 100644
index 000000000..4b41ed968
Binary files /dev/null and b/assets/img/mysql.jpg differ
diff --git a/index.html b/index.html
index d96ee5a64..ff020fe93 100644
--- a/index.html
+++ b/index.html
@@ -10,122 +10,142 @@
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
-    <title>Olivia Ros</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"
+    <title>Alejandra Fajardo</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
         integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="assets/css/estilos.css">
 </head>
 
 <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-        <div class="container">
-            <a class="navbar-brand" href="#">
-                <img src="assets/img/logo.png" class="img-fluid">
-            </a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav ms-auto mb-2 mb-lg-0 fs-5">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#">Acerca de mi</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#">Trabajos</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#">Contacto</a>
-                    </li>
-
-                </ul>
-
+    <nav id="Hero-Section" class="navbar navbar-expand-sm fixed-top">
+        <div class="container justify-content-center">
+            
+            <div class="collapse navbar-collapse d-flex w-100 justify-content-center" id="navbarSupportedContent">
+                <nav class="nav nav-pills flex-column flex-sm-row ">
+                    <a class="flex-sm-fill text-sm-center nav-link fas fa-user fa-2x"  aria-current="page" href="#custom-container"></a>
+                    <a class="flex-sm-fill text-sm-center nav-link colortext"  aria-current="page" href="#Acerca-de-mi">Sobre Mi</a>
+                    <a class="flex-sm-fill text-sm-center nav-link colortext"  aria-current="Mis-trabajos" href="#Mis-trabajos">Estudios</a>
+                    <a class="flex-md-fill text-sm-center nav-link colortext " aria-current="Contacto"  href="#Contacto">Contactame</a>
+                  </nav>
             </div>
+            
         </div>
+        
     </nav>
-
-    <header id="Hero-Section" class="text-light text-end py-5 mt-5">
-        <div class="container">
-            <div class="ms-auto col-12 col-md-7 ">
-                <h1 class="display-1 fw-bold my-5">
-                    Comidas del fin <br> del mundo
+  
+
+    <header  class="text-light text-end py-4 mt-5 gradient-bg">
+        <nav>
+            <div id="custom-container" class="p-5"></div>
+            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+        </nav>
+        <div class="container" id="gala8">
+                <br>
+                <h1 class="display-2 fw-bold my-3 mx-3 text-custom text-start">
+                    Mi Perfil
                 </h1>
-                <p class="my-5">
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, accusamus iusto quibusdam
-                    dignissimos labore sequi. Cupiditate reiciendis eius dolore, illum adipisci harum voluptas iste
-                    mollitia inventore provident labore voluptatum nemo.
+                <p class="my-3 mx-3 text-custom text-start">
+                    Soy una profesional caracterizada por mi responsabilidad y proactividad <br> en todos los proyectos en los que me involucro. <br>
+                    Mi motivación para aprender de manera rápida y eficaz me permite adaptarme <br> con facilidad a nuevos desafíos y ambientes laborales. <br>
+                    Me considero una persona sociable,pero también selectiva en las relaciones, <br> buscando siempre interacciones que aporten valor y sean enriquecedoras. <br>
+                    Mi enfoque en la calidad y la eficiencia me impulsa a superar expectativas y a aportar <br> soluciones innovadoras en cada tarea que asumo.
                 </p>
-                <div class="mb-5 pb-5">
-                    <button class="btn btn-lg btn-outline-info text-light me-4">Trabajos</button>
-                    <button class="btn btn-lg btn-info text-light">Contacto</button>
+                <div class="mb-5  p-1 mx-5 text-custom text-start">
+                    <button class="btn btn-lg btn-outline-info text-light me-2">Estudios</button>
+                    <button class="btn btn-lg btn-outline-info text-light">Contacto</button>
                 </div>
-            </div>
-        </div>
+               
     </header>
 
+    <section id="Acerca-de-mi" class="container-fluid text-center my-0.1 mx-0.1 p-1" >
 
-    <section id="Acerca-de-mi" class="container text-center my-5">
 
-
-        <h2 class="display-3 fw-bold my-4">Acerca de mi</h2>
+        <h2 class="display-3 fw-bold my-4" style="color: rgb(4, 153, 245);">Algunas cosas de mi</h2>
 
         <p class="my-4">
-            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio quisquam distinctio, odit laborum aliquam
-            earum itaque cum sequi, dolorem optio vol
+            Una breve descripcion de mis fortalezas y habilidades para el trabajo y en si para la vida
         </p>
 
 
         <div class="row">
             <div class="col-12 col-md-4">
-                <i class="fas fa-camera fa-3x my-3"></i>
-                <h3 class="my-3 fw-bold">Fotógrafa de comida</h3>
+                <i class="fas fa-code fa-3x my-3"></i>
+                <h3 class="my-3 fw-bold">Conocimientos Basicos en programacion y Manejo de versiones</h3>
+                <p class="my-3">
+                    Estoy familiarizado con sistemas de control de versiones como Git. <br>
+                    Sé cómo clonar repositorios, hacer commits y manejar ramas para colaborar en proyectos de software. <br>
+                    Conozco los fundamentos de HTML y CSS, lo que me permite construir y estilizar páginas web simples
+                     y entender cómo interactúan con el backend
+                </p>
+            </div>
+            <div class="col-12 col-md-4">
+                <i class="fas fa-handshake fa-3x my-3"></i>
+                <h3 class="my-3 fw-bold">Capacidad de Trabajo en Equipo</h3>
+                <p class="my-3">
+                    Me comunico de manera clara y colaboro eficazmente con otros miembros del equipo, 
+                    incluyendo desarrolladores y diseñadores. <br>
+                    Disfruto trabajando en equipo y contribuyendo al éxito de los proyectos conjuntos
+                </p>
+            </div>
+            <div class="col-12 col-md-4">
+                <i class="far fa-comments fa-3x my-3"></i>
+                <h3 class="my-3 fw-bold">Capacidad de Comunicacion Escrita y Verbal</h3>
+                <p class="my-3">
+                    Soy capaz de expresar mis ideas de manera clara y coherente por escrito. <br>
+                    Esto incluye la redacción de documentación técnica, correos electrónicos y reportes
+                    de manera que sean fácilmente comprensibles para otros miembros del equipo, adicional, tengo
+                    habilidades sólidas para comunicarme verbalmente. Puedo explicar conceptos técnicos de manera
+                    clara y sencilla
+                </p>
+            </div>
+            <div class="col-12 col-md-4">
+                <i class="fas fa-book-open fa-3x my-3"></i>
+                <h3 class="my-3 fw-bold"> Curiosidad y Ganas de Aprender </h3>
                 <p class="my-3">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-                    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                    aliquip ex ea commodo consequat.
+                    Soy muy curioso y tengo muchas ganas de aprender nuevas tecnologías y herramientas. <br>
+                    Estoy siempre dispuesto a explorar y adquirir nuevas habilidades para mantenerme actualizado
+                    en el campo de la programación.
                 </p>
             </div>
             <div class="col-12 col-md-4">
-                <i class="fas fa-bullhorn fa-3x my-3"></i>
-                <h3 class="my-3 fw-bold">Crítica culinaria</h3>
+                <i class="fas fa-ear-listen fa-3x my-3"></i>
+                <br>
+                <h3 class="my-3 fw-bold">Escucha Activa</h3>
                 <p class="my-3">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-                    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                    aliquip ex ea commodo consequat.
+                    Me destaco en escuchar de manera activa, lo que me permite entender mejor las necesidades
+                    y preocupaciones de mis compañeros de equipo y clientes. Esto me ayuda a tomar decisiones
+                    informadas y a colaborar de manera más efectiva.
                 </p>
             </div>
             <div class="col-12 col-md-4">
-                <i class="far fa-map fa-3x my-3"></i>
-                <h3 class="my-3 fw-bold">Bloggera de viajes</h3>
+                <i class="fas fa-hourglass-half fa-3x my-3"></i>
+                <h3 class="my-3 fw-bold">Buen Trabajo Sobre Presion</h3>
                 <p class="my-3">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-                    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                    aliquip ex ea commodo consequat.
+                    Soy persistente y no me rindo fácilmente cuando enfrento desafíos. <br>
+                    Tengo una actitud positiva frente a los problemas y continúo trabajando 
+                    hasta encontrar una solución efectiva, lo que me lleva a un buen trabajo bajo presion.
                 </p>
             </div>
         </div>
     </section>
 
 
-    <section id="Mis-trabajos" class="my-5 p-5 bg-info">
+    <section id="Mis-trabajos" class="my-0 p-3 estudio">
 
-        <h2 class="display-4 fw-bold text-center text-light mb-3">Mis trabajos</h2>
+        <h2 class="display-4 fw-bold text-center text-light mb-3 p-1">Mis Estudios</h2>
 
         <div class="row">
             <div class="col-12 col-sm-4 py-2">
                 <div class="card">
-                    <div class="image-top" style="background-image: url(assets/img/card-1.jpg)"></div>
-                    <div class="card-body">
-                        <h5 class="card-title fw-bold">Asado en la Patagonia</h5>
+                    <div class="image-top" style="background-image: url(assets/img/Java.jpg)"></div>
+                    <div class="card-body ">
+                        <h5 class="card-title fw-bold">Conceptos y Manejo Basico de Java</h5>
                         <p class="card-text">
-                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                            Explicabo iure sint, perspiciatis distinctio molestias nihil
-                            repudiandae neque rem adipisci repellendus libero illo quo
-                            blanditiis, velit quasi ad, recusandae voluptates officia.
+                            Certificado por medio del Sena <br>
+                            He aprendido los fundamentos basicos de Java, incluyendo cómo usar variables,
+                            operadores, y estructuras de control. También comprendo la programación orientada
+                            a objetos con clases y objetos.
                         </p>
                         <button type="button" class="btn btn-outline-info">
                             Ver más
@@ -135,14 +155,14 @@ <h5 class="card-title fw-bold">Asado en la Patagonia</h5>
             </div>
             <div class="col-12 col-sm-4 py-2">
                 <div class="card">
-                    <div class="image-top" style="background-image: url(assets/img/card-2.jpg)"></div>
+                    <div class="image-top" style="background-image: url(assets/img/git.jpg)"></div>
                     <div class="card-body">
-                        <h5 class="card-title fw-bold">Papas del fin del mundo</h5>
+                        <h5 class="card-title fw-bold">Bases de git y GitHub</h5>
                         <p class="card-text">
-                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                            Deserunt a culpa doloremque voluptatem dicta nam. Maxime ipsum,
-                            consequatur quos error fuga excepturi quo. Laudantium optio
-                            pariatur laboriosam modi, ea molestias?
+                            Certificado en DesafioLatam <br>
+                            Aprendi los conceptos básicos de Git, 
+                            como crear repositorios, hacer commits, y trabajar con ramas. Uso GitHub para 
+                            colaborar en proyectos, gestionar cambios y resolver conflictos simples en el código.
                         </p>
                         <button type="button" class="btn btn-outline-info">
                             Ver más
@@ -152,14 +172,15 @@ <h5 class="card-title fw-bold">Papas del fin del mundo</h5>
             </div>
             <div class="col-12 col-sm-4 py-2">
                 <div class="card">
-                    <div class="image-top" style="background-image: url(assets/img/card-3.jpg)"></div>
+                    <div class="image-top" style="background-image: url(assets/img/mysql.jpg)"></div>
                     <div class="card-body">
-                        <h5 class="card-title fw-bold">Salmones de Alaska</h5>
+                        <h5 class="card-title fw-bold">Conceptos y Manejo Basico de Mysql</h5>
                         <p class="card-text">
-                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                            Obcaecati facere quibusdam sint id laborum magni velit ducimus
-                            corporis facilis qui architecto dolor, accusamus eveniet
-                            exercitationem fugit. Quod autem neque ducimus.
+                            Certificado en DesafioLatam <br>
+                            Sé cómo escribir consultas SQL para manipular datos en MySQL, y tengo 
+                            experiencia en diseñar bases de datos simples. También conozco lo básico 
+                            de la administración de MySQL, como la gestión de usuarios y el mantenimiento 
+                            de bases de datos.
                         </p>
                         <button type="button" class="btn btn-outline-info">
                             Ver más
@@ -177,45 +198,34 @@ <h5 class="card-title fw-bold">Salmones de Alaska</h5>
 
         <h2 class="display-4 fw-bold text-center my-4">Contáctame</h2>
 
-        <p class="text-center my-4 d-none d-md-block">Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-            Doloribus
-            sapiente, autem delectus totam expedita
-            animi corporis dolorem qui magnam, aspernatur officiis quasi culpa tempora est commodi. Voluptate beatae
-            tempora quaerat?</p>
-
-        <form>
-
+        <p class="text-center my-4 d-none d-md-block">
+            Explorando retos, nuevos proyectos, en busca de nuevo aprendizaje y aportare a un 100%
+        </p>
 
-            <div class="form-group mb-4">
-                <label class="mb-2">Nombre</label>
-                <input class="form-control" placeholder="Nombre">
+        <div class="collapse navbar-collape d-flex w-100 justify-content-center mx-5" id="navbarSupportedContent">
+            <div class="col-12 col-md-4 mx-5">
+                <i class="fas fa-phone fa-3x mx-5"></i>
+                <br>
+                <b class="my-3 mx-4 fw-bold">   3196180554</b>
             </div>
-
-            <div class="form-group mb-4">
-                <label class="mb-2">Correo electrónico</label>
-                <input class="form-control" placeholder="Correo electrónico" />
+            <div class="col-12 col-md-4 mx-8">
+                <i class="fas fa-envelope fa-3x mx-5 px-5"></i>
+                <br>
+                <b class="my-3 fw-bold">yfajardo@uniempresarial.edu.co</b>
             </div>
-
-
-            <div class="form-group">
-                <label class="mb-2">Mensaje</label>
-                <textarea class="form-control" placeholder="Escribe aquí tu mensaje"></textarea>
-            </div>
-
-            <div class="my-3 text-end">
-                <button class="btn btn-info text-light">Enviar</button>
+            <div class="col-12 col-md-4 mx-8">
+                <i class="fas fa-envelope fa-3x mx-5 px-5"></i>
+                <br>
+                <b class="my-3">alejandra12fajardsierra@gmail.com</b>
             </div>
-
-
-
-        </form>
+        </div>
 
     </section>
 
 
 
     <footer class="bg-dark text-center text-light p-4">
-        <p class="mb-0">Olivia Ros 2019. Todos los derechos reservados.</p>
+        <p class="mb-0">Alejandra 2024. Todos los derechos reservados.</p>
     </footer>