Add 2 files
Browse files- index.html +242 -40
- prompts.txt +3 -1
index.html
CHANGED
|
@@ -56,6 +56,70 @@
|
|
| 56 |
@keyframes shine {
|
| 57 |
100% { left: 100%; }
|
| 58 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 59 |
</style>
|
| 60 |
</head>
|
| 61 |
<body class="font-sans bg-gray-50 text-gray-900 min-h-screen">
|
|
@@ -219,7 +283,7 @@
|
|
| 219 |
</div>
|
| 220 |
<div class="flex items-start">
|
| 221 |
<div class="flex items-center h-5">
|
| 222 |
-
<input id="feature-community" name="feature-community" type="checkbox" class="focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded
|
| 223 |
</div>
|
| 224 |
<div class="ml-3 text-sm">
|
| 225 |
<label for="feature-community" class="font-medium text-gray-700">Espace communauté</label>
|
|
@@ -231,16 +295,16 @@
|
|
| 231 |
<div>
|
| 232 |
<label for="course-style" class="block text-sm font-medium text-gray-700">Style visuel</label>
|
| 233 |
<div class="mt-2 flex space-x-4">
|
| 234 |
-
<button class="w-10 h-10 rounded-full bg-blue-500 border-2 border-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"></button>
|
| 235 |
-
<button class="w-10 h-10 rounded-full bg-purple-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"></button>
|
| 236 |
-
<button class="w-10 h-10 rounded-full bg-emerald-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500"></button>
|
| 237 |
-
<button class="w-10 h-10 rounded-full bg-red-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"></button>
|
| 238 |
-
<button class="w-10 h-10 rounded-full bg-amber-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-amber-500"></button>
|
| 239 |
</div>
|
| 240 |
</div>
|
| 241 |
|
| 242 |
<div class="pt-4">
|
| 243 |
-
<button class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gradient-to-r from-blue-500 to-emerald-500 hover:from-blue-600 hover:to-emerald-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all transform hover:scale-105">
|
| 244 |
<i class="fas fa-magic mr-2"></i> Générer ma plateforme
|
| 245 |
</button>
|
| 246 |
</div>
|
|
@@ -256,8 +320,8 @@
|
|
| 256 |
<div class="generator-preview rounded-lg overflow-hidden shadow-lg border border-gray-200">
|
| 257 |
<div class="bg-white">
|
| 258 |
<!-- Header -->
|
| 259 |
-
<div class="bg-blue-500 px-4 py-3 flex justify-between items-center">
|
| 260 |
-
<div class="text-white font-bold">Ma Formation en Marketing Digital</div>
|
| 261 |
<div class="flex space-x-2">
|
| 262 |
<div class="h-3 w-3 rounded-full bg-white opacity-30"></div>
|
| 263 |
<div class="h-3 w-3 rounded-full bg-white opacity-30"></div>
|
|
@@ -265,7 +329,7 @@
|
|
| 265 |
</div>
|
| 266 |
</div>
|
| 267 |
<!-- Nav -->
|
| 268 |
-
<div class="bg-blue-600 px-4 py-2 flex space-x-6">
|
| 269 |
<div class="text-white text-sm font-medium">Accueil</div>
|
| 270 |
<div class="text-white text-sm font-medium">Cours</div>
|
| 271 |
<div class="text-white text-sm font-medium">Formateurs</div>
|
|
@@ -274,8 +338,8 @@
|
|
| 274 |
</div>
|
| 275 |
<!-- Hero -->
|
| 276 |
<div class="px-6 py-8 text-center">
|
| 277 |
-
<h2 class="text-2xl font-bold text-gray-800 mb-2">Apprenez le Marketing Digital</h2>
|
| 278 |
-
<p class="text-gray-600 mb-6">Formation complète pour maîtriser les stratégies digitales</p>
|
| 279 |
<button class="px-4 py-2 bg-blue-500 text-white rounded-md text-sm font-medium">Commencer maintenant</button>
|
| 280 |
</div>
|
| 281 |
<!-- Course grid -->
|
|
@@ -665,7 +729,7 @@
|
|
| 665 |
Solution complète pour les grandes organisations
|
| 666 |
</p>
|
| 667 |
<div class="mt-6">
|
| 668 |
-
<ul class="space-
|
| 669 |
<li class="flex items-center">
|
| 670 |
<i class="fas fa-check text-green-500 mr-2"></i>
|
| 671 |
<span class="text-sm text-gray-700">Plateformes illimitées</span>
|
|
@@ -699,7 +763,7 @@
|
|
| 699 |
|
| 700 |
<div class="mt-12 text-center">
|
| 701 |
<p class="text-gray-500">
|
| 702 |
-
Vous avez des besoins spécifiques ? <a href="#" class="text-blue-500 hover:text-blue-600 font-medium">Contactez notre
|
| 703 |
</p>
|
| 704 |
</div>
|
| 705 |
</div>
|
|
@@ -842,7 +906,7 @@
|
|
| 842 |
</div>
|
| 843 |
<div>
|
| 844 |
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Ressources</h3>
|
| 845 |
-
<ul class="mt-4 space-
|
| 846 |
<li><a href="#" class="text-base text-gray-300 hover:text-white transition-colors">Documentation</a></li>
|
| 847 |
<li><a href="#" class="text-base text-gray-300 hover:text-white transition-colors">Guides</a></li>
|
| 848 |
<li><a href="#" class="text-base text-gray-300 hover:text-white transition-colors">Webinaires</a></li>
|
|
@@ -896,31 +960,169 @@
|
|
| 896 |
</button>
|
| 897 |
</div>
|
| 898 |
|
| 899 |
-
<
|
| 900 |
-
|
| 901 |
-
|
| 902 |
-
|
| 903 |
-
|
| 904 |
-
|
| 905 |
-
|
| 906 |
-
|
| 907 |
-
|
| 908 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 909 |
|
| 910 |
-
|
| 911 |
-
|
| 912 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 913 |
|
| 914 |
-
|
| 915 |
-
|
| 916 |
-
|
| 917 |
-
|
| 918 |
-
courseNameInput.addEventListener('input', function() {
|
| 919 |
-
if (previewTitle && this.value) {
|
| 920 |
-
previewTitle.textContent = this.value;
|
| 921 |
-
}
|
| 922 |
-
});
|
| 923 |
-
});
|
| 924 |
-
</script>
|
| 925 |
-
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/cours-ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 926 |
</html>
|
|
|
|
| 56 |
@keyframes shine {
|
| 57 |
100% { left: 100%; }
|
| 58 |
}
|
| 59 |
+
.modal {
|
| 60 |
+
display: none;
|
| 61 |
+
position: fixed;
|
| 62 |
+
z-index: 100;
|
| 63 |
+
left: 0;
|
| 64 |
+
top: 0;
|
| 65 |
+
width: 100%;
|
| 66 |
+
height: 100%;
|
| 67 |
+
overflow: auto;
|
| 68 |
+
background-color: rgba(0,0,0,0.5);
|
| 69 |
+
}
|
| 70 |
+
.modal-content {
|
| 71 |
+
background-color: white;
|
| 72 |
+
margin: 15% auto;
|
| 73 |
+
padding: 20px;
|
| 74 |
+
border-radius: 8px;
|
| 75 |
+
width: 80%;
|
| 76 |
+
max-width: 500px;
|
| 77 |
+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
| 78 |
+
}
|
| 79 |
+
.progress-bar {
|
| 80 |
+
width: 100%;
|
| 81 |
+
height: 20px;
|
| 82 |
+
background-color: #e0e0e0;
|
| 83 |
+
border-radius: 10px;
|
| 84 |
+
margin-top: 20px;
|
| 85 |
+
overflow: hidden;
|
| 86 |
+
}
|
| 87 |
+
.progress {
|
| 88 |
+
height: 100%;
|
| 89 |
+
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
| 90 |
+
width: 0%;
|
| 91 |
+
transition: width 0.5s ease;
|
| 92 |
+
}
|
| 93 |
+
#generated-site {
|
| 94 |
+
display: none;
|
| 95 |
+
position: fixed;
|
| 96 |
+
top: 0;
|
| 97 |
+
left: 0;
|
| 98 |
+
width: 100%;
|
| 99 |
+
height: 100%;
|
| 100 |
+
background: white;
|
| 101 |
+
z-index: 200;
|
| 102 |
+
overflow-y: auto;
|
| 103 |
+
}
|
| 104 |
+
#generated-site-content {
|
| 105 |
+
max-width: 1200px;
|
| 106 |
+
margin: 0 auto;
|
| 107 |
+
padding: 20px;
|
| 108 |
+
}
|
| 109 |
+
#close-generated-site {
|
| 110 |
+
position: fixed;
|
| 111 |
+
top: 20px;
|
| 112 |
+
right: 20px;
|
| 113 |
+
background: #3b82f6;
|
| 114 |
+
color: white;
|
| 115 |
+
border: none;
|
| 116 |
+
border-radius: 50%;
|
| 117 |
+
width: 40px;
|
| 118 |
+
height: 40px;
|
| 119 |
+
font-size: 20px;
|
| 120 |
+
cursor: pointer;
|
| 121 |
+
z-index: 201;
|
| 122 |
+
}
|
| 123 |
</style>
|
| 124 |
</head>
|
| 125 |
<body class="font-sans bg-gray-50 text-gray-900 min-h-screen">
|
|
|
|
| 283 |
</div>
|
| 284 |
<div class="flex items-start">
|
| 285 |
<div class="flex items-center h-5">
|
| 286 |
+
<input id="feature-community" name="feature-community" type="checkbox" class="focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded>
|
| 287 |
</div>
|
| 288 |
<div class="ml-3 text-sm">
|
| 289 |
<label for="feature-community" class="font-medium text-gray-700">Espace communauté</label>
|
|
|
|
| 295 |
<div>
|
| 296 |
<label for="course-style" class="block text-sm font-medium text-gray-700">Style visuel</label>
|
| 297 |
<div class="mt-2 flex space-x-4">
|
| 298 |
+
<button data-color="blue" class="style-btn w-10 h-10 rounded-full bg-blue-500 border-2 border-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"></button>
|
| 299 |
+
<button data-color="purple" class="style-btn w-10 h-10 rounded-full bg-purple-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"></button>
|
| 300 |
+
<button data-color="emerald" class="style-btn w-10 h-10 rounded-full bg-emerald-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500"></button>
|
| 301 |
+
<button data-color="red" class="style-btn w-10 h-10 rounded-full bg-red-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"></button>
|
| 302 |
+
<button data-color="amber" class="style-btn w-10 h-10 rounded-full bg-amber-500 border-2 border-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-amber-500"></button>
|
| 303 |
</div>
|
| 304 |
</div>
|
| 305 |
|
| 306 |
<div class="pt-4">
|
| 307 |
+
<button id="generate-btn" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gradient-to-r from-blue-500 to-emerald-500 hover:from-blue-600 hover:to-emerald-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all transform hover:scale-105">
|
| 308 |
<i class="fas fa-magic mr-2"></i> Générer ma plateforme
|
| 309 |
</button>
|
| 310 |
</div>
|
|
|
|
| 320 |
<div class="generator-preview rounded-lg overflow-hidden shadow-lg border border-gray-200">
|
| 321 |
<div class="bg-white">
|
| 322 |
<!-- Header -->
|
| 323 |
+
<div id="preview-header" class="bg-blue-500 px-4 py-3 flex justify-between items-center">
|
| 324 |
+
<div id="preview-title" class="text-white font-bold">Ma Formation en Marketing Digital</div>
|
| 325 |
<div class="flex space-x-2">
|
| 326 |
<div class="h-3 w-3 rounded-full bg-white opacity-30"></div>
|
| 327 |
<div class="h-3 w-3 rounded-full bg-white opacity-30"></div>
|
|
|
|
| 329 |
</div>
|
| 330 |
</div>
|
| 331 |
<!-- Nav -->
|
| 332 |
+
<div id="preview-nav" class="bg-blue-600 px-4 py-2 flex space-x-6">
|
| 333 |
<div class="text-white text-sm font-medium">Accueil</div>
|
| 334 |
<div class="text-white text-sm font-medium">Cours</div>
|
| 335 |
<div class="text-white text-sm font-medium">Formateurs</div>
|
|
|
|
| 338 |
</div>
|
| 339 |
<!-- Hero -->
|
| 340 |
<div class="px-6 py-8 text-center">
|
| 341 |
+
<h2 id="preview-hero-title" class="text-2xl font-bold text-gray-800 mb-2">Apprenez le Marketing Digital</h2>
|
| 342 |
+
<p id="preview-hero-desc" class="text-gray-600 mb-6">Formation complète pour maîtriser les stratégies digitales</p>
|
| 343 |
<button class="px-4 py-2 bg-blue-500 text-white rounded-md text-sm font-medium">Commencer maintenant</button>
|
| 344 |
</div>
|
| 345 |
<!-- Course grid -->
|
|
|
|
| 729 |
Solution complète pour les grandes organisations
|
| 730 |
</p>
|
| 731 |
<div class="mt-6">
|
| 732 |
+
<ul class="space-Y-3">
|
| 733 |
<li class="flex items-center">
|
| 734 |
<i class="fas fa-check text-green-500 mr-2"></i>
|
| 735 |
<span class="text-sm text-gray-700">Plateformes illimitées</span>
|
|
|
|
| 763 |
|
| 764 |
<div class="mt-12 text-center">
|
| 765 |
<p class="text-gray-500">
|
| 766 |
+
Vous avez des besoins spécifiques ? <a href="#" class="text-blue-500 hover:text-blue-600 font-medium">Contactez notre équille</a> pour une solution personnalisée.
|
| 767 |
</p>
|
| 768 |
</div>
|
| 769 |
</div>
|
|
|
|
| 906 |
</div>
|
| 907 |
<div>
|
| 908 |
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Ressources</h3>
|
| 909 |
+
<ul class="mt-4 space-Y-4">
|
| 910 |
<li><a href="#" class="text-base text-gray-300 hover:text-white transition-colors">Documentation</a></li>
|
| 911 |
<li><a href="#" class="text-base text-gray-300 hover:text-white transition-colors">Guides</a></li>
|
| 912 |
<li><a href="#" class="text-base text-gray-300 hover:text-white transition-colors">Webinaires</a></li>
|
|
|
|
| 960 |
</button>
|
| 961 |
</div>
|
| 962 |
|
| 963 |
+
<!-- Modal for generation progress -->
|
| 964 |
+
<div id="generation-modal" class="modal">
|
| 965 |
+
<div class="modal-content">
|
| 966 |
+
<div class="flex justify-between items-center mb-4">
|
| 967 |
+
<h3 class="text-xl font-bold text-gray-800">Génération en cours</h3>
|
| 968 |
+
<button id="close-modal" class="text-gray-500 hover:text-gray-700">
|
| 969 |
+
<i class="fas fa-times"></i>
|
| 970 |
+
</button>
|
| 971 |
+
</div>
|
| 972 |
+
<p class="text-gray-600">Votre plateforme de cours est en cours de création. Cela peut prendre quelques instants...</p>
|
| 973 |
+
<div class="progress-bar">
|
| 974 |
+
<div id="progress" class="progress"></div>
|
| 975 |
+
</div>
|
| 976 |
+
<div id="progress-text" class="text-center mt-2 text-sm text-gray-500">0% complété</div>
|
| 977 |
+
<div id="success-message" class="hidden mt-4 p-4 bg-green-50 text-green-700 rounded">
|
| 978 |
+
<i class="fas fa-check-circle mr-2"></i> Votre plateforme a été générée avec succès !
|
| 979 |
+
</div>
|
| 980 |
+
<div id="error-message" class="hidden mt-4 p-4 bg-red-50 text-red-700 rounded">
|
| 981 |
+
<i class="fas fa-exclamation-circle mr-2"></i> Une erreur est survenue. Veuillez réessayer.
|
| 982 |
+
</div>
|
| 983 |
+
<button id="view-platform" class="hidden w-full mt-4 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-500 hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
|
| 984 |
+
<i class="fas fa-eye mr-2"></i> Voir ma plateforme
|
| 985 |
+
</button>
|
| 986 |
+
</div>
|
| 987 |
+
</div>
|
| 988 |
|
| 989 |
+
<!-- Generated Site Preview -->
|
| 990 |
+
<div id="generated-site">
|
| 991 |
+
<button id="close-generated-site">
|
| 992 |
+
<i class="fas fa-times"></i>
|
| 993 |
+
</button>
|
| 994 |
+
<div id="generated-site-content">
|
| 995 |
+
<header class="bg-blue-500 text-white py-4 px-6">
|
| 996 |
+
<div class="container mx-auto flex justify-between items-center">
|
| 997 |
+
<h1 id="generated-site-title" class="text-2xl font-bold">Ma Formation en Marketing Digital</h1>
|
| 998 |
+
<nav class="hidden md:flex space-x-6">
|
| 999 |
+
<a href="#" class="hover:text-blue-200">Accueil</a>
|
| 1000 |
+
<a href="#" class="hover:text-blue-200">Cours</a>
|
| 1001 |
+
<a href="#" class="hover:text-blue-200">Formateurs</a>
|
| 1002 |
+
<a href="#" class="hover:text-blue-200">Prix</a>
|
| 1003 |
+
<a href="#" class="hover:text-blue-200">Contact</a>
|
| 1004 |
+
</nav>
|
| 1005 |
+
<button class="md:hidden">
|
| 1006 |
+
<i class="fas fa-bars"></i>
|
| 1007 |
+
</button>
|
| 1008 |
+
</div>
|
| 1009 |
+
</header>
|
| 1010 |
+
|
| 1011 |
+
<main class="container mx-auto px-4 py-8">
|
| 1012 |
+
<section class="hero bg-blue-50 rounded-lg p-8 mb-8 text-center">
|
| 1013 |
+
<h2 id="generated-hero-title" class="text-3xl font-bold text-gray-800 mb-4">Apprenez le Marketing Digital</h2>
|
| 1014 |
+
<p id="generated-hero-desc" class="text-xl text-gray-600 mb-6">Formation complète pour maîtriser les stratégies digitales</p>
|
| 1015 |
+
<button class="px-6 py-3 bg-blue-500 text-white rounded-lg font-medium hover:bg-blue-600 transition-colors">
|
| 1016 |
+
Commencer maintenant
|
| 1017 |
+
</button>
|
| 1018 |
+
</section>
|
| 1019 |
+
|
| 1020 |
+
<section class="features mb-12">
|
| 1021 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-6">Nos fonctionnalités</h2>
|
| 1022 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
| 1023 |
+
<div class="bg-white p-6 rounded-lg shadow-md">
|
| 1024 |
+
<div class="text-blue-500 text-3xl mb-4">
|
| 1025 |
+
<i class="fas fa-video"></i>
|
| 1026 |
+
</div>
|
| 1027 |
+
<h3 class="text-xl font-semibold mb-2">Vidéos de cours</h3>
|
| 1028 |
+
<p class="text-gray-600">Accédez à des heures de contenu vidéo de haute qualité.</p>
|
| 1029 |
+
</div>
|
| 1030 |
+
<div class="bg-white p-6 rounded-lg shadow-md">
|
| 1031 |
+
<div class="text-blue-500 text-3xl mb-4">
|
| 1032 |
+
<i class="fas fa-question-circle"></i>
|
| 1033 |
+
</div>
|
| 1034 |
+
<h3 class="text-xl font-semibold mb-2">Quiz interactifs</h3>
|
| 1035 |
+
<p class="text-gray-600">Testez vos connaissances avec nos quiz personnalisés.</p>
|
| 1036 |
+
</div>
|
| 1037 |
+
<div class="bg-white p-6 rounded-lg shadow-md">
|
| 1038 |
+
<div class="text-blue-500 text-3xl mb-4">
|
| 1039 |
+
<i class="fas fa-certificate"></i>
|
| 1040 |
+
</div>
|
| 1041 |
+
<h3 class="text-xl font-semibold mb-2">Certificats</h3>
|
| 1042 |
+
<p class="text-gray-600">Obtenez un certificat à la fin de chaque formation.</p>
|
| 1043 |
+
</div>
|
| 1044 |
+
</div>
|
| 1045 |
+
</section>
|
| 1046 |
+
|
| 1047 |
+
<section class="courses mb-12">
|
| 1048 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-6">Nos cours populaires</h2>
|
| 1049 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
| 1050 |
+
<div class="bg-white rounded-lg overflow-hidden shadow-md">
|
| 1051 |
+
<div class="h-48 bg-gray-300"></div>
|
| 1052 |
+
<div class="p-6">
|
| 1053 |
+
<h3 class="text-xl font-semibold mb-2">Introduction au Marketing Digital</h3>
|
| 1054 |
+
<p class="text-gray-600 mb-4">Découvrez les bases du marketing digital en 5 leçons.</p>
|
| 1055 |
+
<div class="flex justify-between items-center">
|
| 1056 |
+
<span class="text-sm text-gray-500">3 heures</span>
|
| 1057 |
+
<span class="text-sm font-medium text-blue-500">Gratuit</span>
|
| 1058 |
+
</div>
|
| 1059 |
+
</div>
|
| 1060 |
+
</div>
|
| 1061 |
+
<div class="bg-white rounded-lg overflow-hidden shadow-md">
|
| 1062 |
+
<div class="h-48 bg-gray-300"></div>
|
| 1063 |
+
<div class="p-6">
|
| 1064 |
+
<h3 class="text-xl font-semibold mb-2">SEO Avancé</h3>
|
| 1065 |
+
<p class="text-gray-600 mb-4">Maîtrisez les techniques avancées de référencement.</p>
|
| 1066 |
+
<div class="flex justify-between items-center">
|
| 1067 |
+
<span class="text-sm text-gray-500">8 heures</span>
|
| 1068 |
+
<span class="text-sm font-medium text-blue-500">€49</span>
|
| 1069 |
+
</div>
|
| 1070 |
+
</div>
|
| 1071 |
+
</div>
|
| 1072 |
+
<div class="bg-white rounded-lg overflow-hidden shadow-md">
|
| 1073 |
+
<div class="h-48 bg-gray-300"></div>
|
| 1074 |
+
<div class="p-6">
|
| 1075 |
+
<h3 class="text-xl font-semibold mb-2">Publicité sur les réseaux sociaux</h3>
|
| 1076 |
+
<p class="text-gray-600 mb-4">Apprenez à créer des campagnes performantes.</p>
|
| 1077 |
+
<div class="flex justify-between items-center">
|
| 1078 |
+
<span class="text-sm text-gray-500">6 heures</span>
|
| 1079 |
+
<span class="text-sm font-medium text-blue-500">€39</span>
|
| 1080 |
+
</div>
|
| 1081 |
+
</div>
|
| 1082 |
+
</div>
|
| 1083 |
+
</div>
|
| 1084 |
+
</section>
|
| 1085 |
+
|
| 1086 |
+
<section class="testimonials bg-gray-50 p-8 rounded-lg mb-12">
|
| 1087 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-6">Ce que disent nos étudiants</h2>
|
| 1088 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
| 1089 |
+
<div class="bg-white p-6 rounded-lg shadow-sm">
|
| 1090 |
+
<div class="flex items-center mb-4">
|
| 1091 |
+
<img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Marie D." class="w-12 h-12 rounded-full mr-4">
|
| 1092 |
+
<div>
|
| 1093 |
+
<h4 class="font-medium">Marie D.</h4>
|
| 1094 |
+
<div class="flex text-yellow-400 text-sm">
|
| 1095 |
+
<i class="fas fa-star"></i>
|
| 1096 |
+
<i class="fas fa-star"></i>
|
| 1097 |
+
<i class="fas fa-star"></i>
|
| 1098 |
+
<i class="fas fa-star"></i>
|
| 1099 |
+
<i class="fas fa-star"></i>
|
| 1100 |
+
</div>
|
| 1101 |
+
</div>
|
| 1102 |
+
</div>
|
| 1103 |
+
<p class="text-gray-600">"Les cours sont très bien structurés et les formateurs sont très compétents. J'ai pu appliquer directement ce que j'ai appris dans mon travail."</p>
|
| 1104 |
+
</div>
|
| 1105 |
+
<div class="bg-white p-6 rounded-lg shadow-sm">
|
| 1106 |
+
<div class="flex items-center mb-4">
|
| 1107 |
+
<img src="https://randomuser.me/api/portraits/men/54.jpg" alt="Thomas L." class="w-12 h-12 rounded-full mr-4">
|
| 1108 |
+
<div>
|
| 1109 |
+
<h4 class="font-medium">Thomas L.</h4>
|
| 1110 |
+
<div class="flex text-yellow-400 text-sm">
|
| 1111 |
+
<i class="fas fa-star"></i>
|
| 1112 |
+
<i class="fas fa-star"></i>
|
| 1113 |
+
<i class="fas fa-star"></i>
|
| 1114 |
+
<i class="fas fa-star"></i>
|
| 1115 |
+
<i class="fas fa-star-half-alt"></i>
|
| 1116 |
+
</div>
|
| 1117 |
+
</div>
|
| 1118 |
+
</div>
|
| 1119 |
+
<p class="text-gray-600">"La plateforme est intuitive et les contenus sont de qualité. J'ai particulièrement apprécié les études de cas pratiques."</p>
|
| 1120 |
+
</div>
|
| 1121 |
+
</div>
|
| 1122 |
+
</section>
|
| 1123 |
+
</main>
|
| 1124 |
|
| 1125 |
+
<footer class="bg-gray-800 text-white py-8">
|
| 1126 |
+
<div class="container mx-auto px-4">
|
| 1127 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1128 |
</html>
|
prompts.txt
CHANGED
|
@@ -3,4 +3,6 @@ creer moi un market place tout services avec tres belle interface animé
|
|
| 3 |
creer moi un generateur de market place tout service alimenté automatique par plussieur assistant IA AVEC UNE INTERFACE TRES BELLE ET TRES ANIME
|
| 4 |
https://huggingface.co/spaces/docto41/edugenai
|
| 5 |
https://huggingface.co/spaces/docto41/edugenai
|
| 6 |
-
CREER LE PLUS GROS PLATE FORME DE SITE DE GENERATEUR DES SITE DE COURS COMPLET EN LIGNE EN AUTOMATIQUE
|
|
|
|
|
|
|
|
|
| 3 |
creer moi un generateur de market place tout service alimenté automatique par plussieur assistant IA AVEC UNE INTERFACE TRES BELLE ET TRES ANIME
|
| 4 |
https://huggingface.co/spaces/docto41/edugenai
|
| 5 |
https://huggingface.co/spaces/docto41/edugenai
|
| 6 |
+
CREER LE PLUS GROS PLATE FORME DE SITE DE GENERATEUR DES SITE DE COURS COMPLET EN LIGNE EN AUTOMATIQUE
|
| 7 |
+
les boutons generer ne fonctionne pas corriger sa
|
| 8 |
+
afficher le site creer
|