/* Dynamic Header Styles */ .dynamic-header { position: relative; width: 100%; background: #ffffff; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); z-index: 1000; overflow: hidden; } .header-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .header-main { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; position: relative; } /* Logo Section */ .logo-section { flex: 0 0 auto; } .logo-wrapper { position: relative; } .animated-logo { display: inline-block; position: relative; transition: transform 0.3s ease; } .animated-logo:hover { transform: scale(1.05); } .logo-pulse { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: rgba(, 0.1); animation: pulse 2s infinite; opacity: 0; z-index: -1; } @keyframes pulse { 0% { transform: translate(-50%, -50%) scale(0.95); opacity: 0; } 50% { opacity: 0.4; } 100% { transform: translate(-50%, -50%) scale(1.1); opacity: 0; } } /* Navigation Section */ .nav-section { display: flex; align-items: center; gap: 20px; } .nav-item { position: relative; } /* Post Ad Button */ .publish-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; background: linear-gradient(135deg, #2E6BFF, ); color: #fff; border-radius: 30px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(, 0.3); } .publish-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(, 0.4); } .btn-content { display: flex; align-items: center; gap: 8px; position: relative; z-index: 2; } .btn-icon { transition: transform 0.3s ease; } .publish-btn:hover .btn-icon { transform: rotate(90deg); } .btn-pulse { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); top: 0; left: 0; border-radius: 30px; transform: scale(0); opacity: 0; } .publish-btn:hover .btn-pulse { animation: buttonPulse 1.5s infinite; } @keyframes buttonPulse { 0% { transform: scale(0.8); opacity: 0.7; } 100% { transform: scale(1.3); opacity: 0; } } /* Auth Buttons */ .auth-buttons { display: flex; gap: 15px; } .auth-btn { padding: 8px 15px; font-weight: 600; text-decoration: none; color: #333; position: relative; } .auth-btn:hover { color: #2E6BFF; } .hover-underline:after { content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: #2E6BFF; transition: width 0.3s ease; } .hover-underline:hover:after { width: 100%; } .login-btn { background: #f5f5f5; border-radius: 20px; transition: all 0.3s ease; } .login-btn:hover { background: rgba(, 0.1); } /* User Dropdown */ .user-dropdown { position: relative; cursor: pointer; } .user-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border: 2px solid #2E6BFF; position: relative; transition: all 0.3s ease; } .user-avatar:hover { transform: scale(1.05); box-shadow: 0 0 0 3px rgba(, 0.2); } .user-avatar img { width: 100%; height: 100%; object-fit: cover; } .notification-badge { position: absolute; top: -5px; right: -5px; width: 12px; height: 12px; background: #ff4757; border-radius: 50%; border: 2px solid #fff; } .dropdown-content { position: absolute; right: 0; top: 50px; width: 280px; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; z-index: 1000; } .user-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .user-info { display: flex; align-items: center; padding: 15px; background: linear-gradient(135deg, #2E6BFF, ); border-radius: 10px 10px 0 0; color: #fff; } .user-image { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 15px; border: 2px solid #fff; } .user-image img { width: 100%; height: 100%; object-fit: cover; } .user-details h4 { margin: 0; font-size: 16px; } .user-details p { margin: 5px 0 0; font-size: 12px; opacity: 0.8; } .dropdown-menu { padding: 10px 0; } .menu-item { display: flex; align-items: center; padding: 10px 15px; color: #333; text-decoration: none; transition: all 0.2s ease; } .menu-item:hover { background: rgba(, 0.05); color: #2E6BFF; padding-left: 20px; } .menu-item i { margin-right: 10px; color: #2E6BFF; } .menu-divider { height: 1px; background: #eee; margin: 5px 0; } .menu-item.logout { color: #ff4757; } .menu-item.logout:hover { background: rgba(255, 71, 87, 0.05); } /* Header Border Animation */ .header-border { height: 3px; width: 100%; overflow: hidden; } .border-wave { height: 100%; width: 200%; background: linear-gradient(90deg, #2E6BFF, , #2E6BFF); animation: wave 3s linear infinite; } @keyframes wave { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* Responsive Adjustments */ @media (max-width: 768px) { .header-main { flex-direction: column; padding: 10px 0; } .nav-section { width: 100%; justify-content: space-between; margin-top: 10px; } .dropdown-content { right: -50px; } }

Qu'est-ce que vous cherchez?

Dans quelle catégorie ?

Où ?

Chaouia-Ouardigha

Doukkala-Abda

Fès-Boulemane

Gharb-Chrarda

Grand Casablanca

Guelmim-Es Semara

l\'Oriental

Laayoune-Boujdour-Sakia-Hamra

Marrakech-Tensift

Meknès-Tafilalet

Oued-Eddahab-Lagouira

Rabat-Salé

Tadla-Azilal

Tanger-Tétouan

Taza-Al Hoceïma-Taounate

Navigate

Services674 Activités scientifiques et techniques (autres)11 Agence de recouvrement5 Agence Web53 Aide à domicile1 Centre d'appel1 Déménageurs2 Dépannage informatique5 Détective privé2 Foires, salons, congrès1 Gardien d'immeuble0 Jardinier, paysagiste3 Réparations en tous genres0 Sécurité privée11 Services administratifs de bureau4 Société de conditionnement3 Société de désinfection4 Société de nettoyage9 Société de photocopies et d'impression5 Soutien au spectacle vivant0 Soutien aux entreprises7 Taxi23 Traducteur, interprète2 Autres services51

One level up

No listings found

Catégorie: Taxi Pays: Maroc Région: Chaouia-Ouardigha Ville: Benslimane Remove all

All listings Personal Company

We could not find any results for your search...

Following tips might help you to get better results

Use more general keywords

Check spelling of position

Reduce filters, use less of them

    
      Accueil
    
      Recherche
    
      Publier
    
        Nous Contacter
      
      Compte