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

...

Image Removed

450 000 FCFA à gagner !

Une opportunité unique de laisser votre empreinte créative sur un produit emblématique du patrimoine national tout en remportant un prix exceptionnel.

📅 Date Limite

27 juillet 2025 - 23h59 (heure d'Abidjan)

📖 Le Contexte

Qu'est-ce que la FEPROKA-CI ?

La Fédération des Productrices de Karité de Côte d'Ivoire (FEPROKA-CI) rassemble les productrices de karité de Côte D'Ivoire. Ces femmes transforment les noix de karité en un beurre précieux, reconnu mondialement pour ses propriétés exceptionnelles.

Pourquoi ce concours ?

Avec le soutien de l'Office Ivoirien de la Propriété Intellectuelle (OIPI) et de l'Organisation Mondiale de la Propriété Intellectuelle (OMPI), la FEPROKA-CI souhaite créer une marque collective qui :

Valorise la qualité exceptionnelle du beurre de karité ivoirien
🌍 Distingue les produits FEPROKA-CI sur les marchés nationaux et internationaux
👩‍🌾 Honore le savoir-faire ancestral des productrices ivoiriennes
🛡️ Protège l'authenticité et l'origine de nos produits de karité

Votre Mission Créative

Créez le logo qui deviendra l'identité visuelle officielle de cette marque collective. Ce logo accompagnera les produits de karité FEPROKA-CI dans leur conquête des marchés, portant fièrement les couleurs de l'excellence ivoirienne.

Des Questions ?

...

');
      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);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 30px;">
        <a href="https://confluence.wipo.int/confluence/x/3ZfKYQ" style="background: linear-gradient(45deg, #D2691E, #B8860B); color: white; padding: 15px 30px; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 1.1em; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: inline-block; max-width: 250px; text-align: center;">
            🚀 Participer maintenant
        </a>
    </div>

    <!-- 3. SECTION DE PRÉSENTATION AMÉLIORÉE -->
    <div style="padding: 30px 20px; text-align: center;">
        <h2 style="font-size: 1.8em; color: #8B4513; margin-bottom: 25px;">Une opportunité unique de laisser votre empreinte créative !</h2>
        
        <div style="max-width: 900px; margin: 0 auto; text-align: left;">
            <div style="background: linear-gradient(135deg, #FFF8F0, #FFFACD); padding: 25px; border-radius: 12px; border-left: 5px solid #D2691E; box-shadow: 0 2px 8px rgba(139,69,19,0.1);">
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
                    <strong style="color: #8B4513;">La Fédération des Productrices de Karité de Côte d'Ivoire (FEPROKA-CI)</strong> rassemble les productrices de karité de Côte D'Ivoire.
                </p>
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
                    Ces femmes transforment les noix de karité en un <strong style="color: #B8860B;">beurre précieux, reconnu mondialement</strong> pour ses propriétés exceptionnelles.
                </p>
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 15px; line-height: 1.6;">
                    <strong style="color: #D2691E;">Mettez votre talent au service d'un produit emblématique du patrimoine national.</strong>
                </p>
                
                <p style="font-size: 1.1em; color: #654321; margin-bottom: 0; line-height: 1.6;">
                    Le logo lauréat deviendra l'<strong>identité visuelle de la marque collective</strong> du beurre de karité de la FEPROKA-CI, porté fièrement sur les <strong style="color: #8B4513;">marchés nationaux et internationaux</strong>.
                </p>
            </div>
        </div>
    </div>

    <!-- NOUVELLE BOÎTE PRIX -->
    <div style="padding: 0 20px 30px 20px; text-align: center;">
         <div style="background: linear-gradient(135deg, #DAA520, #FFD700); border: 2px solid #B8860B; padding: 20px; text-align: center; border-radius: 12px; max-width: 900px; margin: 0 auto; box-shadow: 0 4px 15px rgba(218,165,32,0.2);">
            <h3 style="margin:0; font-size: 1.8em; color: #8B4513; text-shadow: 1px 1px 1px white;">🏆 Tentez de gagner 450 000 FCFA ! 🏆</h3>
        </div>
    </div>


    <!-- 4. SECTION EN 2 COLONNES - VERSION CORRIGÉE -->
<div style="display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch;">

    <!-- Colonne de gauche : Qui peut participer ? -->
    <div style="flex: 1; min-width: 300px; background-color: #FFF8F0; border: 2px solid #D4A574; border-radius: 12px; box-shadow: 0 4px 8px rgba(139,69,19,0.1); overflow: hidden; display: flex; flex-direction: column;">
        <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/femme%20megaphone.png?api=v2" alt="Qui peut participer" style="width: 100%; height: 200px; object-fit: cover; display: block;">
        <div style="padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;">
            <div>
                <h3 style="color: #8B4513; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🎯 Qui Peut Participer ?</h3>
                <ul style="list-style-type: none; padding-left: 0; text-align: left; color: #654321; margin: 0;">
                    <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                        Nationalité ivoirienne ou résident(e) en Côte d'Ivoire
                    </li>
                    <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                        18 ans ou plus
                    </li>
                    <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                        Participation seul(e) ou en équipe
                    </li>
                    <li style="margin-bottom: 12px; padding-left: 25px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; color: #D2691E; font-weight: bold;">✅</span>
                        Création 100% originale
                    </li>
                </ul>
            </div>
            <a href="https://confluence.wipo.int/confluence/x/1ZfKYQ" style="background: linear-gradient(45deg, #DC143C, #B22222); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; display: block; margin-top: 20px; text-align: center; box-shadow: 0 3px 10px rgba(220,20,60,0.3);">
                🚨 CONSULTEZ LE RÈGLEMENT
            </a>
        </div>
    </div>

    <!-- Colonne de droite : Comment participer ? -->
    <div style="flex: 1; min-width: 300px; background-color: #F0FFF4; border: 2px solid #90EE90; border-radius: 12px; box-shadow: 0 4px 8px rgba(46,139,87,0.1); overflow: hidden; display: flex; flex-direction: column;">
        <img src="https://confluence.wipo.int/confluence/download/attachments/1640993109/women%20designer%20at%20desk.png?api=v2" alt="Comment participer" style="width: 100%; height: 200px; object-fit: cover; display: block;">
        <div style="padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;">
            <div>
                <h3 style="color: #2E8B57; margin: 0 0 15px 0; font-size: 1.4em; text-align: center;">🚀 Comment Participer ?</h3>
                <ol style="padding-left: 0; text-align: left; color: #654321; list-style: none; margin: 0;">
                    <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">0</span>
                        <a href="https://www3.wipo.int/wipoaccounts/generic/public/register.xhtml?lang=fr" target="_blank" style="color: #654321; text-decoration: underline;">Créez votre compte OMPI</a>
                    </li>
                    <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">1</span>
                        <a href="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="color: #654321; text-decoration: underline;">Manifestez votre intention ici</a>
                    </li>
                    <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">2</span>
                        Attendez l'activation (24h max)
                    </li>
                    <li style="margin-bottom: 12px; padding-left: 35px; position: relative; line-height: 1.3;">
                        <span style="position: absolute; left: 0; background: #2E8B57; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: bold;">3</span>
                        <a href="https://confluence.wipo.int/confluence/x/CZfPYQ" target="_blank" style="color: #654321; text-decoration: underline;">Soumettez votre logo</a>
                    </li>
                </ol>
            </div>
            <a href="https://confluence.wipo.int/confluence/x/3ZfKYQ" style="background: linear-gradient(45deg, #2E8B57, #228B22); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; display: block; margin-top: 20px; text-align: center; box-shadow: 0 3px 10px rgba(46,139,87,0.3);">
                📚 Voir le Guide Détaillé
                </a>
             </div>
        </div>
    </div>
    
    <!-- 5. SECTION DE CONTACT AMÉLIORÉE -->
    <div style="background: linear-gradient(135deg, #F4E4C1, #DDD1B8); padding: 30px; margin-top: 40px; text-align: center; border-radius: 12px; border: 2px solid #D4A574;">
        <h3 style="margin-top: 0; color: #8B4513; font-size: 1.5em;">💬 Une question ?</h3>
        <p style="color: #654321; margin-bottom: 20px;">Notre équipe est là pour vous accompagner !</p>
        <div style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;">
            <a href="https://confluence.wipo.int/confluence/x/3ZfKYQ" style="background: linear-gradient(45deg, #3498DB, #2980B9); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; box-shadow: 0 3px 10px rgba(52,152,219,0.3);">
                📚 Consultez notre Guide et FAQ
            </a>
            <span style="color: #8B4513; font-size: 1.1em; font-weight: bold;">ou</span>
            <a href="mailto:project.dtidgi@wipo.int" style="background: linear-gradient(45deg, #8B4513, #A0522D); color: white; padding: 12px 25px; text-decoration: none; border-radius: 20px; font-weight: bold; box-shadow: 0 3px 10px rgba(139,69,19,0.3);">
                📧 Contactez-nous directement
            </a>
        </div>
    </div>
</div>