cv-2

• Vista previa

  

  Jorge

  Trejo

  Desarrollador Frontend SR

  Contactame

  • +52 614 1 00 00 00
  • Chihuahua, México
  • jotredev@example.com

  Referencias

  • Lorem ipsum

    Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500

  • Lorem ipsum

    Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500

  Idiomas

  • Español100%
  • Ingles70%

  Habilidades

  • Frontend80%
  • Backend80%
  • Base de datos70%
  • Servidores60%

  Sobre mi

  Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas Letraset, las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.

  Escolaridad

  • Lorem Ipsum is simply dummy

    20102014
    Titulado enEspecialidad sistemas

  • Lorem Ipsum is simply dummy

    20102007
    Técnico enInformática

  Experiencia

  • Lorem ipsum2010 - Actual

    Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.

  • Lorem ipsum2007 - 2010

    Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.

  • Lorem ipsum2000 - 2007

    Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.

• Código

  import Image from 'next/image';
  
  const CV2 = () => {
    return (
      <div className="min-h-screen container mx-auto grid grid-cols-1 md:grid-cols-12 bg-background-secondary">
        <section className="col-span-3 md:col-span-4 xl:col-span-4 px-6 py-8">
          <div className="flex justify-center py-8">
            <div className="relative w-32 h-32">
              <Image
                alt="Image"
                src="https://res.cloudinary.com/jotredev/image/upload/v1698247714/ElementumUI/hombres/a-parque-atracciones-que-mira-camara_qxn9il.webp"
                fill
                className="object-cover object-top ring-4 ring-background rounded-full"
              />
            </div>
          </div>
          <div className="pl-8 border-l border-border">
            <div className="mb-8">
              <div>
                <h1 className="text-4xl uppercase tracking-[2px]">Jorge</h1>
                <h1 className="text-4xl uppercase font-bold tracking-[2px]">Trejo</h1>
                <p className="text-muted-foreground">Desarrollador Frontend SR</p>
              </div>
            </div>
  
            <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
              Contactame
            </h5>
            <ul>
              <li className="inline-flex gap-2 mb-4 text-sm">
                <i className="fi fi-rr-phone-call"></i>
                <span className="text-muted-foreground">+52 614 1 00 00 00</span>
              </li>
              <li className="inline-flex gap-2 mb-4 text-sm">
                <i className="fi fi-rr-marker"></i>
                <span className="text-muted-foreground">Chihuahua, México</span>
              </li>
              <li className="inline-flex gap-2 mb-4 text-sm">
                <i className="fi fi-rr-envelope"></i>
                <span className="text-muted-foreground">jotredev@example.com</span>
              </li>
            </ul>
  
            <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
              Referencias
            </h5>
            <ul>
              <li className="mb-2">
                <h4 className="text-gray-900 dark:text-white font-bold text-sm">Lorem ipsum</h4>
                <p className="text-muted-foreground text-xs text-justify">
                  Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500
                </p>
              </li>
              <li className="mb-2">
                <h4 className="text-gray-900 dark:text-white font-bold text-sm">Lorem ipsum</h4>
                <p className="text-muted-foreground text-xs text-justify">
                  Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500
                </p>
              </li>
            </ul>
  
            <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
              Idiomas
            </h5>
            <ul>
              <li className="inline-flex items-center gap-4 text-sm">
                <span>Español</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold dark:text-white">100%</span>
              </li>
              <li className="inline-flex items-center gap-4 text-sm">
                <span>Ingles</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold dark:text-white">70%</span>
              </li>
            </ul>
  
            <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
              Habilidades
            </h5>
            <ul>
              <li className="inline-flex items-center gap-4 text-sm">
                <span>Frontend</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold dark:text-white">80%</span>
              </li>
              <li className="inline-flex items-center gap-4 text-sm">
                <span>Backend</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold dark:text-white">80%</span>
              </li>
              <li className="inline-flex items-center gap-4 text-sm">
                <span>Base de datos</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold dark:text-white">70%</span>
              </li>
              <li className="inline-flex items-center gap-4 text-sm">
                <span>Servidores</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold dark:text-white">60%</span>
              </li>
            </ul>
          </div>
        </section>
        <section className="col-span-9 md:col-span-8 xl:col-span-8 px-8 py-4 border-l border-border">
          <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
            Sobre mi
          </h5>
          <p className="text-muted-foreground text-sm text-justify">
            Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N.
            del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera
            que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto
            de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s
            con la creación de las hojas Letraset, las cuales contenian pasajes de Lorem Ipsum, y más recientemente con
            software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
          </p>
          <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
            Escolaridad
          </h5>
          <ul>
            <li className="mb-8">
              <h4 className="text-sm font-bold uppercase mb-4 dark:text-white">Lorem Ipsum is simply dummy</h4>
              <div className="flex items-center gap-4 mb-4 text-sm">
                <span className="font-extrabold">2010</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold">2014</span>
              </div>
              <div className="flex items-center gap-4 text-sm">
                <span className="text-muted-foreground">Titulado en</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="text-muted-foreground">Especialidad sistemas</span>
              </div>
            </li>
            <li className="mb-8">
              <h4 className="text-sm font-bold uppercase mb-4 dark:text-white">Lorem Ipsum is simply dummy</h4>
              <div className="flex items-center gap-4 mb-4 text-sm">
                <span className="font-extrabold">2010</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="font-extrabold">2007</span>
              </div>
              <div className="flex items-center gap-4 text-sm">
                <span className="text-muted-foreground">Técnico en</span>
                <i className="fi fi-rr-arrow-right"></i>
                <span className="text-muted-foreground">Informática</span>
              </div>
            </li>
          </ul>
          <h5 className="relative uppercase font-extrabold before:w-3 before:h-3 before:absolute before:bg-border before:border-2 before:border-background-secondary before:rounded-full before:-left-[38.5px] before:top-[50%] before:-translate-y-[50%] my-4">
            Experiencia
          </h5>
          <ul>
            <li className="mb-4">
              <div className="flex items-center justify-between mb-4">
                <span className="text-sm font-bold uppercase dark:text-white">Lorem ipsum</span>
                <span className="text-xs font-bold dark:text-white">2010 - Actual</span>
              </div>
              <p className="text-muted-foreground text-sm text-justify">
                Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
                (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal
                manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó
                como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
              </p>
            </li>
            <li className="mb-4">
              <div className="flex items-center justify-between mb-4">
                <span className="text-sm font-bold uppercase dark:text-white">Lorem ipsum</span>
                <span className="text-xs font-bold uppercase dark:text-white">2007 - 2010</span>
              </div>
              <p className="text-muted-foreground text-sm text-justify">
                Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
                (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal
                manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó
                como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
              </p>
            </li>
            <li className="mb-4">
              <div className="flex items-center justify-between mb-4">
                <span className="text-sm font-bold uppercase dark:text-white">Lorem ipsum</span>
                <span className="text-xs font-bold uppercase dark:text-white">2000 - 2007</span>
              </div>
              <p className="text-muted-foreground text-sm text-justify">
                Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor
                (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal
                manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó
                como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
              </p>
            </li>
          </ul>
        </section>
      </div>
    );
  };
  
  export default CV2;