1. Erstellen des Skills-Bereichs

Gestaltung eines Abschnitts zur Darstellung technischer Fähigkeiten und verwendeter Tools.

<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. Technische Fähigkeiten und Tools hinzufügen

In jeder Spalte technische Fähigkeiten und Tools mithilfe von Bootstraps Typografie- und Listendarstellungsklassen einfügen. Den Inhalt mit eigenen Fähigkeiten und Tools anpassen und bei Bedarf neue Einträge ergänzen.

Ergebnis