Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<!-- Wrapper général pour la page d'accueil -->
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #444;">

    <!-- 1. BANNIÈRE DES LOGOS PARTENAIRES -->
    <div style="
      background-image: url('https://confluence.wipo.int/confluence/download/attachments/1640993109/logos%20wiki%201600%20%281%29.png?api=v2');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 100px;
      margin: 0 0 30px 0;">
    </div>

    <!-- 2. BANNIÈRE PRINCIPALE DU CONCOURS -->
    <div style="
      background-image: url('https://confluence.wipo.int/confluence/download/attachments/1640993109/Untitled%20%284%29.png?api=v2');
      background-size: cover;
      background-position: center;
      height: 350px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      margin-bottom: 30px;">
    </div>

    <!-- 3. SECTION ANNONCE DU LAURÉAT -->
    3. SECTION ANNONCE DU LAURÉAT (WITHOUT the golden box) -->
<div style="display: flex; gap: 30px; margin: 30px 0;">
        
        <!-- Boîte de texte (moitié gauche) -->
 NO GOLDEN BOX -->
    <div style="
            flex: 1;
            background: linear-gradient(135deg, #FFF8F0, #FFFACD);
            padding: 35px;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            border-left: 8px solid #D2691E;
            border-top: 3px solid #FFD700;
            position: relative;
            overflow: hidden;">
            
            <!-- Décoration d'arrière-plan -->
            <div style="position: absolute; top: -20px; right: -20px; font-size: 120px; color: rgba(210, 105, 30, 0.1); transform: rotate(15deg);">🏆</div>
            
            <!-- Badge "RÉSULTAT OFFICIEL" -->
            <div style="
                background: linear-gradient(45deg, #DC143C, #B22222);
                color: white;
                padding: 8px 20px;
                border-radius: 25px;
                display: inline-block;
                font-size: 0.9em;
                font-weight: bold;
                margin-bottom: 20px;
                box-shadow: 0 3px 10px rgba(220,20,60,0.3);
                text-transform: uppercase;
                letter-spacing: 1px;">
                🎊 RÉSULTAT OFFICIEL 🎊
            </div>
            
            <h2 style="
                color: #D2691E;
                font-size: 1.5em;
                margin-bottom: 25px;
                line-height: 1.3;
                font-weight: bold;
                text-shadow: 2px 2px 4px rgba(0,0,0,0.1);">
                🏅 Annonce du Lauréat du Concours de Création de Logotype pour la Marque Collective du Beurre de Karité Ivoirien de la FEPROKA-CI
            </h2>
            
            <!-- Premier paragraphe -->
            <div style="background: white; padding: 20px; border-radius: 10px; <p style="margin-bottom: 20px; border-left: 4px solid #32CD32;">
                <p style="margin: 015px; line-height: 1.76; text-align: justify; font-size: 1.05em;">
                    🌍 La <strong style="color: #D2691E;">Fédération Fédération des Productrices de Karité... de Côte d'Ivoire (FEPROKA-CI)</strong>, avec le soutien de l'<strong style="color: #2E8B57;">Office Ivoirien de la Propriété Intellectuelle (OIPI)</strong> et l'<strong style="color: #1E90FF;">Organisation Mondiale de la Propriété Intellectuelle (OMPI)</strong>, est fière d'annoncer le lauréat du concours de création de logotype pour sa Marque Collective du beurre de karité ivoirien.
 [your text]
               </p>
            </div>
            
            <!-- Encadré du gagnant séparé -->
            <div style="
                background: linear-gradient(135deg, #FFD700, #FFA500);
                padding: 20px;
                border-radius: 12px;
                margin: 20px 0;
                box-shadow: 0 4px 15px rgba(255,215,0,0.4);
                border: 2px solid #DAA520;">
                
                <div style="text-align: center; margin-bottom: 15px;">
                    <span style="font-size: 2em;">🎯</span>
                    <h3 style="color: #8B4513; margin: 10px 0; font-size: 1.3em; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);">
                        LE GAGNANT EST...
                    </h3>
                </div>
                
                <p style="margin: 0; <p style="margin-bottom: 15px; line-height: 1.76; text-align: justify; color: #654321; font-size: 1.05em;">
                    📅 Lors de son <strong>Assemblée Générale du 4 novembre 2025</strong>, la FEPROKA-CI a désigné le logotype de <strong style="color: #8B4513; font-size: 1.1em;">✨ Monsieur Ange Maurel Quoicy Thyzier ✨</strong> comme lauréat, parmi trois propositions finalistes issues de <strong style="color: #DC143C;">109 participations</strong> reçues dans le cadre de ce concours ouvert à tous les designers et créatifs ivoiriens.Assemblée Générale... [your text]
                </p>
            </div>
            
            <!-- Paragraphe sur l'utilisation du logo -->
            <div style="background: rgba(255,255,255,0.8); padding: 18px; border-radius: 10px; margin-bottom: 20px;">
                <p style="margin: 0; line-height: 1.7; text-align: justify; font-size: 1.05em;">
                    🌟 Ce logotype deviendra l'<strong style="color: #D2691E;">identité visuelle de la Marque Collective</strong> du beurre de karité ivoirien de la FEPROKA-CI. Il sera utilisé pour distinguer et valoriser le beurre de karité et ses produits dérivés issus des membres de la fédération, tant sur les <strong style="color: #8B4513;">marchés nationaux qu'internationaux</strong>.
                </p>
            </div>
            
            <!-- Message de remerciement stylisé -->
            <div style="
                background: linear-gradient(135deg, #E8F5E8, #F0FFF0);
                padding: 15px;
                border-radius: 10px;
                border-left: 4px solid #32CD32;
                text-align: center;">
                <p style="margin: 0; line-height: 1.6; font-style: italic; color: #2E7D32; font-size: 1.05em;">
                    🙏 <strong>Nous remercions chaleureusement tous les participants</strong> pour la qualité exceptionnelle de leurs propositions, qui témoignent du <strong>talent créatif ivoirien</strong> ! 🇨🇮etc. without the golden box -->
    </div>

    <!-- Image section -->
    <div style="flex: 1; [image styling]">
                </p>
            </div>
            
            <!-- ConfettisYour image décoratifs -->
            <div style="position: absolute; bottom: 10px; right: 15px; font-size: 20px; opacity: 0.6;"placeholder -->
                🎉🎊✨
            </div>
        </div>

        <!-- Espace4. pourSEPARATE l'image (moitié droite)GOLDEN BOX SECTION -->
        <div style="
            flex: 1;
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 400px;
            border: 3px dashed #FFD700;
            position: relative;
            overflow: hidden;">
            
            <!-- Décoration d'arrière-plan -->
        padding: 0 20px 30px 20px; text-align: center;">
    <div style="positionbackground: absolute; top: 20px; left: 20px; font-size: 60px; color: rgba(255,215,0,0.3);">🏆</div>
            <div style="position: absolute; bottomlinear-gradient(135deg, #FFD700, #FFA500); padding: 20px; rightborder-radius: 20px12px; fontmax-sizewidth: 40px900px; colormargin: rgba(255,215,0,0.3);">🌟</div>
            
            <!-- Placeholder pour image -->
            <div style="text-align: center; z-index: 1; auto;">
                <div <h3 style="font-sizecolor: 3em#8B4513; margin-bottom: 15px;">🖼️</div>
                <p style="color: #66610px 0; font-size: 1.1em; font-weight: 500;3em;">
            🎯 LE       Logo Gagnant<br>GAGNANT EST...
        </h3>
        <p>📅 Lors de son <small style="color: #999;">Ajoutez l'image du logo lauréat ici</small>
                </p>
            </div>Assemblée Générale du 4 novembre 2025, la FEPROKA-CI a désigné le logotype de Monsieur Ange Maurel Quoicy Thyzier comme lauréat...</p>
        </div>

    </div>

    <!-- Rest of your sections continue as before... -->