index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Portfolio de Imed Ben Amor, développeur web et formateur : présentation, compétences et parcours.">
    <title>Accueil | Imed Ben Amor, développeur web</title>
    <link rel="stylesheet" href="./style.css">
  </head>
  <body>
    <!-- En-tête commun aux 3 pages : nom, présentation et menu -->
    <header id="haut">
      <h1>Imed Ben Amor</h1>
      <p class="arriere_plan">Développeur web et formateur</p>
      <nav>
        <ul>
          <li><a href="index.html" aria-current="page">Accueil</a></li>
          <li><a href="projets.html">Projets</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <!-- Section de présentation avec la photo -->
      <section>
        <h2>À propos</h2>
        <img src="images/photo.jpg" alt="Portrait d'Imed Ben Amor" width="150" height="150">
        <p>
          Développeur <strong>full-stack</strong> à l'origine, je suis formateur indépendant depuis 2022.
          J'accompagne des étudiants du BTS au Master 2 en développement web, mobile et DevOps.
        </p>
        <p>
          Ce qui me motive, c'est d'aider chacun à comprendre <em>vraiment</em> comment
          fonctionne ce qu'il code, pas seulement à le faire marcher.
        </p>
      </section>

      <section>
        <h2>Mes compétences</h2>
        <ul>
          <li>HTML, CSS et JavaScript</li>
          <li>PHP et Symfony, Node.js</li>
          <li>Flutter et React Native</li>
          <li>Python et Power BI</li>
          <li>Docker, CI/CD et cloud</li>
          <li>Pédagogie et animation de groupes</li>
        </ul>
      </section>

      <!-- Liste numérotée : du plus ancien au plus récent -->
      <section>
        <h2>Mon parcours</h2>
        <ol>
          <li>Développeur full-stack : PHP, JavaScript, Python et mobile</li>
          <li>Montée en compétences sur le DevOps et le cloud</li>
          <li>2022 : Formateur chez Easyformer</li>
          <li>Aujourd'hui : formateur dans plusieurs écoles, du BTS au Master 2</li>
        </ol>
      </section>

      <section>
        <h2>Mes réalisations</h2>
        <p>Envie de voir ce que je sais faire ? <a href="projets.html">Découvrez mes projets</a>.</p>
      </section>
    </main>

    <footer>
      <p>© 2026 Imed Ben Amor</p>
      <p><a href="https://github.com/imed92" target="_blank" rel="noopener">Mon profil GitHub</a></p>
      <p><a href="#haut">Retour en haut</a></p>
    </footer>
  </body>
</html>