Bizcom3

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bizcom3 Multiservices</title>

<style>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;
}

body{
    background:#f5f5f5;
    color:#222;
}

/* HEADER */

header{
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 8%;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    position:sticky;
    top:0;
    z-index:1000;
}

.logo{
    display:flex;
    align-items:center;
    gap:15px;
}

.logo img{
    width:80px;
}

.logo h1{
    font-size:34px;
    color:#001f6b;
}

.logo span{
    color:#ff6b00;
}

nav a{
    text-decoration:none;
    color:#001f6b;
    margin-left:25px;
    font-weight:bold;
    transition:0.3s;
}

nav a:hover{
    color:#ff6b00;
}

/* HERO */

.hero{
    height:95vh;
    background:linear-gradient(rgba(0,0,0,0.6),
    rgba(0,0,0,0.6)),
    url('logo.png') center/contain no-repeat;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:white;
    padding:20px;
}

.hero-content h2{
    font-size:60px;
    margin-bottom:20px;
}

.hero-content p{
    font-size:24px;
    margin-bottom:35px;
}

.btn{
    display:inline-block;
    padding:15px 35px;
    background:#ff6b00;
    color:white;
    text-decoration:none;
    border-radius:10px;
    font-weight:bold;
    transition:0.3s;
}

.btn:hover{
    background:#001f6b;
}

/* SECTION */

section{
    padding:80px 8%;
}

.title{
    text-align:center;
    margin-bottom:50px;
}

.title h2{
    font-size:42px;
    color:#001f6b;
}

/* SERVICES */

.services{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}

.service-box{
    background:white;
    padding:35px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    transition:0.3s;
}

.service-box:hover{
    transform:translateY(-10px);
}

.service-box h3{
    color:#ff6b00;
    margin-bottom:15px;
    font-size:24px;
}

/* ABOUT */

.about{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

.about img{
    width:100%;
    border-radius:20px;
}

.about-text h2{
    font-size:42px;
    color:#001f6b;
    margin-bottom:20px;
}

.about-text p{
    line-height:1.8;
}

/* CONTACT */

.contact-box{
    background:white;
    padding:40px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.contact-box p{
    margin:15px 0;
    font-size:18px;
}

/* FOOTER */

footer{
    background:#001f6b;
    color:white;
    text-align:center;
    padding:25px;
    margin-top:40px;
}

/* RESPONSIVE */

@media(max-width:768px){

    header{
        flex-direction:column;
    }

    nav{
        margin-top:15px;
    }

    .hero-content h2{
        font-size:40px;
    }

    .hero-content p{
        font-size:18px;
    }

    .about{
        grid-template-columns:1fr;
    }

}

</style>

</head>
<body>

<!-- HEADER -->

<header>

<div class="logo">
    <img src="logo.png" alt="Bizcom3 Logo">
    <h1>Bizcom<span>3</span></h1>
</div>

<nav>
    <a href="#">Accueil</a>
    <a href="#services">Services</a>
    <a href="#apropos">À propos</a>
    <a href="#contact">Contact</a>
</nav>

</header>

<!-- HERO -->

<section class="hero">

<div class="hero-content">
    <h2>Bienvenue chez Bizcom3</h2>
    <p>
        Communication • Digital • Administration • Multiservices
    </p>

    <a href="#services" class="btn">
        Découvrir nos services
    </a>
</div>

</section>

<!-- SERVICES -->

<section id="services">

<div class="title">
    <h2>Nos Services</h2>
</div>

<div class="services">

    <div class="service-box">
        <h3>Communication</h3>
        <p>
            Création d’affiches, logos, flyers et stratégie de communication.
        </p>
    </div>

    <div class="service-box">
        <h3>Digital</h3>
        <p>
            Création de sites web, community management et marketing digital.
        </p>
    </div>

    <div class="service-box">
        <h3>Administration</h3>
        <p>
            Assistance administrative, saisie et gestion de documents.
        </p>
    </div>

    <div class="service-box">
        <h3>Multiservices</h3>
        <p>
            Solutions professionnelles adaptées aux particuliers et entreprises.
        </p>
    </div>

</div>

</section>

<!-- ABOUT -->

<section id="apropos">

<div class="about">

    <img src="logo.png" alt="Bizcom3">

    <div class="about-text">

        <h2>À propos</h2>

        <p>
            Bizcom3 Multiservices est une entreprise spécialisée dans
            la communication, le digital, l’administration et les services
            professionnels.
        </p>

        <br>

        <p>
            Notre mission est d’accompagner nos clients avec des solutions
            modernes, rapides et efficaces.
        </p>

    </div>

</div>

</section>

<!-- CONTACT -->

<section id="contact">

<div class="title">
    <h2>Contact</h2>
</div>

<div class="contact-box">

    <p><strong>Téléphone :</strong> +221 77 000 00 00</p>

    <p><strong>Email :</strong> contact@bizcom3.com</p>

    <p><strong>Adresse :</strong> Dakar - Sénégal</p>

    <br>

    <a href="#" class="btn">Nous contacter</a>

</div>

</section>

<!-- FOOTER -->

<footer>

<p>
© 2026 Bizcom3 Multiservices - Tous droits réservés.
</p>

</footer>

</body>
</html>

Elementor #16

Bizcom3 Multiservices

Bienvenue chez Bizcom3

Communication • Digital • Administration • Multiservices

Découvrir nos services

Nos Services

Communication

Création de visuels, affiches, logos et stratégie de communication.

Digital

Création de sites web, gestion réseaux sociaux et marketing digital.

Administration

Assistance administrative, saisie et gestion de documents.

Multiservices

Solutions professionnelles adaptées à vos besoins.

Bizcom3

À propos de Bizcom3

Bizcom3 Multiservices est une entreprise spécialisée dans la communication, le digital, l’administration et les services professionnels.


Notre mission est d’accompagner les particuliers et entreprises avec des solutions modernes, rapides et efficaces.

Contact

Téléphone : +221 77 000 00 00


Email : contact@bizcom3.com


Nous contacter

© 2026 Bizcom3 Multiservices – Tous droits réservés.