diff --git a/img/corel.png b/img/corel.png
new file mode 100644
index 0000000..93b7308
Binary files /dev/null and b/img/corel.png differ
diff --git a/img/filmora.png b/img/filmora.png
new file mode 100644
index 0000000..c07efa1
Binary files /dev/null and b/img/filmora.png differ
diff --git a/img/flutter.png b/img/flutter.png
new file mode 100644
index 0000000..7308101
Binary files /dev/null and b/img/flutter.png differ
diff --git a/img/iloveimg-resized.zip b/img/iloveimg-resized.zip
new file mode 100644
index 0000000..c902cea
Binary files /dev/null and b/img/iloveimg-resized.zip differ
diff --git a/img/jp.png b/img/jp.png
new file mode 100644
index 0000000..d663827
Binary files /dev/null and b/img/jp.png differ
diff --git a/img/perfil.jpg b/img/perfil.jpg
new file mode 100644
index 0000000..3456bda
Binary files /dev/null and b/img/perfil.jpg differ
diff --git a/img/photoshop.png b/img/photoshop.png
new file mode 100644
index 0000000..4eabae3
Binary files /dev/null and b/img/photoshop.png differ
diff --git a/img/ss.png b/img/ss.png
new file mode 100644
index 0000000..8c01f7c
Binary files /dev/null and b/img/ss.png differ
diff --git a/index.html b/index.html
index a47f44d..8aa5d1e 100644
--- a/index.html
+++ b/index.html
@@ -16,75 +16,76 @@
             <div class="left-content">
                 <div class="profile">
                     <div class="image">
-                        <img src="/avatar.jpg" alt="">
+                        <img src="img/jp.png" alt="">
                     </div>
-                    <h2 class="name">Lorem Dola Ipsum</h2>
-                    <p class="career">Software Engineer</p>
+                    <h2 class="name">Jean Paul Panez Rimac</h2>
+                    <p class="career">Arquitectura de Plataformas</p>
                 </div>
                 <div class="contact-info">
-                    <h3 class="main-title">Contact Info</h3>
+                    <h3 class="main-title">Información</h3>
                     <ul>
                         <li>
                             <i class="fa fa-phone"></i>
-                            07661892982
+                            927909045
                         </li>
                         <li>
                             <i class="fa fa-fax"></i>
-                            loremipsum@gmail.com
+                            panezrimacjeanpaul@gmail.com
                         </li>
                         <li>
                             <i class="fa fa-globe"></i>
-                            www.loremipsum.com
+                            www.github.com/JeanPanez
                         </li>
                         <li>
                             <i class="fa fa-facebook"></i>
-                            www.facebook.com/lorem
+                            www.facebook.com
                         </li>
                         <li>
                             <i class="fa fa-instagram"></i>
-                            @loremipsum
+                            @jean06_lyts
                         </li>
                         <li>
                             <i class="fa fa-map-marker"></i>
-                            37 Pramount St, London
+                            Calle las Flores Mz-C lote 24 "Gerardo Patiño Lopez"
                         </li>
                     </ul>
                 </div>
                 <div class="skills-section">
-                    <h3 class="main-title">Skills</h3>
+                    <h3 class="main-title">HABILIDADES</h3>
                     <ul>
                         <li>
-                            <p class="skill-title">Javascript</p>
+                            <p class="skill-title">Diseño </p>
                             <div class="progress-bar">
-                                <div class="progress js-progress"></div>
+                                <div class="progress j-progress"></div>
                             </div>
                         </li>
                         <li>
-                            <p class="skill-title">Photoshop</p>
+                            <p class="skill-title">CorelDraw</p>
                             <div class="progress-bar">
-                                <div class="progress ps-progress"></div>
+                                <div class="progress js-progress"></div>
                             </div>
                         </li>
                         <li>
-                            <p class="skill-title">Java</p>
+                            <p class="skill-title">Photoshop</p>
                             <div class="progress-bar">
-                                <div class="progress j-progress"></div>
+                                <div class="progress ps-progress"></div>
                             </div>
                         </li>
+                        
                         <li>
-                            <p class="skill-title">C++</p>
+                            <p class="skill-title">AI</p>
                             <div class="progress-bar">
                                 <div class="progress c-progress"></div>
                             </div>
                         </li>
                         <li>
-                            <p class="skill-title">Ruby</p>
+                            <p class="skill-title">React Native</p>
                             <div class="progress-bar">
                                 <div class="progress ps-progress"></div>
                             </div>
                         </li>
                         <li>
-                            <p class="skill-title">Node js</p>
+                            <p class="skill-title">c#</p>
                             <div class="progress-bar">
                                 <div class="progress n-progress"></div>
                             </div>
@@ -96,13 +97,13 @@ <h3 class="main-title">Skills</h3>
                             </div>
                         </li>
                         <li>
-                            <p class="skill-title">illustrator</p>
+                            <p class="skill-title">flutter</p>
                             <div class="progress-bar">
                                 <div class="progress ps-progress"></div>
                             </div>
                         </li>
                         <li>
-                            <p class="skill-title">Wordpress</p>
+                            <p class="skill-title">Marketing    </p>
                             <div class="progress-bar">
                                 <div class="progress ps-progress"></div>
                             </div>
@@ -110,46 +111,47 @@ <h3 class="main-title">Skills</h3>
                     </ul>
                 </div>
                 <div class="references-section">
-                    <h3 class="main-title">References</h3>
+                    <h3 class="main-title">Educación</h3>
                     <div class="referee">
-                        <h6 class="sub-title">Michael Bowen</h6>
-                        <p class="sub-para">Product Manager</p>
+                        <h6 class="sub-title">Nivel Secundaria</h6>
+                        <p class="sub-para">I.E. Columna Pasco</p>
                         <ul>
                             <li>
                                 <i class="fa fa-phone"></i>
-                                07661892982
+                                963258741
                             </li>
                             <li>
                                 <i class="fa fa-fax"></i>
-                                loremipsum@gmail.com
+                                columnapasco@gmail.com
                             </li>
                         </ul>
                     </div>
                     <div class="referee">
-                        <h6 class="sub-title">Joseph Kumar</h6>
-                        <p class="sub-para">Senior Developer</p>
+                        <h6 class="sub-title">Nivel Superior</h6> <br>
+                        <p class="sub-para" style="text-align: center;">Cursante de educacion superior en Arquitectura de Plataformas y Sertvicios TI.</p>
                         <ul>
                             <li>
                                 <i class="fa fa-phone"></i>
-                                07661892982
+                                063-422110
                             </li>
                             <li>
                                 <i class="fa fa-fax"></i>
-                                loremipsum@gmail.com
+                                idexpasco.edu.pe
                             </li>
                         </ul>
                     </div>
+                    <br>
                     <div class="referee">
-                        <h6 class="sub-title">Rick Ross</h6>
-                        <p class="sub-para">Product Manager</p>
+                        
+                        <p class="sub-para" style="text-align: center;">Egresado del I.E.S.I.S.A.M con la carrera de Auxiliar Administrativo</p>
                         <ul>
                             <li>
                                 <i class="fa fa-phone"></i>
-                                07661892982
+                                904 789 982
                             </li>
                             <li>
                                 <i class="fa fa-fax"></i>
-                                loremipsum@gmail.com
+                                Isam.edu.pe
                             </li>
                         </ul>
                     </div>
@@ -159,167 +161,175 @@ <h6 class="sub-title">Rick Ross</h6>
         <section class="right-section">
             <div class="right-main-content">
                 <section class="about sect">
-                    <h2 class="right-title">About Me</h2>
-                    <p class="para">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam molestias facilis ullam dolorum, reprehenderit dolorem accusantium sit quo 
-                        dolore nostrum assumenda obcaecati animi commodi nobis labore exercitationem corporis esse eveniet optio laudantium molestiae maiores pariatur nisi cumque. 
-                        Distinctio et, totam, dicta autem nostrum doloribus ipsam vel rerum, molestiae soluta laboriosam. <br>
+                    <h2 class="right-title">Acerca de Mi</h2>
+                    <p class="para" style="text-align: justify;">
+                        Soy estudiante cursante dé dos carreras técnicas (Administración de empresas y Arquitectura de Plataformas y Servicios TI). <br>
                         <br>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto iusto porro suscipit. 
-                        Nihil blanditiis cum voluptates odio recusandae deleniti, nulla repudiandae aliquam adipisci iusto reiciendis sequi labore quos ratione accusamus consectetur, 
-                        libero ex assumenda pariatur commodi animi nobis, dolore id.
+                        Experto en reparación de Hardware y Software de computadoras y crear aplicaciones con una arquitectura bien organizada. También tengo experiencia con Marketing Digital en el ámbito administrativo y relación al cliente.
                     </p>
                 </section>
 
                 <section class="experince sect">
-                    <h2 class="right-title">Experience</h2>
+                    <h2 class="right-title">Experiencia</h2>
                     <div class="timeline">
                         <div class="left-tl-content">
-                            <h5 class="tl-title">Microsoft</h5>
-                            <p class="para">2017 - 2019</p>
+                            <h5 class="tl-title">Corel Draw</h5>
+                            <p class="para">2022 - Presente </p>
+                            <img class="img1" src="img/corel.png" alt="">
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Junior Developer</h5>
-                                <p class="para">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
-                                    voluptatem deleniti, 
-                                    laboriosam odio nobis quae fugit facilis quo.
+                                <h5 class="tl-title-2">Diseño Grafico</h5>
+                                <p class="para" style="text-align: justify;">
+                                    Amplia capacidad para desarrollar logotipos, folletos, banners y material promocional utilizando las herramientas y características más actualizadas de la suite Corel. Combinación de creatividad y habilidades técnicas para producir diseños que cumplen con los objetivos y requisitos del cliente, manteniendo al mismo tiempo una estética innovadora y actualizada.
                                 </p>
                             </div>
                         </div>
                     </div>
                     <div class="timeline">
                         <div class="left-tl-content">
-                            <h5 class="tl-title">Google Inc</h5>
-                            <p class="para">2019 - 2020</p>
+                            <h5 class="tl-title">Photoshop</h5>
+                            <p class="para">2022 - Presente</p>
+                            <img class="img1" src="img/photoshop.png" alt="">
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Lead Web developer</h5>
-                                <p class="para">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
-                                    voluptatem deleniti, 
-                                    laboriosam odio nobis quae fugit facilis quo.
+                                <h5 class="tl-title-2">Diseño Grafico</h5>
+                                <p class="para" style="text-align: justify;">
+                                    Amplia experiencia en la creación y manipulación de imágenes para lograr resultados visuales impactantes. Habilidad demostrada en la retocación fotográfica, composición de elementos visuales y creación de gráficos para diversos fines, incluyendo redes sociales, impresión y web. 
                                 </p>
                             </div>
                         </div>
                     </div>
                     <div class="timeline">
                         <div class="left-tl-content">
-                            <h5 class="tl-title">Google Inc</h5>
-                            <p class="para">2019 - 2020</p>
+                            <h5 class="tl-title">Filmora</h5>
+                            <p class="para">2021 - Presente</p>
+                            <img class="img1" src="img/filmora.png" alt="">
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Lead Web developer</h5>
-                                <p class="para">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
-                                    voluptatem deleniti, 
-                                    laboriosam odio nobis quae fugit facilis quo.
+                                <h5 class="tl-title-2">Creación de Videos</h5>
+                                <p class="para" style="text-align: justify;">
+                                    Especialista en edición de video con amplia destreza en el uso de Filmora para crear contenido visual cautivador. Experiencia en la edición de videos promocionales, tutoriales y proyectos personales, aplicando efectos, transiciones y correcciones para lograr resultados de alta calidad. 
                                 </p>
                             </div>
                         </div>
                     </div>
                     <div class="timeline">
                         <div class="left-tl-content">
-                            <h5 class="tl-title">Apple</h5>
-                            <p class="para">2020 - Present</p>
+                            <h5 class="tl-title">flutter</h5>
+                            <p class="para">Presente</p>
+                            <img class="img1" src="img/flutter.png" alt="">
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Senior Developer</h5>
-                                <p class="para">
-                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
-                                    voluptatem deleniti, 
-                                    laboriosam odio nobis quae fugit facilis quo.
+                                <h5 class="tl-title-2">Programación Básica</h5>
+                                <p class="para" style="text-align: justify;">
+                                    Apasionado estudiante autodidacta con un enfoque en el desarrollo de aplicaciones móviles utilizando el framework Flutter. Familiarizado con los conceptos básicos de programación y con un sólido conocimiento en tecnologías web, estoy emocionado por expandir mis habilidades hacia el mundo de las aplicaciones móviles.
                                 </p>
                             </div>
                         </div>
                     </div>
                 </section>
                 <section class="education sect">
-                    <h2 class="right-title">education</h2>
+                    <h2 class="right-title">Seminarios</h2>
                     <div class="timeline">
-                        <div class="left-tl-content">
-                            <h5 class="tl-title">Cheney School</h5>
-                            <p class="para">2015 - 2016</p>
+                        <div class="left-tl-content" style="text-align: center;">
+                            <h5 class="tl-title">I.E.S.I.S.A.M.</h5>
+                            <p class="para">2022</p>
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Gcse's</h5>
-                                <p class="para">
+                                <h5 class="tl-title-2" style="text-align: center;">TOMA DE DECISIONES DEL CONSUMIDOR</h5>
+                                <!-- <p class="para">
                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
                                     voluptatem deleniti, 
                                     laboriosam odio nobis quae fugit facilis quo.
-                                </p>
+                                </p> -->
                             </div>
                         </div>
                     </div>
                     <div class="timeline">
-                        <div class="left-tl-content">
-                            <h5 class="tl-title">Cheney School</h5>
-                            <p class="para">2016 - 2018</p>
+                        <div class="left-tl-content" style="text-align: center;">
+                            <h5 class="tl-title">I.E.S.I.S.A.M.</h5>
+                            <p class="para">2022</p>
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">A - Levels</h5>
-                                <p class="para">
+                                <h5 class="tl-title-2" style="text-align: center;">SEGMENTACIÓN DE MERCADO</h5>
+                                <!-- <p class="para">
                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
                                     voluptatem deleniti, 
                                     laboriosam odio nobis quae fugit facilis quo.
-                                </p>
+                                </p> -->
                             </div>
                         </div>
                     </div>
                     <div class="timeline">
-                        <div class="left-tl-content">
-                            <h5 class="tl-title">University of Sussex</h5>
-                            <p class="para">2018 - Present</p>
+                        <div class="left-tl-content" style="text-align: center;">
+                            <h5 class="tl-title">I.E.S.I.S.A.M.</h5>
+                            <p class="para">2022</p>
                         </div>
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Computer Science</h5>
-                                <p class="para">
+                                <h5 class="tl-title-2" style="text-align: center;">PRINCIPALES HERRAMIENTAS DE TESORERÍA</h5>
+                                <!-- <p class="para">
                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
                                     voluptatem deleniti, 
                                     laboriosam odio nobis quae fugit facilis quo.
-                                </p>
+                                </p> -->
                             </div>
                         </div>
                     </div>
                 </section>
                 <section class="awards sect">
-                    <h2 class="right-title">Awards</h2>
+                    <h2 class="right-title">Nuevos seminarios</h2>
                     <div class="timeline">
-                        <div class="left-tl-content">
-                            <h5 class="tl-title">Microsoft</h5>
-                            <p class="para">June 2016</p>
+                        <div class="left-tl-content" style="text-align: center;">
+                            <h5 class="tl-title">I.E.S.I.S.A.M.</h5>
+                            <p class="para">2023</p>
+                        </div>
+                        <div class="right-tl-content">
+                            <div class="tl-content">
+                                <h5 class="tl-title-2" style="text-align: center;">NORMAS DE AUDITORIA GENERALMENTE ACEPTADAS-NAGAS</h5>
+                                    <!-- <p class="para">
+                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
+                                        voluptatem deleniti, 
+                                        laboriosam odio nobis quae fugit facilis quo.
+                                    </p> -->
+                            </div>
                         </div>
+                    </div>
+                    <div class="timeline">
+                        <div class="left-tl-content" style="text-align: center;">
+                            <h5 class="tl-title">I.E.S.I.S.A.M.</h5>
+                            <p class="para">2023</p>
+                        </div>  
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">Excellent Work</h5>
-                                <p class="para">
+                                <h5 class="tl-title-2" style="text-align: center;">MANEJO TECNICO DE LOS COSTOS EN LAS EMPRESAS</h5>
+                                <!-- <p class="para">
                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
                                     voluptatem deleniti, 
                                     laboriosam odio nobis quae fugit facilis quo.
-                                </p>
+                                </p> -->
                             </div>
                         </div>
                     </div>
                     <div class="timeline">
-                        <div class="left-tl-content">
-                            <h5 class="tl-title">Alphabet Inc</h5>
-                            <p class="para">June 2016</p>
-                        </div>
+                        <div class="left-tl-content" style="text-align: center;">
+                            <h5 class="tl-title">I.E.S.I.S.A.M.</h5>
+                            <p class="para">2023</p>
+                        </div>  
                         <div class="right-tl-content">
                             <div class="tl-content">
-                                <h5 class="tl-title-2">The Star Employee</h5>
-                                <p class="para">
+                                <h5 class="tl-title-2" style="text-align: center;">GESTION ESTRATEGICA DE COSTOS Y PRESUPUESTOS</h5>
+                                <!-- <p class="para">
                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias cupiditate vitae 
                                     voluptatem deleniti, 
                                     laboriosam odio nobis quae fugit facilis quo.
-                                </p>
+                                </p> -->
                             </div>
                         </div>
                     </div>
diff --git a/styles.css b/styles.css
index 7efbf00..61d5d03 100644
--- a/styles.css
+++ b/styles.css
@@ -19,9 +19,13 @@ body{
 }
 
 .left-section{
+    /* grid-column: span 2;
+    height: 100%;
+    background-color: #00324A; */
     grid-column: span 2;
     height: 100%;
-    background-color: #00324A;
+    background: linear-gradient(to bottom, #3f306d, #0074E4);
+    color: white;
 }
 .right-section{
     grid-column: span 5;
@@ -35,7 +39,7 @@ body{
 }
 .profile{
     width: 100%;
-    border-bottom: 1px solid #002333;
+    border-bottom: 1px solid #1072ac;
 }
 
 .image{
@@ -45,7 +49,7 @@ body{
 .profile img{
     width: 100%;
     border-radius: 50%;
-    border: 8px solid #002333;
+    border: 8px solid #0074E4;
     
 }
 
@@ -274,4 +278,7 @@ body{
     .name{
         font-size: 1.5rem;
     }
+}
+.img1{
+    padding-left: 100px;
 }
\ No newline at end of file