Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Estructuración de la Sección de Experiencia | Creación de un Sitio Web de Portafolio con Bootstrap
Esenciales de Bootstrap para Sitios Web Modernos

bookEstructuración de la Sección de Experiencia

1. Crear la sección de experiencia

Diseñar una sección debajo de la sección principal para mostrar tus experiencias laborales o proyectos. Utilizar el sistema de cuadrícula de Bootstrap para crear un diseño adaptable.

<section id="experience" class="experience-section py-5">
  <div class="container">
    <h2 class="h2 text-center fs-2 text-primary mb-5">Job Experience</h2>
    <div class="row">
      <!-- Add job experience cards or project thumbnails here -->
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title text-center">Job Experience Title</h5>
            <p class="card-text">
              Description of your job experience or project.
            </p>
            <!-- Add more details or links here -->
          </div>
        </div>
      </div>
      <!-- Add more columns for additional experiences -->
    </div>
  </div>
</section>

2. Agregar tarjetas de experiencia laboral o miniaturas de proyectos

Dentro de la clase row, agregar tarjetas de experiencia laboral o miniaturas de proyectos para mostrar tus experiencias o proyectos. Personalizar el contenido de cada tarjeta con detalles relevantes como títulos de trabajo, descripciones e información adicional.

Resultado

index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 3.23

bookEstructuración de la Sección de Experiencia

Desliza para mostrar el menú

1. Crear la sección de experiencia

Diseñar una sección debajo de la sección principal para mostrar tus experiencias laborales o proyectos. Utilizar el sistema de cuadrícula de Bootstrap para crear un diseño adaptable.

<section id="experience" class="experience-section py-5">
  <div class="container">
    <h2 class="h2 text-center fs-2 text-primary mb-5">Job Experience</h2>
    <div class="row">
      <!-- Add job experience cards or project thumbnails here -->
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title text-center">Job Experience Title</h5>
            <p class="card-text">
              Description of your job experience or project.
            </p>
            <!-- Add more details or links here -->
          </div>
        </div>
      </div>
      <!-- Add more columns for additional experiences -->
    </div>
  </div>
</section>

2. Agregar tarjetas de experiencia laboral o miniaturas de proyectos

Dentro de la clase row, agregar tarjetas de experiencia laboral o miniaturas de proyectos para mostrar tus experiencias o proyectos. Personalizar el contenido de cada tarjeta con detalles relevantes como títulos de trabajo, descripciones e información adicional.

Resultado

index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 5
some-alt