Éditer components/header.php

<?php
      // Charge le helper 'url' pour utiliser base_url()
      helper('url');

// Vérifie si la variable $hasBanner est définie dans la page qui inclut ce fichier
      $bodyClass = isset($hasBanner) && $hasBanner ? "has-banner" : "";
      ?>
      <!DOCTYPE html>
      <html lang="en">

<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="BCS - Vente d'ordinateurs, solutions IT, MacBook, PC portables, matériel médical et applications mobiles. Achetez au meilleur prix.">
        <meta name="keywords" content="macbook pro prix, pc portable pas cher, ordinateur reconditionné, apple macbook, vente matériel informatique, matériel médical, application mobile, mini pc occasion, ordinateur portable performant, achat macbook air">
        <meta name="author" content="BCS">
        <link href="<?= base_url('assets/css/poppins-font.css'); ?>" rel="stylesheet">
        
        <link href="<?= base_url('assets/css/bootstrap.min.css'); ?>" rel="stylesheet">

.Modern-Slider .item {
        position: relative;
      }

.Modern-Slider .item .img-fill {
        height: 100vh;
        max-height: 700px;
        position: relative;
        padding: 0;
      }

.Modern-Slider .text-content {
        width: 80%;
        max-width: 700px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }

@media (max-width: 991px) {
        .Modern-Slider .item .img-fill {
          height: 70vh;
        }

.Modern-Slider .text-content {
          width: 90%;
        }

.Modern-Slider .text-content h4 {
          font-size: 2em;
        }

.Modern-Slider .text-content p {
          font-size: 0.9em;
        }
      }

@media (max-width: 767px) {
        .Modern-Slider .item .img-fill {
          height: 60vh;
        }

.Modern-Slider .text-content h4 {
          font-size: 1.5em;
        }

.Modern-Slider .text-content p {
          font-size: 0.8em;
        }
      }
      </style>

</head>

<body class="<?= $bodyClass; ?>">
      <div class="header-element">
        <div class="d-flex align-items-center">
            <a href="<?= base_url('language/' . (session()->get('locale') == 'fr' ? 'en' : 'fr')) ?>" class="header-link">
                <img src="<?= base_url('dashboard-assets/assets/images/flags/' . (session()->get('locale') == 'fr' ? 'french_flag.jpg' : 'us_flag.jpg')) ?>" 
                     alt="<?= session()->get('locale') == 'fr' ? 'FR' : 'EN' ?>" 
                     class="rounded-circle" 
                     style="width: 20px">
                <span class="fw-semibold ms-2"><?= session()->get('locale') == 'fr' ? 'FR' : 'EN' ?></span>
            </a>
        </div>
    </div>

Annuler

Dashboard

Éditer components/header.php

Switcher