Éditer first/home.php

<?php $title = "Accueil | BCS"; ?>

<div class="main-banner header-text" id="top">
  <div class="Modern-Slider">
    
    <div class="item item-1">
      <div class="img-fill">
        
        <div class="overlay"></div>
        <div class="text-content">
          <h4>Solutions IT Innovantes</h4>
          <h6>BCS - Votre Partenaire Technologique de Confiance</h6>
          <p>Nous fournissons des solutions informatiques complètes pour propulser votre entreprise vers le futur.</p>
          <a href="<?= base_url('contact'); ?>" class="filled-button">Contactez-nous</a>
        </div>
      </div>
    </div>

<div class="item item-2">
      <div class="img-fill">
        <div class="overlay"></div>
        <div class="text-content">
          <h4>Services Professionnels</h4>
          <h6>Expertise & Excellence</h6>
          <p>De l'équipement IT au développement logiciel, nous vous accompagnons dans votre transformation numérique.</p>
          <a href="<?= base_url('services'); ?>" class="filled-button">Nos Services</a>
        </div>
      </div>
    </div>

<div class="item item-3">
      <div class="img-fill">
        <div class="overlay"></div>
        <div class="text-content">
          <h4>Cybersécurité & Protection</h4>
          <h6>Protégez vos Données & Réseaux</h6>
          <p>Nos solutions de cybersécurité assurent la protection de vos infrastructures et de vos informations sensibles.</p>
          <a href="<?= base_url('cybersecurite'); ?>" class="filled-button">En savoir plus</a>
        </div>
      </div>
    </div>

<div class="item item-4">
      <div class="img-fill">
        <div class="overlay"></div>
        <div class="text-content">
          <h4>Formation & Certification</h4>
          <h6>Développez vos Compétences IT</h6>
          <p>Des formations adaptées aux professionnels et aux entreprises pour maîtriser les outils et technologies modernes.</p>
          <a href="<?= base_url('formations'); ?>" class="filled-button">Voir les Formations</a>
        </div>
      </div>
    </div>

<div class="item item-5">
      <div class="img-fill">
        <div class="overlay"></div>
        <div class="text-content">
          <h4>Support & Maintenance</h4>
          <h6>Un Service Client Réactif</h6>
          <p>Notre équipe technique vous accompagne pour garantir le bon fonctionnement de vos infrastructures IT.</p>
          <a href="<?= base_url('support'); ?>" class="filled-button">Assistance</a>
        </div>
      </div>
    </div>

</div>
</div>

<style>
  .img-fill {
    position: relative;
  }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Assombrit l'arrière-plan */
    z-index: 1;
  }

.text-content {
    position: relative;
    z-index: 2; /* Place le texte au-dessus du filtre */
    color: #ffffff; /* Texte en blanc pour plus de visibilité */
    text-align: center;
    padding: 20px;
  }

.filled-button {
    background: #f4b400; /* Bouton avec une couleur visible */
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
  }

.filled-button:hover {
    background: #d99a00;
  }
</style>

<div class="services">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="section-heading">
          <h2>Nos Solutions <em>Professionnelles</em></h2>
          <span>Des services adaptés à vos besoins</span>
        </div>
      </div>
      
      <div class="col-md-4">
        <div class="service-item">
          <img src="<?= base_url('assets/images/Equipement_IT1.jpg'); ?>" alt="Équipement IT">
          <div class="down-content">
            <h4>Équipement IT</h4>
            <p>Matériel informatique de qualité et solutions réseau pour optimiser votre infrastructure.</p>
            <a href="<?= base_url('services/it-equipment'); ?>" class="filled-button">En savoir plus</a>
          </div>
        </div>
      </div>
      
      <div class="col-md-4">
        <div class="service-item">
          <img src="<?= base_url('assets/images/developpement_logiciel.jpg'); ?>" alt="Développement Logiciel">
          <div class="down-content">
            <h4>Développement Logiciel</h4>
            <p>Solutions sur mesure et applications web modernes pour digitaliser vos processus.</p>
            <a href="<?= base_url('services/software-development'); ?>" class="filled-button">En savoir plus</a>
          </div>
        </div>
      </div>
      
      <div class="col-md-4">
        <div class="service-item">
          <img src="<?= base_url('assets/images/ID_card.jpg'); ?>" alt="Cartes d'Identification">
          <div class="down-content">
            <h4>Cartes d'Identification</h4>
            <p>Services complets d'impression de cartes sécurisées pour institutions et entreprises.</p>
            <a href="<?= base_url('services/id-cards'); ?>" class="filled-button">En savoir plus</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="more-info">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="more-info-content">
          <div class="row">
            <div class="col-md-6">
              <div class="left-image">
                <img src="<?= base_url('assets/images/about-image.png'); ?>" alt="À propos de BCS">
              </div>
            </div>
            <div class="col-md-6 align-self-center">
              <div class="right-content">
                <h2>Qui sommes-nous ?</h2>
                <p>BCS est votre partenaire technologique depuis 2008. Notre expertise couvre tous les aspects de l'informatique d'entreprise, du matériel aux solutions logicielles personnalisées.</p>
                <h4>Nos Points Forts</h4>
                <ul>
                  <li>Plus de 15 ans d'expérience</li>
                  <li>Solutions personnalisées</li>
                  <li>Support technique 24/7</li>
                  <li>Technologies innovantes</li>
                </ul>
                <a href="<?= base_url('about'); ?>" class="filled-button">En savoir plus</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="cta">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="cta-content">
          <h2>Prêt à digitaliser votre entreprise ?</h2>
          <p>Contactez-nous dès aujourd'hui pour discuter de vos projets informatiques.</p>
          <div class="main-button">
            <a href="<?= base_url('contact'); ?>" class="filled-button">Demander un devis</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="fun-facts">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div class="left-content">
          <span>Notre succès en chiffres</span>
          <h2>BCS, des solutions pour votre <em>croissance</em></h2>
          <p>
            Créée en 2008, BCS s’est imposée grâce à ses valeurs d’Innovation, d’Excellence, d’Intégrité
            et de Service Client. Nous collaborons avec diverses organisations pour transformer
            leurs défis en opportunités grâce à la technologie.
          </p>
          <a href="#" class="filled-button">Découvrir plus</a>
        </div>
      </div>
      <div class="col-md-6 align-self-center">
        <div class="row">
          <div class="col-md-6">
            <div class="count-area-content">
              <div class="count-digit">945</div>
              <div class="count-title">Heures de travail</div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="count-area-content">
              <div class="count-digit">1280</div>
              <div class="count-title">Avis positifs</div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="count-area-content">
              <div class="count-digit">578</div>
              <div class="count-title">Projets réalisés</div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="count-area-content">
              <div class="count-digit">26</div>
              <div class="count-title">Récompenses</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="testimonials">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="section-heading">
          <h2>Ce qu’ils disent <em>de nous</em></h2>
          <span>Témoignages de nos clients et partenaires</span>
        </div>
      </div>
      <div class="col-md-12">
        <div class="owl-testimonials owl-carousel">
          <div class="testimonial-item">
            <div class="inner-content">
              <h4>George Walker</h4>
              <span>Analyste Financier</span>
              <p>
                "Grâce à BCS, nous avons pu intégrer des solutions de paiement en ligne sécurisées
                et améliorer la gestion de nos projets. Un vrai gain de temps et d’efficacité."
              </p>
            </div>
            <img src="https://via.placeholder.com/60x60" alt="">
          </div>
          <div class="testimonial-item">
            <div class="inner-content">
              <h4>John Smith</h4>
              <span>Spécialiste Marché</span>
              <p>
                "Innover en permanence tout en garantissant la fiabilité, c’est le gros point fort de BCS.
                Leur équipe est restée disponible et proactive à chaque étape."
              </p>
            </div>
            <img src="https://via.placeholder.com/60x60" alt="">
          </div>
          
        </div>
      </div>
    </div>
  </div>
</div>

<?= view('first/callback_form'); ?>

<?= view('templates/partners'); ?>

.cta-content h2 {
  font-size: 2.5em;
  margin-bottom: 20px;
  color: white;
}

.service-item {
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  margin-bottom: 30px;
}

.service-item:hover {
  transform: translateY(-5px);
}

.service-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 5px;
}

.down-content {
  padding: 20px 0;
}

.down-content h4 {
  font-size: 1.2em;
  margin-bottom: 15px;
  color: #333;
}

.more-info {
  padding: 80px 0;
  background: #f7f7f7;
}

.right-content ul {
  list-style: none;
  padding: 0;
}

.right-content ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.filled-button {
  display: inline-block;
  background: #a4c639;
  color: white;
  padding: 12px 25px;
  border-radius: 25px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.filled-button:hover {
  background: #8baa2f;
  color: white;
  text-decoration: none;
}
</style>

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 12px;
    border-radius: 5px;
  }

.filled-button {
    background: #f4b400;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
  }

.filled-button:hover {
    background: #d99a00;
  }
</style>

Annuler

Dashboard

Éditer first/home.php

Switcher