Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Structuration de la Section Expérience | Création d'un Site Portfolio avec Bootstrap
Essentiels de Bootstrap pour les Sites Web Modernes

bookStructuration de la Section Expérience

1. Créer la section Expérience

Concevoir une section sous la section héro pour présenter vos expériences professionnelles ou projets. Utiliser le système de grille de Bootstrap pour créer une mise en page responsive.

<section id="experience" class="experience-section py-5">
  <div class="container">
    <h2 class="h2 text-center fs-2 text-primary mb-5">Job Experience</h2>
    <div class="row">
      <!-- Add job experience cards or project thumbnails here -->
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title text-center">Job Experience Title</h5>
            <p class="card-text">
              Description of your job experience or project.
            </p>
            <!-- Add more details or links here -->
          </div>
        </div>
      </div>
      <!-- Add more columns for additional experiences -->
    </div>
  </div>
</section>

2. Ajouter des cartes d'expérience professionnelle ou des vignettes de projet

À l'intérieur de la classe row, ajouter des cartes d'expérience professionnelle ou des vignettes de projet pour présenter vos expériences ou projets. Personnaliser le contenu de chaque carte avec des informations pertinentes telles que les intitulés de poste, les descriptions et des informations complémentaires.

Résultat

index.html

index.html

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 5

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

bookStructuration de la Section Expérience

Glissez pour afficher le menu

1. Créer la section Expérience

Concevoir une section sous la section héro pour présenter vos expériences professionnelles ou projets. Utiliser le système de grille de Bootstrap pour créer une mise en page responsive.

<section id="experience" class="experience-section py-5">
  <div class="container">
    <h2 class="h2 text-center fs-2 text-primary mb-5">Job Experience</h2>
    <div class="row">
      <!-- Add job experience cards or project thumbnails here -->
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title text-center">Job Experience Title</h5>
            <p class="card-text">
              Description of your job experience or project.
            </p>
            <!-- Add more details or links here -->
          </div>
        </div>
      </div>
      <!-- Add more columns for additional experiences -->
    </div>
  </div>
</section>

2. Ajouter des cartes d'expérience professionnelle ou des vignettes de projet

À l'intérieur de la classe row, ajouter des cartes d'expérience professionnelle ou des vignettes de projet pour présenter vos expériences ou projets. Personnaliser le contenu de chaque carte avec des informations pertinentes telles que les intitulés de poste, les descriptions et des informations complémentaires.

Résultat

index.html

index.html

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 5
some-alt