Spaces:
Running
Running
Fais moi un site minimaliste et moderne. Le site sera en fond blanc et en noir et bleu ciel. C'est un site pour une agence de communication. Les services de cette agence sont la création de sites internet, le gestion des réseaux sociaux, la gestion de la communication globale, la gestion de l'image visuelle des entreprises. Il me faut une page pour chaque service. Un menu en haut de page, le logo à gauche du menu et à droite du menu un Call to action pour réserver un appel.
9efcdd4 verified | @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| color: #111827; | |
| } | |
| /* Smooth scroll behavior */ | |
| html { | |
| scroll-behavior: smooth; | |
| } | |
| /* Custom animations */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .animate-fade-in { | |
| animation: fadeIn 0.6s ease-out forwards; | |
| } | |
| .delay-100 { | |
| animation-delay: 0.1s; | |
| } | |
| .delay-200 { | |
| animation-delay: 0.2s; | |
| } | |
| .delay-300 { | |
| animation-delay: 0.3s; | |
| } | |
| /* Custom hover effects */ | |
| .hover-scale { | |
| transition: transform 0.3s ease; | |
| } | |
| .hover-scale:hover { | |
| transform: scale(1.02); | |
| } | |
| /* Custom focus styles */ | |
| input:focus, textarea:focus { | |
| outline: none; | |
| box-shadow: 0 0 0 3px rgba(217, 70, 239, 0.3); | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #d946ef; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #c026d3; | |
| } |