CINXE.COM
BDGest Online
<!DOCTYPE html> <html dir="ltr" lang="fr"> <head> <!-- ENV/PRODUCTION/0 --> <meta charset="utf-8"> <title>BDGest Online</title> <meta name="robots" content="index,follow" /> <meta name="author" content="Philippe Magneron"> <meta name="keywords" content="bd, bande dessinée, gestion, collection"> <meta name="description" content="BDGest Online - Gestion de collection de bandes dessinées"> <meta name="google-site-verification" content="3bt2xI2pgvG06hbEwAmETgzaF47Skui9hxas43LrONk" /> <link rel="canonical" href="https://online.bdgest.com//" > <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- Libs CSS --> <link href="https://online.bdgest.com/assets/css/bootstrap.css" rel="stylesheet" type="text/css" /> <script src="https://kit.fontawesome.com/16ffb9d9ed.js" crossorigin="anonymous"></script> <link href="https://online.bdgest.com/assets/css/flexslider.css" rel="stylesheet" type="text/css" /> <link href="https://online.bdgest.com/assets/css/prettyPhoto.css" rel="stylesheet" type="text/css" /> <link href="https://online.bdgest.com/assets/css/owl.carousel.css" rel="stylesheet" type="text/css" /> <!-- On Scroll Animations --> <link href="https://online.bdgest.com/assets/css/animate.min.css" rel="stylesheet" type="text/css" /> <!-- Template CSS --> <link href="https://online.bdgest.com/assets/css/style.css?v=35e21d81" rel="stylesheet" type="text/css" /> <!-- Custom Colors --> <!-- <link href="css/green.css" rel="stylesheet"> --> <!-- <link href="css/blue.css" rel="stylesheet"> --> <!-- <link href="css/tomato.css" rel="stylesheet"> --> <!-- <link href="css/turquoise.css" rel="stylesheet"> --> <link href="https://online.bdgest.com/assets/css/custom_blue.css?v=35e21d81" rel="stylesheet" type="text/css" /> <!-- Responsive CSS --> <link href="https://online.bdgest.com/assets/css/responsive.css?v=35e21d81" rel="stylesheet" type="text/css" /> <!-- Custom --> <link href="https://online.bdgest.com/assets/css/custom.css?v=35e21d81" rel="stylesheet" type="text/css" /> <!-- Favicons --> <link rel="icon" href="/favicon_online.svg" type="image/svg+xml"> <link rel="apple-touch-icon" sizes="144x144" href="https://online.bdgest.com/assets/img/icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://online.bdgest.com/assets/img/icons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://online.bdgest.com/assets/img/icons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" href="https://online.bdgest.com/assets/img/icons/apple-touch-icon-256x256.png"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,800italic,800,700italic,700,600italic,600,400italic,300" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css" /> </head> <body> <input type="hidden" value="https://www.bdgest.com/" id="bdgesturl"> <input type="hidden" value="https://online.bdgest.com/" id="baseurl"> <input type="hidden" value="Online" id="site"> <input type="hidden" value="Login" id="rubrique"> <input type="hidden" value="" id="referer"> <!-- PRELOADER ============================================= --> <div class="animationload"> <div class="loader"></div> </div> <!-- HEADER ============================================= --> <header id="header"> <div class="navbar navbar-fixed-top"> <div class="container"> <!-- Navigation Bar --> <div class="navbar-header"> <!-- Responsive Menu Button --> <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Logo --> <div class="logo-container"> <a href="https://online.bdgest.com/"><img src="https://www.bdgest.com/skin/logo_h.svg" class="logo" alt="logo" role="banner"></a> <!-- END LOGO --> <span class="logo-sous-titre">Online</span> <span class="logo-ver">3.4.1</span> </div> </div> <!-- End Navigation Bar --> <!-- Navigation Menu --> <nav id="navigation-menu" class="collapse navbar-collapse" role="navigation"> <ul class="nav navbar-nav navbar-right"> <li><a id="GoToHome" class="selected-nav" href="#intro">Accueil</a></li> <li><a id="GoToAbout" href="#about">A propos</a></li> <li><a id="GoToFeatures" href="#features">Fonctionnalités</a></li> <li><a id="GoToApp" href="#history">L'App</a></li> <li><a id="GoToWorks" href="#screenshots">Screenshots</a></li> <li><a id="goToVersions" href="#pricing">Versions</a></li> </ul> </nav> <!-- End Navigation Menu --> </div> <!-- End container --> </div> <!-- End navbar fixed top --> </header> <!-- END HEADER --> <!-- CONTENT WRAPPER ============================================= --> <div id="content_wrapper"> <!-- INTRO ============================================= --> <section id="intro"> <div class="overlay"> <div class="container"> <div id="intro_content" class="row"> <!-- INTRO TEXT --> <div class="col-md-7"> <div class="intro_text"> <h3 >Bienvenue dans</h3> <h2 >BD<span class="orange">Gest'</span> Online</h2> <p >Comme plus de 39 000 collectionneurs, gérez votre collection de <br/><b>BD, Manga, Comics</b> avec BDGest', le logiciel de référence 100% online ! </p> </div> <!-- INTRO BUTTONS --> <div class="intro_buttons animated" data-animation="fadeInLeft" data-animation-delay="1500"> <a class="btn btn-theme" href="https://online.bdgest.com/demo" >Démonstration</a> <a href="https://play.google.com/store/apps/details?id=com.bdgest.bdgestmobile" target="_blank" title="Télécharger BDGest sur Android"> <img alt="Get it on Google Play" src="https://online.bdgest.com/assets/img/bt-googleplay.png" style="height: 45px;margin-right:5px;"/> </a> <a href="https://apps.apple.com/fr/app/bdgest-mobile/id1598543984" target="_blank" title="Télécharger BDGest sur iOS"> <img src="https://online.bdgest.com/assets/img/bt-appstore.png" style="height:45px;"> </a> </div> </div> <!-- END TEXT --> <!-- INTRO REGISTER FORM --> <div id="connexion_form" class="col-md-5 form_register text-center animated" data-animation="fadeInRight" data-animation-delay="500"> <!-- Register Form --> <form action="login" name="connectform" class="row" method="post" autocomplete="off"> <input type="hidden" name="csrf_token_bdg" value="bae5d3c7e0416c7833b361934e1b6d29"> <input type="hidden" name="li1" value="username"> <input type="hidden" name="li2" value="password"> <input type="hidden" name="source" value=""> <h4>Identifiez-vous</h4> <div id="input_name" class="input-login"> <input class="form-control" type="text" name="username" placeholder="Email ou Pseudo" autocomplete="off"> </div> <div id="input_email" class="input-login"> <input class="form-control" type="password" name="password" placeholder="Mot de passe" autocomplete="off"> </div> <div class="checkbox" id="auto"> <input type="checkbox" id="checkbox1" name="auto_connect"> <label for="checkbox1"> Rester connecté</label> </div> <a href="https://www.bdgest.com/compte/password">Mot de passe perdu ?</a> <!-- Submit Button --> <div id="form_register_btn" class="text-center"> <input class="btn btn-theme" type="submit" value="Se connecter" id="submit"> <button class="btn btn-theme btn-white" id="bt_register">Pas de compte</button> </div> </form> <!-- End Register Form --> </div> <!-- END INTRO REGISTER FORM --> <!-- INTRO REGISTER FORM --> <div id="register_form" class="col-md-5 form_register text-center animated" autocomplete="off" data-animation="fadeInRight" data-animation-delay="500"> <!-- Register Form --> <form action="register" name="registerform" class="row" method="post"> <input type="hidden" name="csrf_token_bdg" value="bae5d3c7e0416c7833b361934e1b6d29"> <input type="hidden" name="index_antispam" value="10"> <input type="hidden" name="password_confirm" value=""> <input type="hidden" name="email_confirm" value=""> <input type="hidden" name="remote_ip" value="8.222.208.146"> <h4>Créez votre compte</h4> <div id="input_name" class="input-login"> <input class="form-control" type="text" name="username" placeholder="Choisissez un pseudo" autocomplete="off" > </div> <div id="input_name" class="input-login"> <input class="form-control" type="text" name="email" placeholder="Saisissez votre email" autocomplete="off" > </div> <div id="input_email" class="input-login"> <input class="form-control" type="password" name="password" placeholder="Saisissez votre mot de passe" autocomplete="off" > </div> <div class="checkbox" id="input_cgu"> <input type="checkbox" id="chk_cgu_ok" name="cgu_ok"> <label for="chk_cgu_ok">J'accepte les <a href="https://www.bdgest.com/cgu/logiciel" target="_blank">Conditions Générales d'Utilisation</a></label> </div> <div id="input_antispam" class="input-login"> <div class="g-recaptcha" data-theme="dark" data-sitekey="6LecnNgcAAAAAPhEpe75-qeWrQTIAcqtt7Jiwfau" style="width: 303px; margin: 15px 0 10px 12px;"></div> </div> <div id="input_antispam" class="input-login" style="display:none;"> Question anti-robot : <input class="form-control" type="text" name="rep_antispam" placeholder="Quelle est la couleur de Milou ?" autocomplete="off" style="font-size:0.9em;"> </div> <p>Créez votre compte gratuitement pour accéder aux fonctionnalités de BDGest Online.</p> <!-- Submit Button --> <div id="form_register_btn" class="text-center"> <button class="btn btn-theme btn-white" id="bt_connect">Déjà un compte</button> <input class="btn btn-theme" type="submit" value="S'inscrire" id="submit"> </div> </form> <!-- End Register Form --> </div> <!-- END INTRO REGISTER FORM --> </div> <!-- End Intro Content --> </div> <!-- End container --> </div> <!-- End overlay--> </section> <!-- END INTRO --> <!-- ABOUT ============================================= --> <section id="about"> <div class="container"> <!-- ACCORDION HOLDER --> <div id="accordion-holder" class="row"> <!-- ACCORDION HOLDER IMAGE --> <div class="col-md-6 text-center animated" data-animation="fadeInLeft" data-animation-delay="300"> <img class="img-responsive" src="assets/img/devices.png" alt="about" style="margin-top: 30px;"> </div> <!-- ACCORDION --> <div class="col-md-6"> <div class="panel-group" id="accordion"> <!-- PANEL #1 --> <div class="panel panel-default animated" data-animation="fadeInRight" data-animation-delay="300"> <!-- Panel Title --> <div class="panel-heading"> <h5 class="panel-title"><a data-toggle="collapse" class="panel-toggle active" data-parent="#accordion" href="#collapseOne"><i class="fas fa-check"></i> Présentation </a> </h5> </div> <!-- Panel Content --> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> BDGest' est un logiciel de gestion d'une collection de Bandes Dessinées, Manga et Comics. Destiné aussi bien au collectionneur chevronné qu'au néophyte, BDGest' vous permet de gérer tous les aspects de votre collection de BD. Depuis plus de 20 ans, le logiciel évolue sans cesse en fonction des attentes de chacun. Fort d'une communauté de plus de 39 000 utilisateurs, BDGest' est devenu la référence en matière de gestion de collection BD. </div> </div> </div> <!-- END PANEL #1 --> <!-- PANEL #2 --> <div class="panel panel-default animated" data-animation="fadeInRight" data-animation-delay="500"> <!-- Panel Title --> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseTwo"><i class="fas fa-check"></i> Application 100% online </a> </h4> </div> <!-- Panel Title --> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body"> La particularité de la version online est qu'elle s'éxécute directement depuis votre navigateur web. Il vous suffit de créer un compte et de vous connecter. Aucune installation n'est nécessaire. Vous pouvez donc vous connecter depuis n'importe quel ordinateur, tablette ou smartphone, pour accéder à votre collection. Et lorsque vous changez d'ordinateur, vous n'avez rien à transférer. </div> </div> </div> <!-- END PANEL #2 --> <!-- PANEL #3 --> <div class="panel panel-default animated" data-animation="fadeInRight" data-animation-delay="700"> <!-- Panel Title --> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseThree"><i class="fas fa-check"></i> Logiciel Multi-plateformes</a> </h4> </div> <!-- Panel Title --> <div id="collapseThree" class="panel-collapse collapse"> <div class="panel-body"> BDGest' est disponible dans tous les environnements (Windows, MacOS, Linux, iOS, Android). Vous devez juste disposez d'une connexion internet et d'un navigateur web récent. </div> </div> </div> <!-- END PANEL #3 --> <!-- PANEL #4 --> <div class="panel panel-default animated" data-animation="fadeInRight" data-animation-delay="900"> <!-- Panel Title --> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseFour"><i class="fas fa-check"></i> Une base de données de référence </a> </h4> </div> <!-- Panel Title --> <div id="collapseFour" class="panel-collapse collapse"> <div class="panel-body"> Avec plus de 411 000 titres, la bedetheque est la base de données de bandes dessinées la plus complète du web. En plus de tous les visuels (couverture, extrait, verso) vous disposez d'informations précises et détaillées sur toutes les éditions de vos albums, mais également sur les auteurs et les séries. </div> </div> </div> <!-- END PANEL #4 --> <!-- PANEL #5 --> <div class="panel panel-default animated" data-animation="fadeInRight" data-animation-delay="900"> <!-- Panel Title --> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseFive"><i class="fas fa-check"></i> Transférer votre collection</a> </h4> </div> <!-- Panel Title --> <div id="collapseFive" class="panel-collapse collapse"> <div class="panel-body"> BDGest' Online vous permet d'importer une collection que vous avez créée dans un autre logiciel comme BDbuzz, Bubble ou BDovore. Vous n'avez ainsi plus besoin de ressaisir toutes vos données. </div> </div> </div> <!-- END PANEL #5 --> </div> </div> <!-- END ACCORDION --> </div> <!-- END ACCORDION HOLDER --> </div> <!-- End container --> </section> <section id="bel-stats" style="background-position: 50% 279px;"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h2>La Bedetheque en chiffres</h2> </div> </div> <!-- SKILLS HOLDER --> <div class="row"> <!-- WEB DESIGN --> <div class="col-xs-6 col-sm-3 text-center statistic-block animated" data-animation="bounceIn" data-animation-delay="300"> <div class="chart"><i class="fas fa-books"></i></div> <h4><span class="orange statistic-number">411264</span> Albums</h4> </div> <!-- WORDPRESS --> <div class="col-xs-6 col-sm-3 text-center statistic-block animated" data-animation="bounceIn" data-animation-delay="500"> <div class="chart"><i class="fas fa-users"></i></div> <h4><span class="orange statistic-number">49987</span> Auteurs</h4> </div> <!-- JQUERY --> <div class="col-xs-6 col-sm-3 text-center statistic-block animated" data-animation="bounceIn" data-animation-delay="700"> <div class="chart"><i class="fas fa-newspaper"></i></div> <h4><span class="orange statistic-number">45776</span> Revues</h4> </div> <!-- HTML/CSS --> <div class="col-xs-6 col-sm-3 text-center statistic-block animated" data-animation="bounceIn" data-animation-delay="900"> <div class="chart"><i class="fas fa-images"></i></div> <h4><span class="orange statistic-number">81100</span> Para-BD</h4> </div> </div> <!-- END SKILLS HOLDER --> </div> <!-- End container --> </section> <section id="services"> <div class="container"> <!-- SERVICE IMAGE --> <div class="row"> <div id="services_image" class="col-md-12 text-center animated" data-animation="fadeInUp" data-animation-delay="300"> <img class="img-responsive" src="assets/img/screenshots.png" alt="services_image"> </div> </div> <div class="row"> <div class="col-md-6"> <!-- SERVICE BOX --> <div class="service-box animated" data-animation="fadeInUp" data-animation-delay="300"> <h4><i class="fas fa-cogs"></i>Une interface claire et intuitive</h4> <p>Depuis 24 ans, nous avons toujours mis l'accent sur l'ergonomie de nos outils. Avec BDGest', vous bénéficiez aujourd'hui du meilleur du web pour gérer votre collection.</p> </div> <!-- SERVICE BOX --> <div class="service-box animated" data-animation="fadeInUp" data-animation-delay="400"> <h4><i class="fas fa-users"></i>Une communauté dynamique</h4> <p>Retrouvez la communauté des utilisateurs du logiciel sur le forum. Avec plus de 200 000 inscrits sur le site, vous trouverez toujours quelqu'un pour vous aider ou partager votre passion.</p> </div> </div> <div class="col-md-6"> <!-- SERVICE BOX --> <div class="service-box animated " data-animation="fadeInUp" data-animation-delay="500"> <h4><i class="fas fa-books"></i>Une base de données encyclopédique</h4> <p>La bedetheque est la base de données de bandes dessinées la plus complète disponible sur le web. Elle est enrichie quotidiennement par les membres et maintenue par une équipe de correcteurs passionnés.</p> </div> <!-- SERVICE BOX --> <div class="service-box animated" data-animation="fadeInUp" data-animation-delay="600"> <h4><i class="fas fa-newspaper"></i>Toute l'actualité de la bande dessinée</h4> <p>BDGest c'est aussi une équipe rédactionnelle qui vous propose toutes les semaines de nombreuses chroniques et previews sur les nouvelles parutions. Retrouvez également les interviews de vos auteurs préférés.</p> </div> </div> </div> <!-- SERVICE BUTTONS --> <div class="row"> <div id="service-buttons" class="col-md-12 text-center"> <a href="#features" class="btn btn-theme animated bounceIn visible" data-animation="bounceIn" data-animation-delay="600">En savoir plus</a> <a href="https://www.bdgest.com/logiciel/commande1?Commande=5" class="btn btn-theme animated bounceIn visible" data-animation="bounceIn" data-animation-delay="700">Acheter maintenant</a> </div> </div> </div> <!-- End container --> </section> <!-- FEATURES ============================================= --> <section id="features"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Les principales</h3> <h2>Fonctionnalités</h2> </div> </div> <div class="row"> <!-- FEATURE BOX --> <div class="col-sm-6 col-md-6 animated" data-animation="fadeInLeft" data-animation-delay="300"> <div class="features-box"> <!-- Feature Icon --> <div class="icon-box img-circle"> <i class="fas fa-books"></i> </div> <!-- Feature Box Text --> <div class="features-text"> <h4>Gestion des Albums</h4> <p> Plus de 411 000 éditions disponibles à intégrer dans votre collection, des BD de collection aux toutes dernières parutions, le tout en quelques clics. </p> </div> </div> </div> <!-- END FEATURE BOX --> <!-- FEATURE BOX --> <div class="col-sm-6 col-md-6 animated" data-animation="fadeInRight" data-animation-delay="300"> <div class="features-box"> <!-- Feature Icon --> <div class="icon-box img-circle"> <i class="fas fa-comments"></i> </div> <!-- Feature Box Text --> <div class="features-text"> <h4>Gestion des Séries et des abonnements</h4> <p> Suivez vos séries en temps réel pour être averti d'une nouveauté à paraître. Complétez vos séries en recherchant les albums manquants. </p> </div> </div> </div> <!-- END FEATURE BOX --> </div> <!-- End row --> <div class="row"> <!-- FEATURE BOX --> <div class="col-sm-6 col-md-6 animated" data-animation="fadeInLeft" data-animation-delay="500"> <div class="features-box"> <!-- Feature Icon --> <div class="icon-box img-circle"> <i class="fas fa-images"></i> </div> <!-- Feature Box Text --> <div class="features-text"> <h4>Gestion du Para-BD</h4> <p> Ajoutez, modifiez, supprimer des éléments dans votre collection de para-BD (statuettes, poster, ex-libris, etc...). </p> </div> </div> </div> <!-- END FEATURE BOX --> <!-- FEATURE BOX --> <div class="col-sm-6 col-md-6 animated" data-animation="fadeInRight" data-animation-delay="500"> <div class="features-box"> <!-- Feature Icon --> <div class="icon-box img-circle"> <i class="fas fa-newspaper"></i> </div> <!-- Feature Box Text --> <div class="features-text"> <h4>Gestion des Revues</h4> <p> Comme pour les albums et le para-BD, l'ensemble des informations de vos revues peuvent être suivie pécisément dans BDGest. </p> </div> </div> </div> <!-- END FEATURE BOX --> </div> <!-- End row --> <div class="row"> <!-- FEATURE BOX --> <div class="col-sm-6 col-md-6 animated" data-animation="fadeInLeft" data-animation-delay="700"> <div class="features-box"> <!-- Feature Icon --> <div class="icon-box img-circle"> <i class="fas fa-chart-pie"></i> </div> <!-- Feature Box Text --> <div class="features-text"> <h4>Statistiques</h4> <p> De très nombreux outils disponibles pour parcourir, éditer, comptabiliser vos données, suivre vos albums manquants, etc... Visualisez l'évolution de votre collection, la répartition par éditeur ou par origine. </p> </div> </div> </div> <!-- END FEATURE BOX --> <!-- FEATURE BOX --> <div class="col-sm-6 col-md-6 animated" data-animation="fadeInRight" data-animation-delay="700"> <div class="features-box"> <!-- Feature Icon --> <div class="icon-box"> <i class="fas fa-shopping-cart"></i> </div> <!-- Feature Box Text --> <div class="features-text"> <h4>Ventes et Petites annonces</h4> <p> Acheter et vendez vos bandes dessinées d'occasion. Plus de 39 000 utilisateurs du logiciel vous permettent de compléter votre collection à moindre coût. </p> </div> </div> </div> <!-- END FEATURE BOX --> </div> <!-- End row --> </div><!-- End container --> </section> <!-- END FEATURES --> <!-- HISTORY ============================================= --> <section id="history"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Android & iOS</h3> <h2>L'application Mobile</h2> </div> </div> <!-- Android IMAGE --> <div class="row"> <div id="android_image" class="col-md-6 text-center animated" data-animation="fadeInUp" data-animation-delay="300"> <img class="img-responsive" src="assets/img/mobile.png" alt="services_image"> </div> <!-- ACCORDION --> <div class="col-md-5"> <div class="service-box animated" data-animation="fadeInUp" data-animation-delay="300"> <h4><i class="fas fa-wifi"></i>Votre collection vous suit partout</h4> <p>Consultez votre collection, votre wishlist, ou vos derniers achats, où que vous soyez. L'application fonctionne en mode déconnecté, et vous permet donc d'avoir accès à vos données même sans réseau.</p> </div> <!-- SERVICE BOX --> <div class="service-box animated" data-animation="fadeInUp" data-animation-delay="400"> <h4><i class="fas fa-barcode-read"></i>Scannez directement vos albums</h4> <p>Le scanner intégré vous permet de scanner les code-barres de vos albums afin de les ajouter rapidement à votre collection.</p> </div> <div id="service-buttons" class="col-md-12 text-center"> <div class="col-md-6"> <a href="https://play.google.com/store/apps/details?id=com.bdgest.bdgestmobile" class="animated bounceIn" target="_blank" data-animation="bounceIn" data-animation-delay="600"> <img alt="Get it on Google Play" src="https://online.bdgest.com/assets/img/bt-googleplay.png" style="height: 50px;"/> </a> </div> <div class="col-md-6"> <a href="https://apps.apple.com/fr/app/bdgest-mobile/id1598543984" class="animated bounceIn" target="_blank" data-animation="bounceIn" data-animation-delay="600"> <img src="https://online.bdgest.com/assets/img/bt-appstore.png" style="height:50px;"> </a> </div> </div> </div> </div> </div> <!-- End container --> </section> <!-- END HISTORY --> <!-- STATISTIC BANNER ============================================= --> <div id="statistic_banner"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Quelques statistiques</h3> <h2>Sur les collections</h2> </div> </div> <!-- STATISTIC HOLDER --> <div id="statistic-holder" class="row"> <!-- STATISTIC BLOCK --> <div class="col-xs-4 col-sm-4 col-md-4 statistic-block animated" data-animation="bounceIn" data-animation-delay="300"> <div class="statistic-number">39357</div> <div class="statistic-text">utilisateurs</div> </div> <!-- STATISTIC BLOCK --> <div class="col-xs-4 col-sm-4 col-md-4 statistic-block animated" data-animation="bounceIn" data-animation-delay="400"> <div class="statistic-number">51496255</div> <div class="statistic-text">albums collectionnés</div> </div> <!-- STATISTIC BLOCK --> <div class="col-xs-4 col-sm-4 col-md-4 statistic-block animated" data-animation="bounceIn" data-animation-delay="500"> <div class="statistic-number">411264</div> <div class="statistic-text">éditions référencées</div> </div> </div> <!-- END STATISTIC HOLDER --> </div> <!-- End container --> </div> <!-- END STATISTIC BANNER --> <!-- SCREENSHOTS ============================================= --> <section id="screenshots"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Quelques</h3> <h2>Screenshots</h2> </div> </div> <ul class="portfolio-items-list"> <!-- IMAGE #1 --> <li class="col-xs-12 col-sm-4 col-md-4 portfolio-item illustration web mix_all animated" data-animation="fadeInRight" data-animation-delay="500" data-cat="1"> <div class="hover-overlay portfolio-item-img "> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_accueil.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_accueil.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Ecran d'accueil</h5> </div> </div> </a> </div> </li> <!-- END IMAGE #1 --> <!-- IMAGE #2 --> <li class="col-xs-12 col-sm-4 col-md-4 portfolio-item digital_art illustration mix_all animated" data-animation="fadeInLeft" data-animation-delay="550" data-cat="2"> <div class="hover-overlay portfolio-item-img "> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_albums.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_albums.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Liste des albums</h5> </div> </div> </a> </div> </li> <!-- END IMAGE #2 --> <!-- IMAGE #3 --> <li class="col-xs-12 col-sm-4 col-md-4 portfolio-item graphic_design digital_art mix_all animated" data-animation="fadeInRight" data-animation-delay="600" data-cat="3"> <div class="hover-overlay portfolio-item-img"> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_lectures.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_lectures.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Historique de vos lectures</h5> </div> </div> </a> </div> </li> <!-- END IMAGE #3 --> <!-- IMAGE #5 --> <li class="col-xs-12 col-sm-3 col-md-3 portfolio-item web illustration mix_all animated" data-animation="fadeInUp" data-animation-delay="650" data-cat="4" > <div class="hover-overlay portfolio-item-img"> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_menu_xs.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_menu.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Détail du menu</h5> </div> </div> </a> </div>C </li> <!-- END IMAGE #5 --> <!-- IMAGE #6 --> <li class="col-xs-12 col-sm-3 col-md-3 portfolio-item web illustration mix_all animated" data-animation="fadeInUp" data-animation-delay="650" data-cat="5"> <div class="hover-overlay portfolio-item-img"> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_informations_album_xs.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_album.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Edition d'un album</h5> </div> </div> </a> </div> </li> <!-- END IMAGE #6 --> <!-- IMAGE #7 --> <li class="col-xs-12 col-sm-3 col-md-3 portfolio-item web illustration mix_all animated" data-animation="fadeInUp" data-animation-delay="650" data-cat="6"> <div class="hover-overlay portfolio-item-img"> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_sm_3.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_sl_3.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Module d'importation</h5> </div> </div> </a> </div> </li> <!-- END IMAGE #7 --> <!-- IMAGE #8 --> <li class="col-xs-12 col-sm-3 col-md-3 portfolio-item web illustration mix_all animated" data-animation="fadeInUp" data-animation-delay="650" data-cat="7"> <div class="hover-overlay portfolio-item-img"> <!-- Image Link --> <img class="img-responsive" src="assets/img/screenshot_filtre_xs.png" alt=""> <!-- Image Zoom --> <a class="prettyPhoto image_zoom" href="assets/img/screenshot_filtre.png" title=""> <div class="item-overlay"> <div class="overlay-content"> <h5>Filtre avancés</h5> </div> </div> </a> </div> </li> <!-- END IMAGE #8 --> </ul> </div> <!-- End container --> </section> <!-- END SCREENSHOTS --> <!-- PRICING ============================================= --> <section id="pricing"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Tarifs</h3> <h2>Choisissez votre formule</h2> </div> </div> <!-- PRICING TABLE HOLDER --> <div class="row price-row"> <div class="col-md-8 col-md-offset-2" id="pricing-details"> <p> Vous pouvez utiliser BDGest' gratuitement. Néanmoins, une version premium, qui propose de nombreuses fonctionnalités supplémentaires, est disponible. Cette version premium du logiciel nécessite l'acquisition d'un abonnement annuel. Si vous êtes un utilisateur de l'ancienne version BD Gest' 7 pour PC vous pouvez saisir votre licence dans votre compte pour avoir accès à l'intégralité du logiciel.</p> <p> Le tableau ci-dessous vous présente les différences entre la version gratuite et la version premium de BDGest' : </p> </div> <!-- PRICE PLAN BASIC --> <div id="price_1" class="col-xs-12 col-sm-6 col-md-4 col-md-offset-2 animated" data-animation="fadeInRight" data-animation-delay="400"> <div class="pricing-table text-center"> <!-- Table Header --> <h3>Version gratuite</h3> <!-- Plan Price --> <div class="price"> <sup>€</sup> <span class="color">0</span> <sup class="color">00</sup> <sup style="font-weight:1000;top:0;">/an</sup> </div> <!-- Plan Features --> <ul class="features"> <li>Version WEB <strong>BDGest Online</strong></li> <li>Version Mobile <strong>Iphone</strong> et <strong>Android</strong></li> <li>Collection limitée à <strong>500</strong> albums</li> <li>Gestion des <strong>albums</strong></li> <li class="absent">Gestion des <strong>rééditions</strong></li> <li>Gestion des <strong>albums à acheter</strong></li> <li class="absent">Vos albums <strong>manquants</strong></li> <li class="absent">Gestion des <strong>séries</strong></li> <li class="absent">Gestion des <strong>revues</strong></li> <li class="absent">Gestion du <strong>para-BD</strong></li> <li class="absent">Gestion de vos <strong>ventes</strong></li> <li>Importation via la <strong>bedetheque</strong></li> <li>Statistiques <strong>basiques</strong></li> <li>Exportation CSV - <strong>sauvegarde</strong></li> <li class="absent">Importation CSV - <strong>restauration</strong></li> <li>Support par <strong>email</strong></li> </ul> </div> </div> <!-- END PRICE PLAN BASIC --> <!-- PRICE PLAN STANDARD --> <div id="price_2" class="col-xs-12 col-sm-6 col-md-4 animated" data-animation="fadeInLeft" data-animation-delay="400"> <div class="pricing-table text-center highlight"> <!-- Table Header --> <h3>Version premium</h3> <!-- Plan Price --> <div class="price"> <sup>€</sup> <span class="color">18</span> <sup class="color">00</sup> <sup style="font-weight:1000;top:0;">/an</sup> </div> <!-- Plan Features --> <ul class="features"> <li>Version WEB <strong>BDGest Online</strong></li> <li>Version Mobile <strong>iPhone</strong> et <strong>Android</strong></li> <li>Collection <strong>illimitée</strong></li> <li>Gestion des <strong>albums</strong> avancée</li> <li>Gestion des <strong>rééditions</strong></li> <li>Gestion des <strong>albums à acheter</strong></li> <li>Vos albums <strong>manquants</strong></li> <li>Gestion des <strong>séries</strong></li> <li>Gestion des <strong>revues</strong></li> <li>Gestion du <strong>para-BD</strong></li> <li>Gestion de vos <strong>ventes</strong></li> <li>Module d'<strong>importation</strong> intégré</li> <li>Statistiques et filtres <strong>avancés</strong></li> <li>Exportation CSV - <strong>sauvegarde</strong></li> <li>Importation CSV - <strong>restauration</strong></li> <li>Support <strong>téléphonique</strong></li> </ul> </div> </div> <!-- END PRICE PLAN STANDARD --> </div> <!-- End row --> </div> <!-- End container --> </section> <!-- END PRICING --> <!-- PROMO LINE ============================================= --> <div id="promo_line"> <div class="container"> <div class="row"> <!-- PROMO LINE CONTENT --> <div class="col-md-12 text-center"> <h2>L'outil <span>idéal</span> pour gérer votre collection</h2> <p>Faites confiance à BDGest' pour gérer votre collection de Bandes Dessinées, de Mangas et de Comics.</p> <a href="#" class="btn btn-theme btn-white">Essayer la version gratuite</a> <a href="https://www.bdgest.com/logiciel/commande1?Commande=1" class="btn btn-theme" target="_blank">S'abonner à la version premium</a> </div> </div> <!-- End row --> </div> <!-- End container --> </div> <!-- END PROMO LINE --> <!-- TEMOIGNANES ============================================= --> <div id="testimonials"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 text-center"> <h3>Plus de <span class="clients-counter">39000</span> collectionneurs satisfaits</h3> </div> </div> <!-- TESTIMONIALS HOLDER --> <div class="row"> <!-- TESTIMONIAL #3 --> <div class="col-sm-3"> <div class="testimonial text-center animated" data-animation="fadeInUp" data-animation-delay="800"> <!-- Testimonial Message --> <div class="testi-content"> <p>Utilisateur de la première heure, j'utilise BDGest depuis maintenant 12 ans avec toujours autant de plaisir.</p> <div class="testi-arrow"></div> </div> <!-- Testimonial Message Avatar --> <div class="client-img"> <img src="assets/img/avatar1.png" alt="Alain"> </div> <!-- Testimonial Message Author --> <div class="testi-author"> <h4>Alain</h4> <span>2 475 albums</span> </div> </div> </div> <!-- END TESTIMONIAL #3 --> <!-- TESTIMONIAL #2 --> <div class="col-sm-3"> <div class="testimonial text-center animated" data-animation="fadeInUp" data-animation-delay="600"> <!-- Testimonial Message --> <div class="testi-content"> <p>Merci pour cette application : C'est sans aucun doute le meilleur outil de gestion de BD disponible sur le marché. Indispensable !</p> <div class="testi-arrow"></div> </div> <!-- Testimonial Message Avatar --> <div class="client-img"> <img src="assets/img/avatar2.png" alt="Sandrine"> </div> <!-- Testimonial Message Author --> <div class="testi-author"> <h4>Sandrine</h4> <span>784 albums</span> </div> </div> </div> <!-- END TESTIMONIAL #2 --> <!-- TESTIMONIAL #1 --> <div class="col-sm-3"> <div class="testimonial text-center animated" data-animation="fadeInUp" data-animation-delay="500"> <!-- Testimonial Message --> <div class="testi-content"> <p>Avec BDGest, fini les achats en double. Ma collection me suis partout, à la maison, chez des amis ou chez mon libraire.</p> <div class="testi-arrow"></div> </div> <!-- Testimonial Message Avatar --> <div class="client-img"> <img src="assets/img/avatar4.png" alt="Thomas"> </div> <!-- Testimonial Message Author --> <div class="testi-author"> <h4>Thomas</h4> <span>1 109 albums</span> </div> </div> </div> <!-- END TESTIMONIAL #1 --> <!-- TESTIMONIAL #4 --> <div class="col-sm-3"> <div class="testimonial text-center animated" data-animation="fadeInUp" data-animation-delay="800"> <!-- Testimonial Message --> <div class="testi-content"> <p>J'ai découvert BDGest sur les conseils de mon libraire et je ne le regrette pas. Je découvre le plaisir d'encoder ma collection.</p> <div class="testi-arrow"></div> </div> <!-- Testimonial Message Avatar --> <div class="client-img"> <img src="assets/img/avatar5.png" alt="Christophe"> </div> <!-- Testimonial Message Author --> <div class="testi-author"> <h4>Christophe</h4> <span>3 754 albums</span> </div> </div> </div> <!-- END TESTIMONIAL #4 --> </div> <!-- END TESTIMONIALS HOLDER --> </div> <!-- End container --> </div> <!-- END TEMOIGNANES --> <!-- BDGEST ============================================= --> <section id="portfolio"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Tout</h3> <h2>L'univers BDGest</h2> </div> </div> <!-- TEAM MEMBERS HOLDER --> <div class="row team_members_wrapper"> <!-- TEAM MEMBER #1 --> <div class="col-xs-12 col-sm-4 col-md-4 animated" data-animation="fadeInRight" data-animation-delay="500"> <div class="team-member text-center"> <!-- Team Member Photo --> <div class="img-block screenshot"> <a href="https://www.bdgest.com/" target="_blank"> <img class="img-responsive" src="assets/img/screen_bdgest.jpg" alt="" > </a> </div> <div class="team-img-meta"> <h4>BDGest.com</h4> <p>Toute l'actualité de la bande dessinées</p> </div> </div> </div> <!-- END TEAM MEMBER #1 --> <!-- TEAM MEMBER #2 --> <div class="col-xs-12 col-sm-4 col-md-4 animated" data-animation="fadeInLeft" data-animation-delay="500"> <div class="team-member text-center"> <!-- Team Member Photo --> <div class="img-block screenshot"> <a href="https://www.bdgest.com/forum" target="_blank"> <img class="img-responsive" src="assets/img/screenshot_forum.jpg" alt="" > </a> </div> <div class="team-img-meta"> <h4>Forum BDGest</h4> <p>Le rendez-vous de la communauté</p> </div> </div> </div> <!-- END TEAM MEMBER #2 --> <!-- TEAM MEMBER #3 --> <div class="col-xs-12 col-sm-4 col-md-4 animated" data-animation="fadeInRight" data-animation-delay="800"> <div class="team-member text-center"> <!-- Team Member Photo --> <div class="img-block screenshot"> <a href="https://www.bedetheque.com/" target="_blank"> <img class="img-responsive" src="assets/img/screen_bedetheque.jpg" alt="" > </a> </div> <div class="team-img-meta"> <h4>Bedetheque.com</h4> <p>La base de données de référence</p> </div> </div> </div> <!-- END TEAM MEMBER #3 --> </div> <!-- END TEAM MEMBERS HOLDER --> </div> <!-- End container --> </section> <!-- END BDGEST --> <!-- CONTACT-INFO ============================================= --> <section id="contact-info"> <div class="container"> <!-- SECTION TITLE --> <div class="row"> <div class="col-sm-12 titlebar"> <h3>Notre adresse</h3> <h2>Comment nous joindre</h2> </div> </div> <div class="row"> <!-- Office Location --> <div class="col-xs-6 col-sm-6 col-md-3 contact-info text-center triggerAnimation animated" data-animate="bounceIn"> <i class="fas fa-map-marked-alt"></i> <h4 class="contact_title">Adresse postale</h4> <p class="contact_description"><strong>Home Solutions</strong><br>Espaces IO<br/>19 rue de la république<br/>25000 BESANÇON</p> </div> <!-- Call Us --> <div class="col-xs-6 col-sm-6 col-md-3 contact-info text-center triggerAnimation animated" data-animate="bounceIn"> <i class="fas fa-phone"></i> <h4 class="contact_title">Téléphone</h4> <p class="contact_description"> (33) 6 69 98 01 40<br>Lundi - Vendredi<br>de 9:00 à 12:00<br>et de 14:00 à 17:00</p> </div> <!-- Email Address --> <div class="col-xs-6 col-sm-6 col-md-3 contact-info text-center triggerAnimation animated" data-animate="bounceIn"> <i class="fas fa-envelope"></i> <h4 class="contact_title">Adresse email</h4> <a href="mailto:info@bdgest.com">info@bdgest.com</a> </div> <!-- Working Hours --> <div class="col-xs-6 col-sm-6 col-md-3 contact-info text-center triggerAnimation animated" data-animate="bounceIn"> <i class="fas fa-clock"></i> <h4 class="contact_title">Horaires</h4> <p class="contact_description">Lundi - Vendredi<br>9:00 - 17:00</p> </div> </div> <!-- End row --> </div> <!-- End container --> </section> <!-- END CONTACT-INFO --> <!-- FOOTER ============================================= --> <footer id="footer"> <div class="container"> <!-- FOOTER COPYRIGHT --> <div class="row"> <div id="footer_copyright" class="col-sm-12 text-center"> <p style="margin:0;"><i class="fas fa-copyright"></i> Copyright 2015 • <span>Home Solutions</span> • Tous droits réservés</p> <p> • <a href="https://www.bdgest.com/cgu">CGU Site</a> • <a href="https://www.bdgest.com/cgu/logiciel">CGU Logiciel</a> • <a href="https://www.bdgest.com/cgv/logiciel">CGV</a> • <a href="https://www.bdgest.com/confidentialite">Politique de confidentialité</a> • <a href="https://www.bdgest.com/cookies">Cookies</a> • </p> </div> </div> <!-- FOOTER SOCIALS --> <div class="row"> <div id="footer_socials" class="col-sm-12 text-center"> <div id="contact_icons"> <ul class="contact-socials clearfix"> <li><a class="foo_social ico-facebook" href="https://www.facebook.com/bdgest"><i class="fab fa-facebook"></i></a></li> <li><a class="foo_social ico-twitter" href="https://www.twitter.com/BDGest"><i class="fab fa-twitter"></i></a></li> <li><a class="foo_social ico-bdgest" href="https://www.bdgest.com/" title="BDGest.com"><i class="fas fa-comment"></i></a></li> <li><a class="foo_social ico-bdgest" href="https://www.bedetheque.com/" title="Bedetheque.com"><i class="fas fa-books"></i></a></li> </ul> </div> </div> </div> <!-- END FOOTER SOCIALS --> </div> <!-- End container --> </footer> <!-- END FOOTER --> </div> <!-- END CONTENT WRAPPER --> <!-- EXTERNAL SCRIPTS ============================================= --> <script src='https://online.bdgest.com/assets/js/jquery-2.1.1.min.js'></script> <script src='https://online.bdgest.com/assets/js/bootstrap.min.js'></script> <script src='https://online.bdgest.com/assets/js/modernizr.custom.js'></script> <script src='https://online.bdgest.com/assets/js/jquery.easing.js'></script> <script src='https://online.bdgest.com/assets/js/retina.js'></script> <script src='https://online.bdgest.com/assets/js/jquery.stellar.min.js'></script> <script defer src='https://online.bdgest.com/assets/js/jquery.flexslider.js'></script> <script src='https://online.bdgest.com/assets/js/jquery.parallax-1.1.3.js'></script> <script defer src='https://online.bdgest.com/assets/js/count-to.js'></script> <script defer src='https://online.bdgest.com/assets/js/jquery.appear.js'></script> <script src='https://online.bdgest.com/assets/js/jquery.mixitup.js'></script> <script src='https://online.bdgest.com/assets/js/jquery.prettyPhoto.js'></script> <script src='https://online.bdgest.com/assets/js/owl.carousel.js'></script> <script src='https://online.bdgest.com/assets/js/jquery.easypiechart.min.js'></script> <script defer src='https://online.bdgest.com/assets/js/jquery.validate.min.js'></script> <script src='https://online.bdgest.com/assets/js/waypoints.min.js'></script> <script src='https://online.bdgest.com/assets/js/custom.js?v=35e21d81'></script> <script src='https://www.bdgest.com/js/vu.min.js?v=35e21d81'></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </body> </html>