Spaces:
Running
Running
toujours le même problème... je voudrais vraiment que lorsque l'on clique sur " espace pour l'interface IA de diagnostic" et " commencer maintenant" de l'accueil, ça nous redirige automatiquement sur la barre de recherche c'est a dire que l'on peut DIRECTEMENT écrire, sans devoir cliquer sur la barre de recherche pour décrire les symptomes.. De plus, je voudrais que cette barre de recherche soit plus haute dans la page "symptomes et diagnostic" , je voudrais aussi que le cadre pour déposer une ordonnance soit plus haut dans la page "déposer une ordonnance" de sorte à ce qu'on le voit directement. De meme pour l'espace patient, je veux que tu enlève le grand vide qu'il y a au dessus de " connexion" et "inscription" - Follow Up Deployment
5adf71e verified | <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Espace patient PharmaCare - Gérez vos ordonnances et suivi médical en ligne"> | |
| <title>Espace patient | PharmaCare</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://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Montserrat', sans-serif; | |
| } | |
| .login-card { | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .form-input:focus { | |
| box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow极速赛车开奖直播-sm py-4 px-6 md:px-12 flex justify-between items-center sticky top-0 z-50"> | |
| <div class="flex items-center"> | |
| <span class="text-xl font-bold text-gray-800">Pharma<span class="text-green-600">Care</span></span> | |
| </div> | |
| <div class="hidden md:flex space-x-6"> | |
| <a href="index.html" class="text-gray-600 hover:text-blue-600 px-4 py-2 rounded-lg hover:bg-blue-50 transition duration-300">Accueil</a> | |
| <a href="symptomes.html" class="text-gray-600 hover:text-blue-600 px-4 py-2 rounded-lg hover:bg-blue-50 transition duration-300 whitespace-nowrap">Symptômes & Diagnostic</a> | |
| <a href="ordonnance.html" class="text-gray-600 hover:text-blue-600 px-4 py-2 rounded-lg hover:bg-blue极速赛车开奖直播-50 transition duration-300 whitespace-nowrap">Déposer ordonnance</a> | |
| <a href="espace-patient.html" class="text-blue-600 font-medium px-4 py-2 rounded-lg hover:bg-blue-50 transition duration-300 whitespace-nowrap">Espace patient</a> | |
| <a href="apropos.html" class="text-gray-600 hover:text-blue-600 px-4 py-2 rounded-lg hover:bg-blue-50 transition duration-300">À propos</a> | |
| <a href="contact.html" class="text-gray-600 hover:text-blue-600 px-4 py-2 rounded-lg hover:bg-blue-50 transition duration-300">Contact</a> | |
| </div> | |
| <button class="md:hidden"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </nav> | |
| <!-- Hero Section - Reduced padding --> | |
| <section class="bg-gradient-to-r from-blue-50 to-green-50 py-8 px-6 md:px-12"> | |
| <div class="max-w-6xl mx-auto text-center"> | |
| <h1 class="text-3xl md:text-4xl font-bold text-gray-800 leading-tight mb-6" data-aos="fade-up"> | |
| Votre espace patient PharmaCare | |
| </h1> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100"> | |
| Gérez vos ordonnances, vos symptômes et votre suivi médical en toute simplicité. | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Login/Register Tabs - Moved higher up --> | |
| <section class="py-8 px-6 md:px-12"> | |
| <div class="max-w-md mx-auto"> | |
| <div class="flex border-b border-gray-200 mb-8"> | |
| <button class="flex-1 py-4 px-1 text-center border-b-2 font-medium text-sm border-blue-500 text-blue-600" id="loginTab"> | |
| Connexion | |
| </button> | |
| <button class="flex-1 py-4 px-1 text-center border-b-2 font-medium text-sm border-transparent text-gray-500 hover:text-gray-700" id="registerTab"> | |
| Inscription | |
| </button> | |
| </div> | |
| <!-- Login Form --> | |
| <div class="bg-white login-card p-8 rounded-xl" id="loginForm"> | |
| <div class="mb-8 text-center"> | |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="user" class="text-blue-600 w-6 h-6"></i> | |
| </div> | |
| <h2 class="text-2xl font-bold text-gray-800">Connectez-vous</h2> | |
| </div> | |
| <form class="space-y-6" id="loginForm"> | |
| <div> | |
| <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Adresse email</label> | |
| <input type="email" id="email" required class="form-input w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-green-500 transition duration-300" placeholder="votre@email.com"> | |
| </div> | |
| <div> | |
| <div class="flex justify-between items-center mb-1"> | |
| <label for="password" class="block text-sm font-medium text-gray-700">Mot de passe</label> | |
| <a href="#" class="text-sm text-green-600 hover:text-green-500">Mot de passe oublié ?</a> | |
| </div> | |
| <input type="password" id="password" required class="form-input w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-green-500 transition duration-300" placeholder="••••••••"> | |
| </div> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="remember" class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded"> | |
| <label for="remember" class="ml-2 block text-sm text-gray-700">Se souvenir de moi</label> | |
| </div> | |
| <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-medium py-3 px-4 rounded-lg transition duration-300"> | |
| Se connecter | |
| </button> | |
| </form> | |
| <div class="mt-6"> | |
| <div class="relative"> | |
| <div class="absolute inset-0 flex items-center"> | |
| <div class="w-full border-t border-gray-300"></div> | |
| </div> | |
| <div class="relative flex justify-center text-sm"> | |
| <span class="px-2 bg-white text-gray-500">Ou connectez-vous avec</span> | |
| </div> | |
| </div> | |
| <div class="mt-6 grid grid-cols-1 gap-3"> | |
| <button onclick="handleGoogleSignIn()" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 transition duration-300"> | |
| <i data-feather="google" class="text-red-600 w-5 h-5 mr-2"></i> | |
| Se connecter avec Google | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Register Form (Hidden by default) --> | |
| <div class="bg-white login-card p-8 rounded-xl hidden" id="registerForm" data-aos="fade-up"> | |
| <div class="mb-8 text-center"> | |
| <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="user-plus" class="text-green-600 w | |
| </body> | |
| </html> |