Éditer templates/navbar.php

<div id="preloader">
  <div class="jumper">
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

<div class="sub-header">
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-xs-12">
        <ul class="left-info">
          <li>
            
            <a href="#">
              <i class="fa fa-clock-o"></i> Lun-Ven 09:00-17:00
            </a>
          </li>
          <li>
            
            <a href="tel:+243814512680">
              <i class="fa fa-phone"></i> +243 814 512 680
            </a>
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul class="right-icons">
          
          <li><a href="https://web.facebook.com/bcscongo/" target="_blank"><i class="fa fa-facebook"></i></a></li>
          <li><a href="https://x.com/mukunday01" target="_blank"><i class="fa fa-twitter"></i></a></li>
          <li><a href="https://www.linkedin.com/company/bcs-it" target="_blank"><i class="fa fa-linkedin"></i></a></li>
          <li><a href="https://www.youtube.com/@lebeaumukunday8663" target="_blank"><i class="fa fa-youtube"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<nav class="navbar navbar-expand-lg p-0">
  <div class="container">
    <a class="navbar-brand d-flex align-items-center py-0" href="<?= base_url(); ?>">
      <div class="logo-container d-flex align-items-center bg-white px-3 py-2 rounded">
        <img src="<?= base_url('assets/images/logo_bcs.jpg'); ?>" alt="BCS" class="nav-logo" style="height: 40px;">
        <span class="ms-2 fw-bold" style="color: #4CAF50;">BCS</span>
      </div>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="<?= base_url(); ?>">Accueil</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-toggle="dropdown">
            Services
          </a>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="<?= base_url('services/it-equipment'); ?>">Équipement IT</a>
            <a class="dropdown-item" href="<?= base_url('services/software-development'); ?>">Développement Logiciel</a>
            <a class="dropdown-item" href="<?= base_url('services/pos-solutions'); ?>">Solutions POS</a>
            <a class="dropdown-item" href="<?= base_url('services/security-systems'); ?>">Systèmes de Sécurité</a>
            <a class="dropdown-item" href="<?= base_url('services/it-support'); ?>">Support IT</a>
          </div>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="<?= base_url('blog'); ?>">Blog</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="<?= base_url('contact'); ?>">Contact</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

.sub-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #a4c639;
  color: #fff;
  padding: 0px 0;
  z-index: 1001;
}

.navbar {
  background-color: rgba(33, 33, 33, 0.95);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 1000;
}

@media (max-width: 768px) {
  .navbar {
    background-color: transparent;
  }
}

.nav-logo {
  height: 50px;
  width: auto;
  margin-right: 10px;
}

.navbar-nav .nav-link {
  color: #333;
  font-weight: 500;
  padding: 8px 15px;
  transition: color 0.3s;
}

.navbar-nav .nav-link:hover {
  color: #a4c639;
}

.dropdown-menu {
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dropdown-item:hover {
  background-color: #a4c639;
  color: white;
}

body > .container.mt-5 {
  margin-top: 120px !important;
}

@media (max-width: 991px) {
  .navbar-collapse {
    background-color: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}
</style>

Annuler

Dashboard

Éditer templates/navbar.php

Switcher