HTMLify
publier-projet.html
Views: 7 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Présenter mon projet - Flambeau Booster</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></head><body><header class="header"><div class="container nav-container"><a href="index.html" class="logo"><div class="logo-container"><div class="flambeau-logo"><i class="fa-solid fa-fire-flame-curved"></i></div>Flambeau <span>Booster</span></div><div class="logo-slogan">plus qu’un booster, votre visibilité prend feu !</div></a><nav class="nav-menu"><a href="index.html">Accueil</a><div class="dropdown"><a href="#" class="dropdown-toggle active">Offres & Espaces <i class="fa-solid fa-chevron-down" style="font-size:0.75rem;"></i></a><div class="dropdown-menu"><a href="catalogue.html"><i class="fa-solid fa-house-chimney"></i> Catalogue Immobilier</a><a href="voitures.html"><i class="fa-solid fa-car-side"></i> Location & Achat Voitures</a><a href="entrepreneuriat.html"><i class="fa-solid fa-briefcase"></i> Entrepreneuriat & Opportunités</a><a href="publicite.html"><i class="fa-solid fa-rectangle-ad"></i> Publicité & Annonces</a><a href="reseaux-sociaux.html"><i class="fa-solid fa-share-nodes"></i> Espaces TikTok, FB & Chaînes</a><a href="publier-projet.html" class="active"><i class="fa-solid fa-lightbulb"></i> + Présenter mon projet</a></div></div><div class="dropdown"><a href="#" class="dropdown-toggle">Réseau & Équipe <i class="fa-solid fa-chevron-down" style="font-size:0.75rem;"></i></a><div class="dropdown-menu"><a href="carte.html"><i class="fa-solid fa-map-location-dot"></i> Carte & Localisation</a><a href="agents.html"><i class="fa-solid fa-user-tie"></i> Nos Agents</a><a href="partenariat.html"><i class="fa-solid fa-handshake"></i> Partenariat</a></div></div><a href="gestion.html" style="color: var(--primary); font-weight:700;"><i class="fa-solid fa-user-gear"></i> Gestion & Add</a><a href="contact.html">Contact</a></nav><div class="hamburger"><i class="fa-solid fa-bars"></i></div></div></header><main><section class="page-header container"><h1>Publication d'un Projet Entrepreneurial</h1><p>Jeunes entrepreneurs, soumettez votre projet pour bénéficier d'un accompagnement et d'une visibilité auprès de notre réseau d'investisseurs</p></section><section class="container contact-section" style="padding-top:1rem;"><div style="max-width: 800px; margin: 0 auto;"><form class="contact-form" id="publierProjetForm"><h3 style="margin-bottom:1.5rem; display:flex; align-items:center; gap:0.5rem;"><i class="fa-solid fa-rocket" style="color:var(--primary);">+ Présenter mon projet</i></h3><div class="form-group"><label>Nom du projet</label><input type="text" id="projName" placeholder="ex: Katanga AgriTech" required></div><div class="form-group"><label>Secteur d'activité</label><input type="text" id="projSecteur" placeholder="ex: Agriculture & Technologie" required></div><div style="display:grid; grid-template-columns: 1fr 1fr; gap:1rem;"><div class="form-group"><label>Province</label><input type="text" id="projProvince" value="Haut-Katanga" required></div><div class="form-group"><label>Ville</label><select id="projVille" required><option value="Lubumbashi">Lubumbashi</option><option value="Likasi">Likasi</option><option value="Kolwezi">Kolwezi</option><option value="Autre">Autre</option></select></div></div><div class="form-group"><label>Description du projet</label><textarea id="projDesc" rows="4" placeholder="Décrivez votre vision, votre innovation et vos objectifs..." required></textarea></div><div class="form-group"><label>Besoin de financement</label><select id="projBesoinFinancement" required><option value="Oui">Oui</option><option value="Non">Non</option><option value="Recherche Partenaire Stratégique">Recherche Partenaire Stratégique</option></select></div><div style="display:grid; grid-template-columns: 1fr 1fr; gap:1rem;"><div class="form-group"><label>Montant recherché ($)</label><input type="text" id="projMontant" placeholder="ex: $25,000" required></div><div class="form-group"><label>Fonds propres disponibles ($)</label><input type="text" id="projFonds" placeholder="ex: $5,000" required></div></div><div style="display:grid; grid-template-columns: 1fr 1fr; gap:1rem;"><div class="form-group"><label>Nombre d'emplois prévus</label><input type="number" id="projEmplois" placeholder="ex: 12" required></div><div class="form-group"><label>Stade du projet</label><select id="projStade" required><option value="Idée / Concept">Idée / Concept</option><option value="Prototype / MVP">Prototype / MVP</option><option value="En démarrage / Lancement">En démarrage / Lancement</option><option value="En croissance / Expansion">En croissance / Expansion</option></select></div></div><div class="form-group"><label>Capture photo du projet ou de l'espace</label><div style="display:flex; gap:1rem; align-items:center;"><button type="button" id="captureBtn" class="btn btn-outline" style="display:inline-flex; align-items:center; gap:0.5rem;"><i class="fa-solid fa-camera"></i> Prendre une photo / Capture</button><span id="captureStatus" style="font-size:0.9rem; color:var(--gray);">Aucune capture effectuée</span></div><input type="hidden" id="projImg" required></div><div id="cameraPreviewContainer" style="display:none; margin-bottom:1.5rem; text-align:center; background:#000; border-radius:8px; overflow:hidden; position:relative;"><video id="cameraVideo" autoplay playsinline style="width:100%; max-height:300px; object-fit:cover;"></video><button type="button" id="takeSnapshotBtn" class="btn btn-primary" style="position:absolute; bottom:15px; left:50%; transform:translateX(-50%);"><i class="fa-solid fa-camera-retro"></i> Capturer l'image</button><canvas id="cameraCanvas" style="display:none;"></canvas></div><div id="snapshotResultContainer" style="display:none; margin-bottom:1.5rem; text-align:center;"><img id="snapshotResultImg" alt="Capture photo" style="max-width:100%; max-height:200px; border-radius:8px; border:1px solid var(--border); display:inline-block;"/><br><button type="button" id="retakeBtn" class="btn-outline" style="margin-top:0.5rem; font-size:0.85rem;"><i class="fa-solid fa-rotate">*</i> Refondre la capture</button></div><div class="form-group"><label>Coordonnées (Nom du contact, Téléphone, Email)</label><input type="text" id="projContact" placeholder="ex: Jean Mukendi, +243... , jean@email.com" required></div><button type="submit" class="btn btn-primary" style="width:100%; font-size:1.1rem; padding:1rem;"><i class="fa-solid fa-paper-plane"></i> Soumettre mon projet entrepreneurial</button></form></div></section></main><footer class="footer slide-footer"><div class="footer-toggle-bar"><div class="container footer-toggle-content"><span><i class="fa-solid fa-chevron-up" id="footerToggleIcon"></i> Informations & Contact Flambeau Booster</span><button class="footer-toggle-btn" id="footerToggleBtn">Afficher le bas de page</button></div></div><div class="footer-sliding-panel" id="footerPanel"><div class="container footer-grid"><div class="footer-col"><h3><div class="flambeau-logo" style="display:inline-flex;margin-right:8px;"><i class="fa-solid fa-fire-flame-curved"></i></div>Flambeau <span>Booster</span></h3><p>Votre partenaire de confiance.</p></div><div class="footer-col"><h4>Espaces de Navigation</h4><ul><li><a href="index.html">Accueil</a></li><li><a href="catalogue.html">Catalogue Immobilier</a></li><li><a href="voitures.html">Location & Achat Voitures</a></li><li><a href="entrepreneuriat.html">Entrepreneuriat & Opportunités</a></li><li><a href="publicite.html">Publicité & Annonces</a></li><li><a href="reseaux-sociaux.html">Espaces TikTok, FB & Chaînes</a></li><li><a href="publier-projet.html">+ Présenter mon projet</a></li><li><a href="carte.html">Carte interactive</a></li><li><a href="agents.html">Nos Agents</a></li><li><a href="partenariat.html">Partenariat</a></li><li><a href="gestion.html">Gestion & Add Agents/Partenaires</a></li><li><a href="contact.html">Contact</a></li></ul></div><div class="footer-col"><h4>Contactez-nous</h4><p><i class="fa-solid fa-location-dot"></i> Lubumbashi</p><p><i class="fa-solid fa-phone"></i> <a href="tel:+243980902677">+243 98 090 2677</a> / <a href="tel:+243827601149">+243 82 760 1149</a></p><p><i class="fa-solid fa-envelope"></i> <a href="mailto:contact@flambeauboosterdrc.com">contact@flambeauboosterdrc.com</a></p></div></div><div class="footer-bottom"><p>© 2024 Flambeau Booster.</p></div></div></footer><div id="globalLoader" class="global-loader"><div class="loader-spinner"></div><p>Traitement en cours...</p></div><a href="https://wa.me/243980902677?text=Bonjour%20Flambeau%20Booster,%20je%20souhaite%20présenter%20mon%20projet." class="whatsapp-float" target="_blank" aria-label="Contactez-nous sur WhatsApp"><i class="fa-brands fa-whatsapp"></i></a><script src="script.js" defer></script> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |