Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Estruturando a Seção de Experiência | Criando um Site de Portfólio com Bootstrap
Essenciais do Bootstrap para Sites Modernos

bookEstruturando a Seção de Experiência

1. Criar a Seção de Experiência

Desenvolver uma seção abaixo da seção principal para exibir experiências profissionais ou projetos. Utilizar o sistema de grid do Bootstrap para criar um layout responsivo.

<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. Adicionar Cartões de Experiência Profissional ou Miniaturas de Projetos

Dentro da classe row, adicionar cartões de experiência profissional ou miniaturas de projetos para exibir suas experiências ou projetos. Personalizar o conteúdo de cada cartão com detalhes relevantes, como títulos de cargos, descrições e informações adicionais.

Resultado

index.html

index.html

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.23

bookEstruturando a Seção de Experiência

Deslize para mostrar o menu

1. Criar a Seção de Experiência

Desenvolver uma seção abaixo da seção principal para exibir experiências profissionais ou projetos. Utilizar o sistema de grid do Bootstrap para criar um layout responsivo.

<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. Adicionar Cartões de Experiência Profissional ou Miniaturas de Projetos

Dentro da classe row, adicionar cartões de experiência profissional ou miniaturas de projetos para exibir suas experiências ou projetos. Personalizar o conteúdo de cada cartão com detalhes relevantes, como títulos de cargos, descrições e informações adicionais.

Resultado

index.html

index.html

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 5
some-alt