Embed

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Carte avec Lien</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
      background-color: #f5f5f5;
    }

    #animation-container {
      position: fixed;
      top: 41%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10000;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 420px;
      height: 250px;
    }

    .card {
      width: 90%;
      height: 90%;
      border-radius: 12px;
      overflow: hidden;
      position: relative;
      background-color: white;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      opacity: 0;
      clip-path: circle(0% at 50% 50%);
      animation: radialReveal 3.1s ease-out forwards;
    }

    .card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
    }

    .card a {
      display: block;
      width: 100%;
      height: 100%;
    }

    .text-overlay {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 10px;
      color: white;
      font-weight: bold;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
      background-color: rgba(0, 0, 0, 0.5);
      padding: 3px 7px;
      border-radius: 5px;
    }

    @keyframes radialReveal {
      0% {
        clip-path: circle(0% at 50% 50%);
        opacity: 0;
      }
      100% {
        clip-path: circle(150% at 50% 50%);
        opacity: 1;
      }
    }

    @keyframes fadeOut {
      to {
        opacity: 0;
        transform: scale(0.95);
      }
    }

    .fadeOut {
      animation: fadeOut 1s ease-in forwards;
    }
  </style>
</head>
<body>
  <div id="animation-container">
    <div class="card">
      <a href="https://www.linkedin.com/posts/mounia-ouguellit-918a1134_septem-f%C3%AAte-ses-7-ans-alors-aujourd-activity-7313579518647033858-AcdZ?utm_source=share&utm_medium=member_android&rcm=ACoAAAMhLaIB8QcIA3OYqF-XA2AYBjc5zCm6w_8" target="_blank">
        <img src="https://i.ibb.co/N2pLshmh/Septem-fete-ses-7-ans.jpg" alt="Septem fête ses 7 ans" />
        <div class="text-overlay">Cliquez pour en savoir plus</div>
      </a>
    </div>
  </div>

  <script>
    const now = new Date();
    const cutoffDate = new Date("2025-05-01");

    if (now > cutoffDate) {
      document.getElementById('animation-container').style.display = 'none';
    } else {
      setTimeout(function () {
        document.getElementById('animation-container').classList.add('fadeOut');
        setTimeout(() => {
          document.getElementById('animation-container').style.display = 'none';
        }, 1000);
      }, 10000);
    }
  </script>
</body>
</html>

Banner

Libérez tout votre potentiel avec la méthodologie Septem Consulting.


Turning Big Challenges into Big Success

List

Nos Services

People having a meeting around a table, watching a presentation with graphs on a screen.

AUDIT FLASH ORGA, PROCESS, S.I.

Illustration of a person climbing bar graph with tablet, pointing at analytics charts and graphs.

CONDUITE DE PROJETS

Person working on laptop with global network of diverse faces and icons in background.

DEPLOIEMENT A L'ECHELLE

Illustration of four diverse people surfing on a large wave, holding devices like laptops and smartphones.

CONDUITE DU CHANGEMENT ET FORMATION

Expertises Multi-Secteurs

Services

Loupe à main tenant le verre avec engrenage mécanique pour le réglage du concept de processus.

Santé

Système de gestion et de vérification des documents, Base de données de documentation en ligne, Approbation en ligne sans papier et assurance qualité, Audit ou évaluations, Processus de révision, Inspection de conformité

Restauration

Répartition de la sécurité, casque de communication et femme noire parlant, parlant et vérifiant le système de surveillance. Conversation, consultation de soutien et aide à la personne africaine à discuter du service de sécurité criminelle

Luxe

Industrie

Call to action

Logo slider

Quote/testimonial

Découvrez ce que disent nos clients

Une capacité forte à expliquer de manière claire des éléments complexes à l'ensemble des parties prenantes. Les équipes internes ne voient pas des consultants mais des partenaires.

Bald man smiling at camera standing with arms crossed

Des profils ayant la culture du résultat. Le professionnalisme et la réactivité de SEPTEM sont des atouts majeurs lors de la mise en œuvre de projets métiers. 

Handsome hispanic senior business man with crossed arms smiling at camera. Indian or latin confident mature good looking middle age leader male businessman on blur office background with copy space.

Avec leur professionnalisme et leur dévouement, les projets sont entre de bonnes mains.

Les 3 mots qui me viennent naturellement pour vous définir sont:

Créatifs, Agiles, Engagés !

Portrait of a business man sitting in an office

Une équipe de simplificateurs performants et optimistes. Le monde Septem Consulting n’est fait que d’opportunités !

Confident senior businesswoman, CEO wearing stylish eyeglasses, holding laptop computer looking at camera in modern office. Successful business concept

Woman customer hand pressing on smartphone screen with choose five star rating feedback icon and press level excellent rank for giving best score point to review the customer service.