Criando 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
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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
Criando 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
Obrigado pelo seu feedback!