<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="CSS/estilos.css"> <title>portafolio-sara</title> </head> <body> <header> <div class="section1"> <div class="brand"> <h2>SR</h2> </div> <nav class="menu"> <ul> <li><a href="#home">INICIO</a></li> <li><a href="#about">SOBRE MI</a></li> <li><a href="#service">SERVICIO</a></li> <li><a href="#portfolio">PORTAFOLIO</a></li> <li><a href="#contact">CONTACTO</a></li> </ul> </nav> </div> </header> <div class="section2"> <header class="content header"> <h1> SOY SARA RESTREPO MARTÍNEZ</h1> <p>A continuación encontrarás información acerca de los diferentes proyectos que he realizado o participado</p> <div class="section21"> <img src="IMAGENES/primera.PNG" class="imgsara"> </div> </div> <div class="section3"> <h2>SOBRE MI...</h2> <p>Soy estudiante de Diseño Gráfico en la nstitución Universitaria Pascual Bravo, actualmente cursando mi sexto semestre. Con 21 años, soy de Medellín, Colombia. Mi enfoque es encontrar soluciones para cualquier situación, y me caracterizo por ser paciente, respetuosa y amable. Gráficamente se me da muy bien el desarrollo de ideas, disfruto la creación de piezas para redes sociales y poseo sensibilidad por la moda por lo cual perfectamente podría desempeñarme en esta área. </p> <img src="IMAGENES/about-me.PNG" class="imgsaras" > </div> </header> <div class="section4"> <section id="service"> <div class="service-container"> <h3 class="title">SERVICIOS</h3> <ul class="service-list"> <li class="service-item">Adobe Indesign <img class="imgid" src="IMAGENES/INDESING.PNG"></li> <li class="service-item">Adobe After Effects <img class="imgae" src="IMAGENES/AFTER.PNG"></li> <li class="service-item">Adobe Photoshop <img class="imgps" src="IMAGENES/PHOTOSHOP.PNG"></li> <li class="service-item">Adobe Illustrator <img class="imgai" src="IMAGENES/ILLUSTRATOR.PNG"></li> <li class="service-item">Adobe Premier Pro <img class="imgpr" src="IMAGENES/PREMIER.PNG"></li> </ul> </div> </section> </div> <div class="section5"> <section id="portfolio"> <div class="portfolio-container"> <h4 class="title">PORTAFOLIO</h4> <div class="portfolio-content"> <div class="portfolio-item"> <img src="image1.jpg" alt="Portfolio Image 1"> </div> <div class="portfolio-item"> <img src="image2.jpg" alt="Portfolio Image 1"> </div> <div class="portfolio-item"> <img src="image3.jpg" alt="Portfolio Image 1"> </div> <div class="portfolio-item"> <img src="image4.jpg" alt="Portfolio Image 1"> </div> <div class="portfolio-item"> <img src="image5.jpg" alt="Portfolio Image 1"> </div> <div class="portfolio-item"> <img src="image6.jpg" alt="Portfolio Image 1"> </div> </section> <div class="section6"> <section> <div class="contact-section"> <div class="contact-headings"> <h5 class="title">CONTACTO</h5> <div class="divider"></div> </div> <div class="container-contact"> <div class="info-form"> <img src="IMAGENES/ig.PNG"class= "imgredes"> <a href="https://www.instagram.com/sara_restrepo_m/">sara_restrepo_m</a> <div> <img src="IMAGENES/wpp.PNG" class="imgredes"> <a href="https://wa.link/67s0xg">+57 3103930388</a> </div> </div> <div class="contact-form"> <h6>Envía tu mensaje</h6> <form class="form"> <input type="text" placeholder="Name"> <input type="email" placeholder="Email"> <textarea placeholder="Escribe tu mensaje aquí"> </textarea> <button class="btn-submit"> Enviar mensaje </button> </form> </div> </div> </div> </section> </body> </html>
You can use the following code to achieve what you want: <!DOCTYPE html> <html> <head> <title>Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $("#div1").hide();
