<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<style>
  body { font-family: Arial, sans-serif; background: #fff; color: #333; margin: 0; padding: 20px; }
  .cv { max-width: 800px; margin: auto; border: 1px solid #ddd; display: flex; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
  .left { width: 35%; background: #0f172a; color: #fff; padding: 25px 20px; }
  .right { width: 65%; padding: 25px; }
  h1 { font-size: 22px; margin: 0; color: #fff; text-transform: uppercase; }
  .title { color: #38bdf8; font-weight: bold; margin-top: 5px; font-size: 14px; }
  h2 { font-size: 14px; color: #38bdf8; border-bottom: 2px solid #38bdf8; padding-bottom: 4px; margin-top: 20px; text-transform: uppercase; }
  .right h2 { color: #0f172a; border-color: #0284c7; }
  p, li { font-size: 12.5px; line-height: 1.5; color: #e2e8f0; }
  .right p, .right li { color: #475569; }
  ul { padding-left: 15px; margin: 5px 0; }
  .date { float: right; font-size: 11px; background: #e0f2fe; color: #0284c7; padding: 2px 6px; border-radius: 4px; font-weight: bold; }
</style>
</head>
<body>
<div class="cv">
  <div class="left">
    <h1>Amine MOUTARIB</h1>
    <div class="title">Employé Polyvalent</div>
    <h2>Contact</h2>
    <p>📍 Azemmour - Sidi Ali<br>📞 0688056271<br>✉️ jerusamine@gmail.com</p>
    <h2>Compétences</h2>
    <ul>
      <li>Organisation et rangement</li>
      <li>Respect des consignes</li>
      <li>Règles d'hygiène & sécurité</li>
      <li>Ponctualité et discipline</li>
      <li>Travail en équipe</li>
    </ul>
    <h2>Langues</h2>
    <p><b>Arabe:</b> Maternelle<br><b>Anglais:</b> Bon niveau<br><b>Français:</b> Compréhension</p>
  </div>
  <div class="right">
    <h2>Profil</h2>
    <p>Jeune homme sérieux, ponctuel et motivé, titulaire d'un diplôme en Fabrication Mécanique. Je cherche un poste d'employé polyvalent pour m'occuper du rangement des rayons, du maintien de la propreté et du respect des consignes. Très engagé et prêt à m'investir pleinement.</p>
    <h2>Formations</h2>
    <span class="date">2022 – 2024</span>
    <p style="margin:0;"><b>Diplôme en Fabrication Mécanique</b><br><small>OFPPT (ISTA)</small></p>
    <br>
    <p style="margin:0;"><b>Niveau Baccalauréat</b><br><small>Lycée</small></p>
    <h2>Expérience Pratique</h2>
    <span class="date">2022 – 2024</span>
    <p style="margin:0;"><b>Stages et travaux pratiques en atelier</b><br><small>OFPPT</small></p>
    <ul>
      <li>Rangement et organisation de l'espace de travail et du matériel.</li>
      <li>Application stricte des règles de sécurité et d'hygiène.</li>
      <li>Travail en équipe et respect des instructions.</li>
      <li>Respect des horaires et des tâches demandées.</li>
    </ul>
  </div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<style>
  body { font-family: Arial, sans-serif; background: #fff; color: #333; margin: 0; padding: 20px; }
  .cv { max-width: 800px; margin: auto; border: 1px solid #ddd; display: flex; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
  .left { width: 35%; background: #0f172a; color: #fff; padding: 25px 20px; }
  .right { width: 65%; padding: 25px; }
  h1 { font-size: 22px; margin: 0; color: #fff; text-transform: uppercase; }
  .title { color: #38bdf8; font-weight: bold; margin-top: 5px; font-size: 14px; }
  h2 { font-size: 14px; color: #38bdf8; border-bottom: 2px solid #38bdf8; padding-bottom: 4px; margin-top: 20px; text-transform: uppercase; }
  .right h2 { color: #0f172a; border-color: #0284c7; }
  p, li { font-size: 12.5px; line-height: 1.5; color: #e2e8f0; }
  .right p, .right li { color: #475569; }
  ul { padding-left: 15px; margin: 5px 0; }
  .date { float: right; font-size: 11px; background: #e0f2fe; color: #0284c7; padding: 2px 6px; border-radius: 4px; font-weight: bold; }
</style>
</head>
<body>
<div class="cv">
  <div class="left">
    <h1>Amine MOUTARIB</h1>
    <div class="title">Employé Polyvalent</div>
    <h2>Contact</h2>
    <p>📍 Azemmour - Sidi Ali<br>📞 0688056271<br>✉️ jerusamine@gmail.com</p>
    <h2>Compétences</h2>
    <ul>
      <li>Organisation et rangement</li>
      <li>Respect des consignes</li>
      <li>Règles d'hygiène & sécurité</li>
      <li>Ponctualité et discipline</li>
      <li>Travail en équipe</li>
    </ul>
    <h2>Langues</h2>
    <p><b>Arabe:</b> Maternelle<br><b>Anglais:</b> Bon niveau<br><b>Français:</b> Compréhension</p>
  </div>
  <div class="right">
    <h2>Profil</h2>
    <p>Jeune homme sérieux, ponctuel et motivé, titulaire d'un diplôme en Fabrication Mécanique. Je cherche un poste d'employé polyvalent pour m'occuper du rangement des rayons, du maintien de la propreté et du respect des consignes. Très engagé et prêt à m'investir pleinement.</p>
    <h2>Formations</h2>
    <span class="date">2022 – 2024</span>
    <p style="margin:0;"><b>Diplôme en Fabrication Mécanique</b><br><small>OFPPT (ISTA)</small></p>
    <br>
    <p style="margin:0;"><b>Niveau Baccalauréat</b><br><small>Lycée</small></p>
    <h2>Expérience Pratique</h2>
    <span class="date">2022 – 2024</span>
    <p style="margin:0;"><b>Stages et travaux pratiques en atelier</b><br><small>OFPPT</small></p>
    <ul>
      <li>Rangement et organisation de l'espace de travail et du matériel.</li>
      <li>Application stricte des règles de sécurité et d'hygiène.</li>
      <li>Travail en équipe et respect des instructions.</li>
      <li>Respect des horaires et des tâches demandées.</li>
    </ul>
  </div>
</div>
</body>
</html>
