Puesto #3</h1> <article> <h1>Puesto #3</h1> <p>Sun, 01 Dec 2024 00:00:00 +0100</p> <h2 id="3rd-job-gerente-general">3rd job: Gerente General</h2> <p>Con una traducción al español, se puede llegar a cualquier parte.</p> </article> <article> <h1>Trabajo #2</h1> <p>Sun, 01 Jan 2023 00:00:00 +0100</p> <h2 id="arreglando-el-mundo-un-byte-a-la-vez">Arreglando el mundo, un byte a la vez</h2> <p>Continuando la misión.</p> </article> <article> <h1>Trabajo #1</h1> <p>Sat, 01 Jan 2022 00:00:00 +0100</p> <h2 id="arreglando-el-mundo-un-byte-a-la-vez">Arreglando el mundo, un byte a la vez</h2> <p>El comienzo de una gran carrera.</p> </article> <article> <h1>Footer</h1> <p>Mon, 01 Jan 0001 00:00:00 +0000</p> <section id="contacto" class="section section--contact pt-0"> <div class="container"> <div class="contact w-100"> <h2>Contáctame</h2> <div class="row pt-2"> <div class="col-12 col-lg-7"> <form action="https://formspree.io/f/mail@example.com" method="POST" class="contact__form"> <div class="row"> <div class="col-12 col-sm-6"> <input type="text" name="full_name" class="form-control" placeholder="Tu nombre"> </div> <div class="col-12 col-sm-6"> <input type="email" name="email" class="form-control" placeholder="Tu correo"> </div> </div> <div class="row pt-4"> <div class="col-12"> <input type="tel" name="phone" class="form-control" > </div> </div> <div class="row pt-4"> <div class="col-12"> <textarea name="message" class="form-control" rows="2" placeholder="Tu mensaje"></textarea> </div> </div> <div class="row pt-4"> <div class="col-12"> <button type="submit" class="btn btn-primary">Enviar mensaje</button> </div> </div> </form> </div> <div class="col-12 col-lg-5 contact__info"> <h3>Mi teléfono</h3> <span><a href='tel:+555666777'>555 666 777</a></span> <h3>Mi correo</h3> <span>demo@demosite.com</span> <h3>Mi ubicación</h3> <span>🇩🇰 Denmark</span> </div> </div> </div> </div> </section> <section id="newsletter" class="section section--cta"> <div class="container d-flex justify-content-center align-items-center"> <div class="row"> <div class="col-12 text-center"> <h2> Subscríbete </h2> <div class="rad-subscription-group"> <form id="rad-subscription" action="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" method="POST" > <input id="rad-subscription-email" type="email" class="form-control" aria-describedby="emailHelp" placeholder=' Tu correo ' aria-label=' Tu correo ' > <button type="submit" id="rad-subscription-submit" class="btn btn-light btn-rounded"> Subscríbete </button> </form> <div id="rad-subscription-success" class="d-none"> <p class="lead"> Gracias por suscribirte! </p> </div> <div id="rad-subscription-fail" class="d-none"> <p> Algo ha fallado, por favor inténtalo de nuevo. </p> </div> <script src='https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/js/subscription.js'></script> </div> <small id="emailHelp" class="form-text text-muted"> Respetamos tu privacidad. </small> </div> </div> </div> </section> <section class="section section--border-bottom rad-animation-group section--padding"> <div class="container d-flex justify-content-center align-items-center"> <div class="row rad-fade-down"> <div class="col-12 text-center"> <h2 class="section__title">Contenido extra</h2> <div class="text-section__content"> <p>Puedes añadir contenido adicional después de los bloques de <code>section</code>.</p> </article> <article> <h1>Inicio</h1> <p>Mon, 01 Jan 0001 00:00:00 +0000</p> <section id="seccion-destacada" class="rad-showcase rad-showcase--index rad-animation-group rad-fade-down"> <div> <div class="showcase-section row flex-column-reverse flex-md-row rad-fade-down rad-waiting rad-animate"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6"> <h1 class="display-1"> Sección destacada </h1> <h2 class="display-5"> <span>Subtítulo - proviene de <code>home.md</code></span> </h2> <div class="lead"> Texto en <strong>negrita</strong> y normal. Esto viene de <code>home.md</code>. ¿No proporcionado? se usa i18n por defecto (por ahora, para ofrecer compatibilidad con versiones >1.7.0) </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 profile-image"> </picture> </div> <div class="col-12 inner-content"> <div class="container" id="social"> <div class="row platform-links shortcode"> <div class="col-12"> <a href="https://facebook.com/yourpage" target="_blank" rel="noopener noreferrer" aria-label="square-facebook" ><i class="icon-square-facebook"></i> </a> <a href="https://twitter.com/yourpage" target="_blank" rel="noopener noreferrer" aria-label="square-twitter" ><i class="icon-square-twitter"></i> </a> <a href="https://www.linkedin.com/in/adrianmoreno/" target="_blank" rel="noopener noreferrer" aria-label="linkedin" ><i class="icon-linkedin"></i> </a> <a href="https://github.com/zetxek" target="_blank" rel="noopener noreferrer" aria-label="square-github" ><i class="icon-square-github"></i> </a> <a href="https://twitter.com/zetxek" target="_blank" rel="noopener noreferrer" aria-label="x-twitter" ><i class="icon-x-twitter"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="dribbble" ><i class="icon-dribbble"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="behance" ><i class="icon-behance"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="youtube" ><i class="icon-youtube"></i> </a> <a href="https://www.instagram.com/zetxek/" target="_blank" rel="noopener noreferrer" aria-label="instagram" ><i class="icon-instagram"></i> </a> <a href="https://www.facebook.com/zetxek/" target="_blank" rel="noopener noreferrer" aria-label="square-facebook" ><i class="icon-square-facebook"></i> </a> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="codepen" ><i class="icon-codepen"></i> </a> <a href="https://www.yelp.com/" target="_blank" rel="noopener noreferrer" aria-label="yelp" ><i class="icon-yelp"></i> </a> <a href="https://www.bluesky.com/" target="_blank" rel="noopener noreferrer" aria-label="bluesky" ><i class="icon-bluesky"></i> </a> <a href="https://www.threads.net/" target="_blank" rel="noopener noreferrer" aria-label="threads" ><i class="icon-threads"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="face-smile" ><i class="icon-face-smile"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="user" ><i class="icon-user"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="quote-left" ><i class="icon-quote-left"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="cloud-arrow-down" ><i class="icon-cloud-arrow-down"></i> </a> <a href="https://www.adrianmoreno.info/" target="_blank" rel="noopener noreferrer" aria-label="square-xing" ><i class="icon-square-xing"></i> </a> </div> </div> </div> </div> </div> <div class="row platform-links"> <div class="col-12"></div> </div> </div> </section> <section id="sobre-mi" class="section rad-animation-group pb-0"> <div class="rad-fade-down"> <div class="row d-flex flex-column-reverse flex-md-row"> <div class="about__profile-picture col-12 col-md-6"> </picture> </div> <div class="col-12 col-md-6 my-auto"> <h2>Sobre mí</h2> <div class="about-me content"> Usando <code>sintaxis HTML</code> </div> <a href="https://www.google.com" target="_blank" class="btn btn-primary mt-3"> <i class="info"></i> Puedes editar esto </a> </div> </div> </div> </section> <section id="formacion-academica" class="section section--border-bottom rad-animation-group" > <div class="container-education"> <div class="row rad-fade-down"> <div class="col-12"> <h2>Formación académica</h2> <div class="row pt-2 pt-md-4"> </div> </div> </div> </div> </section> <section id="experiencia-laboral" class="section-experience section section--border-bottom rad-animation-group flex-grow-1"> <div class="row flex-column-reverse flex-md-row rad-fade-down"> <div class="experience-list col-12 col-md-6"> <h2> Mi experiencia laboral (sección) </h2> <div class="experience"> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/es/experience/job-3/" class="experience__link"> <div class="experience__header"> <div class="experience__meta"> <div class="experience__date">2024-now</div> <div class="experience__title">Gerente General</div> <div class="experience__company"> Translated Content. <span class="experience__location">Stavanger, Norway</span> </div> </div> <div class="experience__description d-none d-print-block"> <h1>Puesto #3</h1> 3rd job: Gerente General Con una traducción al español, se puede llegar a cualquier parte. </div> </div> </a> </div> <div class="experience"> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/es/experience/job-2/" class="experience__link"> <div class="experience__header"> <div class="experience__meta"> <div class="experience__date">2023-2024</div> <div class="experience__title">Becario Jefe</div> <div class="experience__company"> Internet Affairs Inc.. <span class="experience__location">Stavanger, Noruega</span> </div> </div> <div class="experience__description d-none d-print-block"> <h1>Trabajo #2</h1> Arreglando el mundo, un byte a la vez Continuando la misión. </div> </div> </a> </div> <div class="experience"> <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/es/experience/job-1/" class="experience__link"> <div class="experience__header"> <div class="experience__meta"> <div class="experience__date">2022-2024</div> <div class="experience__title">Becario Junior</div> <div class="experience__company"> Internet Affairs Inc.. <span class="experience__location">Stavanger, Noruega</span> </div> </div> <div class="experience__description d-none d-print-block"> <h1>Trabajo #1</h1> Arreglando el mundo, un byte a la vez El comienzo de una gran carrera. </div> </div> </a> </div> </div> <div class="experience-description col-12 col-md-6"> <div class="container-experience"> <div class="row"> <h2>Introducción</h2> <div class="lead">Descripción.<br>Puedes usar HTML, con formato en <strong>negrita</strong>, o listas <ul><li>uno</li><li>dos</li></ul></div> </div> <div class="row"> <div class="col-12 col-lg-4"> <a href='https://example.com' class="btn btn-primary btn-block w-100" target="_blank" rel="noopener noreferrer" > <i class="icon-globe"></i> Visitar Ejemplo <i class="icon-arrow-right"></i> </a> </div> <div class="col-12 col-lg-4"> <a href='https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/img/general/user-smile-fill.svg' class="btn btn-frameless w-100" target="_blank" rel="noopener noreferrer" > Otro Botón (2) </a> </div> <div class="col-12 col-lg-4"> <a href='https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/es/experience' class="btn btn-frameless w-100" rel="noopener noreferrer" > Ver todo </a> </div> </div> </div> </div> </div> </section> <h2 id="experiencia-lista">Experiencia (lista)</h2> <p>Puedes ver una versión alternativa, usando <code>experience-list</code> en <a href="https://adritian-demo-mxodv98y1-adrianmoreno.vercel.app/cv">/cv</a>.</p> </article> </main></body></html>