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

bookCriando a Seção de Habilidades

1. Criar a Seção de Habilidades

Desenvolver uma seção para apresentar detalhes sobre suas habilidades técnicas e ferramentas.

<section id="skills" class="skills-section py-5">
  <div class="container">
    <div class="row">
      <div class="col-6">
        <h2 class="text-primary mb-4">Technical Skills</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">HTML5</li>
          <li class="text-danger me-2">CSS3</li>
          <li class="text-danger me-2">JavaScript</li>
          <!-- Add more skills here -->
        </ul>
      </div>
      <div class="col-6">
        <h2 class="text-primary mb-4">Tools</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">Bootstrap</li>
          <li class="text-danger me-2">jQuery</li>
          <li class="text-danger me-2">Git</li>
          <!-- Add more tools here -->
        </ul>
      </div>
    </div>
  </div>
</section>

2. Adicionar Habilidades Técnicas e Ferramentas

Em cada coluna, adicionar habilidades técnicas e ferramentas utilizando as classes de tipografia e listas do Bootstrap. Personalizar o conteúdo com suas habilidades e ferramentas específicas, acrescentando novos itens conforme necessário.

Resultado

index.html

index.html

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Suggested prompts:

Can you explain how to add more skills or tools to the section?

What do the Bootstrap classes like "py-5", "text-danger", and "me-2" do?

How can I customize the appearance of the skills section further?

Awesome!

Completion rate improved to 3.23

bookCriando a Seção de Habilidades

Deslize para mostrar o menu

1. Criar a Seção de Habilidades

Desenvolver uma seção para apresentar detalhes sobre suas habilidades técnicas e ferramentas.

<section id="skills" class="skills-section py-5">
  <div class="container">
    <div class="row">
      <div class="col-6">
        <h2 class="text-primary mb-4">Technical Skills</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">HTML5</li>
          <li class="text-danger me-2">CSS3</li>
          <li class="text-danger me-2">JavaScript</li>
          <!-- Add more skills here -->
        </ul>
      </div>
      <div class="col-6">
        <h2 class="text-primary mb-4">Tools</h2>
        <ul class="list-unstyled">
          <li class="text-danger me-2">Bootstrap</li>
          <li class="text-danger me-2">jQuery</li>
          <li class="text-danger me-2">Git</li>
          <!-- Add more tools here -->
        </ul>
      </div>
    </div>
  </div>
</section>

2. Adicionar Habilidades Técnicas e Ferramentas

Em cada coluna, adicionar habilidades técnicas e ferramentas utilizando as classes de tipografia e listas do Bootstrap. Personalizar o conteúdo com suas habilidades e ferramentas específicas, acrescentando novos itens conforme necessário.

Resultado

index.html

index.html

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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