Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Élaborer la Section des Compétences | Créer un Site Web de Portfolio avec Bootstrap
Essentiels de Bootstrap pour les Sites Web Modernes

bookÉlaborer la Section des Compétences

1. Créer la section Compétences

Concevez une section pour fournir des détails sur vos compétences techniques et outils.

<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. Ajouter des compétences techniques et des outils

Dans chaque colonne, ajoutez des compétences techniques et des outils en utilisant les classes de typographie et de style de liste de Bootstrap. Personnalisez le contenu avec vos compétences et outils spécifiques, en ajoutant de nouveaux éléments si nécessaire.

Résultat

index.html

index.html

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 6

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.23

bookÉlaborer la Section des Compétences

Glissez pour afficher le menu

1. Créer la section Compétences

Concevez une section pour fournir des détails sur vos compétences techniques et outils.

<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. Ajouter des compétences techniques et des outils

Dans chaque colonne, ajoutez des compétences techniques et des outils en utilisant les classes de typographie et de style de liste de Bootstrap. Personnalisez le contenu avec vos compétences et outils spécifiques, en ajoutant de nouveaux éléments si nécessaire.

Résultat

index.html

index.html

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 6
some-alt