Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Creazione della Sezione Competenze | Creazione di un Sito Portfolio con Bootstrap
Fondamenti di Bootstrap per Siti Web Moderni

bookCreazione della Sezione Competenze

1. Creare la sezione Competenze

Progettare una sezione per fornire dettagli sulle proprie competenze tecniche e sugli strumenti utilizzati.

<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. Aggiungere competenze tecniche e strumenti

All'interno di ciascuna colonna, aggiungere competenze tecniche e strumenti utilizzando le classi di tipografia e di stile delle liste di Bootstrap. Personalizzare il contenuto con le proprie competenze e strumenti specifici, aggiungendo nuovi elementi secondo necessità.

Risultato

index.html

index.html

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 6

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 3.23

bookCreazione della Sezione Competenze

Scorri per mostrare il menu

1. Creare la sezione Competenze

Progettare una sezione per fornire dettagli sulle proprie competenze tecniche e sugli strumenti utilizzati.

<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. Aggiungere competenze tecniche e strumenti

All'interno di ciascuna colonna, aggiungere competenze tecniche e strumenti utilizzando le classi di tipografia e di stile delle liste di Bootstrap. Personalizzare il contenuto con le proprie competenze e strumenti specifici, aggiungendo nuovi elementi secondo necessità.

Risultato

index.html

index.html

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 6
some-alt