Spaces:

Ben2092
/

ben2092

Running

App Files Files Community

Ben2092 commited on Sep 7, 2025

Commit

c209934

verified ·

1 Parent(s): ec006fe

Je veux créer une application web de gestion d'université ou d'etablissement scolaire. La page d'acceuil dois avoir les boutons suivants: Inscription, réinscription, Classes, Notes, Enseignants, Absences, Payement de frais de formation, Rapport, Tableau de bord , Connexion - Initial Deployment

Browse files

Files changed (3) hide show

README.md +5 -3
index.html +154 -18
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Ben2092
-emoji: 🐨
 colorFrom: yellow
 colorTo: blue
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ben2092
+emoji: 🐳
 colorFrom: yellow
 colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,155 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Système de Gestion Universitaire</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <style>
+        .vanta-bg {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+        }
+        .glass-effect {
+            backdrop-filter: blur(10px);
+            background: rgba(255, 255, 255, 0.1);
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+        .btn-hover-effect {
+            transition: all 0.3s ease;
+        }
+        .btn-hover-effect:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.4);
+        }
+    </style>
+</head>
+<body class="min-h-screen bg-gradient-to-br from-blue-900 to-indigo-900 text-white overflow-x-hidden">
+    <div id="vanta-bg" class="vanta-bg"></div>
+    <nav class="glass-effect rounded-lg mx-4 mt-4 p-4 flex justify-between items-center">
+        <div class="flex items-center space-x-2">
+            <i data-feather="book-open" class="text-blue-300"></i>
+            <h1 class="text-xl font-bold">EduManage Pro</h1>
+        </div>
+        <a href="#" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors flex items-center space-x-2">
+            <i data-feather="log-in"></i>
+            <span>Connexion</span>
+        </a>
+    </nav>
+    <main class="container mx-auto px-4 py-12">
+        <div class="text-center mb-16" data-aos="fade-down">
+            <h2 class="text-4xl md:text-5xl font-bold mb-4">Plateforme de Gestion Universitaire</h2>
+            <p class="text-xl text-blue-200 max-w-3xl mx-auto">Solution complète pour administrer votre établissement éducatif avec efficacité et simplicité</p>
+        </div>
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6" data-aos="fade-up">
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-blue-500 rounded-full mb-4">
+                    <i data-feather="user-plus" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Inscription</h3>
+                <p class="text-blue-200">Nouveaux étudiants</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-green-500 rounded-full mb-4">
+                    <i data-feather="refresh-cw" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Réinscription</h3>
+                <p class="text-blue-200">Étudiants existants</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-purple-500 rounded-full mb-4">
+                    <i data-feather="users" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Classes</h3>
+                <p class="text-blue-200">Gestion des classes</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-yellow-500 rounded-full mb-4">
+                    <i data-feather="bar-chart-2" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Notes</h3>
+                <p class="text-blue-200">Saisie et consultation</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-red-500 rounded-full mb-4">
+                    <i data-feather="user-check" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Enseignants</h3>
+                <p class="text-blue-200">Gestion du personnel</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-orange-500 rounded-full mb-4">
+                    <i data-feather="clock" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Absences</h3>
+                <p class="text-blue-200">Suivi de présence</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-teal-500 rounded-full mb-4">
+                    <i data-feather="credit-card" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Paiement</h3>
+                <p class="text-blue-200">Frais de formation</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-pink-500 rounded-full mb-4">
+                    <i data-feather="file-text" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Rapport</h3>
+                <p class="text-blue-200">Statistiques et analyses</p>
+            </a>
+            <a href="#" class="glass-effect rounded-xl p-6 flex flex-col items-center text-center btn-hover-effect">
+                <div class="p-3 bg-indigo-500 rounded-full mb-4">
+                    <i data-feather="pie-chart" class="w-8 h-8"></i>
+                </div>
+                <h3 class="text-xl font-semibold mb-2">Tableau de bord</h3>
+                <p class="text-blue-200">Vue d'ensemble</p>
+            </a>
+        </div>
+    </main>
+    <footer class="glass-effect rounded-lg mx-4 mb-4 p-6 mt-12 text-center">
+        <p class="text-blue-200">© 2023 EduManage Pro - Tous droits réservés</p>
+    </footer>
+    <script>
+        VANTA.GLOBE({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x3b82f6,
+            backgroundColor: 0x0
+        });
+        AOS.init({
+            duration: 1000,
+            once: true
+        });
+        feather.replace();
+    </script>
+</body>
 </html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ Je veux créer une application web de gestion d'université ou d'etablissement scolaire. La page d'acceuil dois avoir les boutons suivants: Inscription, réinscription, Classes, Notes, Enseignants, Absences, Payement de frais de formation, Rapport, Tableau de bord , Connexion