<!DOCTYPE html><html lang="fr">
<head>
<meta charset="utf-8">
<title>MBC Réseaux Fibre Optique - Réseaux Télécom, Réseaux Informatique, Bureau d'étude FTTH & Formations</title>
<meta name="description" content="Installation de réseaux télécom">
<meta name="author" content="entrepreneur-businesshub.fr">
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="../assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="../assets/fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="../assets/icon/favicon_mbc.jpg">
<!-- Plugins -->
<link href="../assets/plugins/flexslider/flexslider.css" rel="stylesheet">
<link href="../assets/css/animations.css" rel="stylesheet">
<link href="../assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
<!-- iVega core CSS file -->
<link href="../assets/css/style.css" rel="stylesheet">
<!-- Color Scheme (In order to change the color scheme, replace the blue.css with the color scheme that you prefer)-->
<link href="../assets/css/skins/red.css" rel="stylesheet">
<!-- Modal css -->
<link href="../assets/css/modal.css" rel="stylesheet">
<!-- Custom css -->
<link href="../assets/css/custom.css" rel="stylesheet">
<meta name="google-site-verification" content="Z4eSZS0mS0HTkXyphjNtG94H9WJztc53MsjajJcm3Io" />
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0YC028CTXT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0YC028CTXT');
</script>
</head>
<body class="front preload">
<!-- page wrapper start (Add "boxed" class to page-wrapper in order to enable boxed layout mode) -->
<div class="page-wrapper">
<!-- scrollToTop start -->
<div class="scrollToTop"><i class="fa fa-angle-up"></i></div>
<!-- scrollToTop end --> <div class="preheader">
<div class="container">
<div class="preheader-content">
<div class="row">
<div class="col-md-12">
<div class="space hidden" id="preheader-contactSuccess">
<strong>Merci !</strong> Votre message a bien été envoyé.
</div>
<div class="space hidden" id="preheader-contactError">
<strong>Erreur!</strong> Il y a eu une erreur lors de l'envoi de votre message. Veuillez réessayer.
</div>
<h2><strong>Une Question ?</strong> N'hésitez pas à nous contacter !</h2>
<div class="row">
<form role="form" id="preheader-contact-form" method="post" action="../include/envoi-mail.php">
<div class="col-md-6">
<div class="form-group name">
<label for="name3">Société*</label>
<input type="text" class="form-control" id="name3" placeholder="" name="name" required>
</div>
<div class="form-group email">
<label for="email3">Email*</label>
<input type="email" class="form-control" id="email3" placeholder="" name="email" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group message">
<label for="message3">Message*</label>
<textarea class="form-control" rows="5" id="message3" placeholder="" name="message" required></textarea>
</div>
</div>
<div class="col-md-12">
<input type="submit" value="Envoyer" class="btn btn-default" id="confirm-form-1" data-form-id="preheader-contact-form">
</div>
<input type="reset" name="reset" value="cancel" id="reset-preheader-contact-form" />
</form>
</div>
</div>
</div>
</div>
</div>
<div class="trigger">
<a href="javascript:showPreHeader()" class="triangle"><i class="fa fa-plus"></i></a>
</div>
</div> <div class="header-top">
<div class="container">
<div class="row">
<div class="col-md-8">
<ul class="info">
<li><i class="fa fa-phone"></i> (+33)1 79 75 65 22</li>
<li><i class="fa fa-home"></i> 25 rue de Ponthieu 75008 PARIS</li>
<li><i class="fa fa-envelope"></i> contact@mbc-reseauxfibreoptique.fr</li>
</ul>
</div>
<div class="col-md-4">
<ul class="social-links text-right">
<li><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
<li><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div> <header class="header text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="logo">
<a href="accueil"><img id="logo" src="../assets/images/logo_mbc.png" alt="MBC réseaux fibre optique"></a>
</div>
<div class="hide site-slogan">
MBC RÉSEAUX FIBRE OPTIQUE
</div>
</div>
</div>
</div>
</header> <div class="main-navigation fixed">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- navbar start -->
<nav class="navbar navbar-default" role="navigation">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-main-menu">
<li class="active">
<a href="accueil">Accueil</a>
</li>
<li class="dropdown">
<a href="a-propos" class="dropdown-toggle" data-toggle="dropdown">Qui Sommes nous ?</a>
<ul class="dropdown-menu">
<li><a href="a-propos">Notre Société</a></li>
<li><a href="notre-equipe">Notre Équipe</a></li>
</ul>
</li>
<li>
<a href="nos-prestations">Prestations</a>
</li>
<li class="hide">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Actualités</a>
</li>
<li>
<a href="contact">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- navbar end -->
</div>
</div>
</div>
</div> <div class="banner">
<!-- slideshow start -->
<div class="slideshow fullwidth">
<!-- flexslider start -->
<div class="flexslider loading">
<ul class="slides">
<!-- first slide start -->
<li style="background-image:url('../assets/images/slider-1-slide-1.png');">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="caption-wrapper">
<div class="caption caption-non-visible" data-caption-effect="fadeInDownSmall">
<h1>Qui sommes-nous ?</h1>
<p>MBC Réseaux Fibre Optique opère efficacement dans le déploiement FTTH aussi bien pour les réseaux de télécommunication que pour les réseaux d'entreprises.</p>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- first slide end -->
<!-- second slide start -->
<li style="background-image:url('../assets/images/slider-1-slide-2.png');">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="caption-wrapper">
<div class="caption caption-non-visible" data-caption-effect="fadeInDownSmall">
<h1>Des solutions pour "Tous" !</h1>
<p>MBC Réseaux Fibre Optique propose une large gamme de solutions :
<ul>
<li>Déploiement Telecom</li>
<li>Réseaux informatique</li>
<li>Bureau d'étude FTTH</li>
<li>Formation</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- second slide end -->
<!-- third slide start -->
<li style="background-image:url('../assets/images/slider-1-slide-3.png');">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="caption-wrapper">
<div class="caption caption-non-visible" data-caption-effect="fadeInDownSmall">
<h1>Besoin d'une formation ?</h1>
<p>MBC Réseaux Fibre Optique propose également des formations sur mesure dédiées au FTTH, intra ou inter-entreprises.</p>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- third slide start -->
</ul>
</div>
<!-- flexslider end -->
</div>
<!-- slideshow end -->
</div>
<!-- banner end -->
<!-- main start -->
<section class="main">
<!-- section start -->
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Étape de l'installation :</h1>
<div class="separator"></div>
<p class="text-center">Pour bénéficier de la fibre optique, un raccordement optique jusqu'a votre domicile est nécessaire.</p>
<div class="row">
<div class="col-sm-4">
<div class="icon-box">
<div id="prise" style="width:170px" ></div>
<h2>D1 : Transport</h2>
<p>
<ul style="list-style-type: none;">
<li>Tirage</li>
<li>Intervention NRO</li>
<li>Raccordement ferme optique</li>
<li>Pose de boitiers de piquage</li>
<li>Pose de points d'aboutement</li>
<li>Raccordement PMZ avec préparation des différents câbles</li>
</ul>
</p>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box">
<div id="fibre" style="width:170px"></div>
<h2>D2 : Raccordement immeuble</h2>
<p>
<ul style="list-style-type: none;">
<li>Raccordement PMZ-PA</li>
<li>Raccordement PA-BE</li>
<li>Contrôle du signal de la PMZ au BE</li>
</ul>
</p>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box">
<div id="test" style="width:170px"></div>
<h2>D3 : Raccordement abonnés pour les opérateurs</h2>
<p>
<ul style="list-style-type: none;">
<li>Installation de la prise optique</li>
<li>Installation du boitier fibre optique</li>
<li>Tests de bon fonctionnement</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<div class="section bg-color-light">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-responsive center-block" src="../assets/images/section-image-1.png" alt="iVega">
</div>
<div class="col-md-6">
<h2>Vous avez un besoin ?</h2>
<p class="space">N’hésitez plus ! Une prise de contact ne vous engage à rien, exposez-nous vos besoins et nous serons ravis de vous conseiller et de trouver la solution qui vous permettra d’atteindre le « Très Haut Débit » !</p>
<a href="contact" class="btn btn-default btn-lg"><strong>Contactez-nous</strong></a>
</div>
</div>
</div>
<br>
<br>
<br>
<div class="bg-color-gray call-to-action">
<div class="container">
<div class="row">
<div class="col-md-8">
<h2 class="text-center">Découvrez également notre plaquette2024 !</h2>
</div>
<div class="col-md-4 text-center">
<a href="../include/telecharger-brochure.php?file=../assets/docs/brochure-MBC" class="btn btn-lg btn-white">Télécharger</a>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="container">
<h1 class="text-center">Les Solutions MBC Réseaux Fibre Optique</h1>
<div class="separator"></div>
<p class="text-center">Découvrez notre large gamme de solutions :</p>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="icon-box-3 icon-right clearfix object-non-visible" data-animation-effect="fadeInLeftSmall" data-effect-delay="0">
<div id="plus"></div>
<div class="text">
<h4><a href="#">Réseaux Télécom</a></h4>
<p class="small">
<ul>
<li>Raccordement horizontal</li>
<li>Raccordement vertical</li>
<li>Raccordement abonnés</li>
<li>Infrastructure</li>
<li>Mutualisation</li>
<li>Colonne montante</li>
<li>Pose de boîtiers d'étage</li>
<li>Déploiement des structures fibres optiques (FTTH, FTTB, FTTO)</li>
</ul>
</p>
</div>
</div>
<div class="icon-box-3 icon-right clearfix object-non-visible" data-animation-effect="fadeInLeftSmall" data-effect-delay="100">
<div id="plus"></div>
<div class="text">
<h4>Bureau d'étude FTTH</h4>
<p class="small">
Les fonctions du bureau d'étude sont les suivantes :
<ul>
<li>D'assurer le suivi des projets ; de l'étude de faisabilité à la documentation finale pour le déploiement optique.</li>
<li>Réaliser les études de faisabilité pour la réalisation de réseaux optique type FTTH, rédaction des plans, documents techniques et économiques, diffusion des résultats.</li>
<li>Réaliser les études de conception, les plans pour la créations de réseaux optique type FTTH et d'infrastructure génie civil. </li>
<li>Réaliser les études de conception et réalisation des plans pour la création et/ou la rénovation de réseaux câblés vidéos (type oG, FTTx) et d'infrastructure génie civil.</li>
<li>Planifier la gestion et le contrôle des relevés terrains en vue des études technique.</li>
<li>Planifier la gestion et le contrôle des études sous-traitées.</li>
<li>Planifier la gestion des travaux en collaboration avec les conducteurs de travaux pour la rénovation FTTx.</li>
<li>Assurer le suivi de projet de faisabilité de création de réseaux en APS-APD des PLU sur commande des responsables techniques de concessionnaire réseaux.</li>
<li>Gestion des équipes terrains.</li>
</ul>
</p>
</div>
</div>
<div class="hide icon-box-3 icon-right clearfix object-non-visible" data-animation-effect="fadeInLeftSmall" data-effect-delay="200">
<i class="fa fa-leaf"></i>
<div class="text">
<h4>Clean & powerful code</h4>
<p class="small">Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="hide icon-box-3 icon-right clearfix object-non-visible" data-animation-effect="fadeInLeftSmall" data-effect-delay="300">
<i class="fa fa-cog"></i>
<div class="text">
<h4>Unlimited layouts</h4>
<p class="small">Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<img src="../assets/images/section-image-4.png" alt="ivega" class="object-non-visible center-block" data-animation-effect="fadeInDownSmall" data-effect-delay="400">
</div>
<div class="col-sm-12 col-md-4">
<div class="icon-box-3 icon-left clearfix object-non-visible" data-animation-effect="fadeInRightSmall" data-effect-delay="0">
<div id="plus2"></div>
<div class="text">
<h4>Réseaux Informatique</h4>
<p class="small">
<ul>
<li>Installation du Réseaux Ethernet</li>
<li>Equipement Télécoms actif (Routeurs, modems, etc…)</li>
<li>Equipement passif, câblage, mise en service</li>
<li>Câblage Baie de Brassage, Réseaux câblés LAN/WAN et équipements informatiques.</li>
<li>Système intégré de réseau local d’entreprise, Fusion des infrastructures de communications</li>
</ul>
</p>
</div>
</div>
<div class="icon-box-3 icon-left clearfix object-non-visible" data-animation-effect="fadeInRightSmall" data-effect-delay="100">
<div id="plus2"></div>
<div class="text">
<h4>Formations</h4>
<p class="small">
<ul>
<li>Formation de technicien</li>
<li>Formation de responsable</li>
<li>Formation bureau d'étude FTTH</li>
</ul>
</p>
</div>
</div>
<div class="hide icon-box-3 icon-left clearfix object-non-visible" data-animation-effect="fadeInRightSmall" data-effect-delay="200">
<i class="fa fa-file-o"></i>
<div class="text">
<h4> Well Documented</h4>
<p class="small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad.</p>
</div>
</div>
<div class="hide icon-box-3 icon-left clearfix object-non-visible" data-animation-effect="fadeInRightSmall" data-effect-delay="300">
<i class="fa fa-gift"></i>
<div class="text">
<h4>Lot's of Goodies</h4>
<p class="small">Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<div class="section pb-clear">
<h1 class="text-center">Nos chantiers récents</h1>
<p class="text-center">Raccordement, Mutualisation, Pose de boîtiers d'étage, Installation réseaux Ethernet...</p>
<div class="img-boxes owl-carousel carousel">
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-1.jpg" alt="">
<div class="mask">
<p>Fibre Optique Livebox Orange</p>
<span>Matériel</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-2.jpg" alt="">
<div class="mask">
<p>Installation de la prise optique</p>
<span>Chantier</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-3.jpg" alt="">
<div class="mask">
<p>Déploiement des structures fibres optiques</p>
<span>Chantier</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-4.jpg" alt="">
<div class="mask">
<p>Installation du réseaux Ethernet</p>
<span>Chantier</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-5.jpg" alt="">
<div class="mask">
<p>Fibre Optique Livebox Orange</p>
<span>Chantier</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-6.jpg" alt="">
<div class="mask">
<p>Installation de la prise optique</p>
<span>Matériel</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-7.jpg" alt="">
<div class="mask">
<p>Déploiement des structures fibres optiques</p>
<span>Chantier</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
<a href="#" class="mask-wrapper">
<img src="../assets/images/portfolio-8.jpg" alt="">
<div class="mask">
<p>Installation du réseaux Ethernet</p>
<span>Chantier</span>
<span class="triangle"><i class="fa fa-link"></i></span>
</div>
</a>
</div>
</div>
<!-- section end -->
<!-- section start -->
<div class="hide section pb-clear pt-clear">
<div class="testimonials parallax">
<!-- flexslider start -->
<div class="flexslider">
<ul class="slides">
<li>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="testimonial">
<img src="../assets/images/testimonial-1.png" alt="">
<blockquote>
<p>"Le déploiement de notre réseaux Ethernet a été assuré par la société MBC et nous en sommes totalement satisfait. La réactivité et le professionnalisme de l'équipe technique est impressionante !"</p>
</blockquote>
<p class="author">- Lynda MASSELA, LDM Elec Services -</p>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="testimonial">
<img src="../assets/images/testimonial-2.png" alt="">
<blockquote>
<p>"Le déploiement de notre réseaux Ethernet a été assuré par la société MBC et nous en sommes totalement satisfait. La réactivité et le professionnalisme de l'équipe technique est impressionante !"</p>
</blockquote>
<p class="author">- Lynda MASSELA, LDM Elec Services -</p>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="testimonial">
<img src="../assets/images/testimonial-3.png" alt="">
<blockquote>
<p>"Le déploiement de notre réseaux Ethernet a été assuré par la société MBC et nous en sommes totalement satisfait. La réactivité et le professionnalisme de l'équipe technique est impressionante !"</p>
</blockquote>
<p class="author">- Lynda MASSELA, LDM Elec Services -</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- flexslider end -->
</div>
</div>
<!-- section end -->
<!-- section start -->
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Qui sommes nous ?</h1>
<div class="separator"></div>
<p class="text-center">MBC RÉSEAUX FIBRE OPTIQUE est une société spécialisée <br> dans les Installations d’Équipements en Réseau et Télécommunication.</p>
<br>
<div class="row">
<div class="col-md-6 col-md-push-6">
<img class="img-responsive center-block pb object-non-visible" data-animation-effect="fadeInUpSmall" src="../assets/images/section-image-2.png" alt="iVega">
</div>
<div class="col-md-6 col-md-pull-6">
<h3>Une société en mouvement sur un marché qui évolue...</h3>
<p class="object-non-visible" data-animation-effect="fadeInUpSmall">Notre expérience et nos outils nous permettent de répondre à l’évolution des besoins dans le marché des Réseaux et Télécommunications. Nous sommes Conscients de la complexité et de la sensibilité des domaines d’interventions. Nous assurons une solution qui intègre les critères d’exigence et du cahier des charges.</p>
<p class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">Nous développons une Collaboration étroite pour un résultat efficient et optimal. Nous adoptons une approche flexible pour fournir des services opérationnels à tous niveaux.</p>
<p class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">Nous sensibilisons chaque collaborateur par une culture de la rigueur et de la performance, grâce à l’amélioration des processus, des formations et coaching. De ce fait nous apportons à nos clients une qualité de travail irréprochable, une plus-value non négligeable et une satisfaction totale.</p>
<ul class="hide list-triangle">
<li class="object-non-visible" data-animation-effect="fadeInUpSmall">Etiam sed dolor ac diam volutpat </li>
<li class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">Sed eget pulvinar quam, vel feugiat enim aliquam </li>
<li class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">Erat volutpat. Phasellus eu porta ipsum suspendisse aliquet imperdiet </li>
<li class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="300">Phasellus eu porta ipsum. Suspendisse aliquet imperdiet commodo </li>
<li class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="300">Quas voluptas obcaecati.</li>
<li class="object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="300">aliquet imperdiet commodo.</li>
</ul>
<a href="a-propos" class="btn btn-white btn-lg object-non-visible" data-animation-effect="flipInX" data-effect-delay="200">En savoir plus ></a>
</div>
</div>
<br>
<hr>
<h1 class="hide text-center space-top">Des Chiffres qui parlent...</h1>
<div class="hide separator"></div>
<p class="hide text-center">Incidunt, mollitia, laboriosam, officiis adipisci ipsum ipsam ab ducimus dolor <br> omnis facere minus vero illo officia commodi voluptatem voluptate aliquam dicta suscipit.</p>
<div class="hide row">
<div class="col-md-6">
<div class="hide space-top space-bottom">
<h4>HTML5</h4>
<div class="progress">
<div class="progress-bar progress-bar-default" role="progressbar" data-animate-width="80%">
<span class="object-non-visible" data-animation-effect="fadeInLeftBig" data-effect-delay="700">80%</span>
</div>
</div>
<h4>CSS3</h4>
<div class="progress">
<div class="progress-bar progress-bar-default" role="progressbar" data-animate-width="90%">
<span class="object-non-visible" data-animation-effect="fadeInLeftBig" data-effect-delay="700">90%</span>
</div>
</div>
<h4>JQUERY</h4>
<div class="progress">
<div class="progress-bar progress-bar-default" role="progressbar" data-animate-width="75%">
<span class="object-non-visible" data-animation-effect="fadeInLeftBig" data-effect-delay="700">75%</span>
</div>
</div>
<h4>PHP</h4>
<div class="progress">
<div class="progress-bar progress-bar-default" role="progressbar" data-animate-width="85%">
<span class="object-non-visible" data-animation-effect="fadeInLeftBig" data-effect-delay="700">85%</span>
</div>
</div>
<h4>DESIGN</h4>
<div class="progress">
<div class="progress-bar progress-bar-default" role="progressbar" data-animate-width="80%">
<span class="object-non-visible" data-animation-effect="fadeInLeftBig" data-effect-delay="700">80%</span>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="stats">
<div class="stat-box bt-clear">
<i class="fa fa-cloud-download"></i>
<h5>downloads</h5>
<span data-to="1525" data-speed="3000">0</span>
</div>
<div class="stat-box bt-clear br-clear">
<i class="fa fa-user"></i>
<h5>Users</h5>
<span data-to="2651" data-speed="3000">0</span>
</div>
<div class="stat-box">
<i class="fa fa-briefcase"></i>
<h5>purchases</h5>
<span data-to="1320" data-speed="3000">0</span>
</div>
<div class="stat-box br-clear">
<i class="fa fa-thumbs-o-up"></i>
<h5>likes</h5>
<span data-to="3509" data-speed="3000">0</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
</section>
<a href="#openModal" style="display:none;">Confirm</a>
<div id="openModal" class="modalDialog">
<div class="details">
<a href="#close" title="Close" class="close"><div id="closeButton">X</div></a>
<h2>Votre demande est prise en compte</h2>
</div>
</div> <footer>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="footer-content">
<div class="logo-footer"><img id="logo-footer" src="../assets/images/logo_blue_footer.png" alt=""></div>
<p>MBC RÉSEAUX FIBRE OPTIQUE est une société spécialisée dans les Installations d’Équipements en Réseau et Télécommunication.</p>
<ul class="info">
<li><i class="fa fa-map-marker"></i> 25 Rue de Ponthieu 75008 PARIS</li>
<li><i class="fa fa-phone"></i> (+33)1 79 75 65 22</li>
<li><i class="fa fa-envelope-o"></i> <a href="mailto:contact@mbc-reseauxfibreoptique.fr">contact@mbc-reseauxfibreoptique.fr</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="footer-content">
<h2>Derniers Tweets</h2>
<ul class="tweets">
<li>
<i class="fa fa-twitter"></i>
<p><a href="#">@mbc</a> Alors que pensez-vous du nouveau site ?
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="footer-content">
<h2>Chantiers récents</h2>
<div class="gallery row">
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-1.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-2.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-3.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-4.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href=#" class="mask-wrapper">
<img src="../assets/images/gallery-5.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-6.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-7.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-8.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
<div class="gallery-item col-xs-4">
<a href="#" class="mask-wrapper">
<img src="../assets/images/gallery-9.jpg" alt="">
<span class="mask"><span class="small triangle"><i class="fa fa-link"></i></span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- .footer end -->
<!-- .subfooter start -->
<div class="subfooter">
<div class="container">
<div class="row">
<div class="col-md-4">
<p>Copyright ©2024 MBC - Powered by <a target="_blank" href="https://entrepreneur-businesshub.fr">Entrepreneur Business Hub</a></p>
</div>
<div class="col-md-8">
<nav class="navbar navbar-default" role="navigation">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-2">
<ul class="nav navbar-nav">
<li><a href="accueil">Accueil</a></li>
<li><a href="a-propos">Qui sommes nous ?</a></li>
<li><a href="nos-prestations">Prestations</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- page wrapper end -->
<!-- JavaScript files placed at the end of the document so the pages load faster
================================================== -->
<!-- Jquery and Bootstap core js files -->
<script src="../assets/plugins/jquery.min.js"></script>
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
<!-- Modernizr javascript -->
<script src="../assets/plugins/modernizr.js"></script>
<!-- Flexslider javascript -->
<script src="../assets/plugins/flexslider/jquery.flexslider.js"></script>
<!-- Owl carousel javascript -->
<script src="../assets/plugins/owl-carousel/owl.carousel.js"></script>
<!-- Magnific Popup javascript -->
<script src="../assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Appear javascript -->
<script src="../assets/plugins/jquery.appear.js"></script>
<!-- Count To javascript -->
<script src="../assets/plugins/jquery.countTo.js"></script>
<!-- Flowtype javascript -->
<script src="../assets/plugins/flowtype.js"></script>
<!-- Parallax javascript -->
<script src="../assets/plugins/jquery.parallax-1.1.3.js"></script>
<!-- Contact form -->
<script src="../assets/plugins/jquery.validate.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyANZFucJSO5IfszNSOidJxOkHH3KmTuqa8&libraries=places&language=fr"></script>
<!-- Initialization of Plugins -->
<script src="../assets/js/template.js"></script>
<script src="../assets/js/ajax.js"></script>
</body>
</html>
