CINXE.COM
Codestible : 脡diteur de sites web 脿 Nantes
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Codestible : 脡diteur de sites web 脿 Nantes</title> <meta name="description" content="Notre cuisine num茅rique 茅labore des sites web avec les meilleurs ingr茅dients : design, d茅veloppement, contenu, communaut茅."> <link rel="preconnect" href="https://use.typekit.net/"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="index, follow"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="preload" as="style" href="https://codestible.com/media/assets/main-BTrfdg8Z.css" /><link rel="stylesheet" href="https://codestible.com/media/assets/main-BTrfdg8Z.css" /> <script> document.addEventListener('DOMContentLoaded', () => { document.querySelector('header .c-header__menu-toggler-link').addEventListener('click', evt => { evt.target.closest('.c-header__menu').classList.toggle('is-active'); }) let animationObserver = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add('do-animation'); } }); }, { threshold: 1 // Proc quand tout l'茅lement est visible, default 0 }); document.querySelectorAll('.o-content__stamp, .c-site-specialise').forEach(stamp => { animationObserver.observe(stamp); }) }); </script> </head> <body class="o-body"> <header class="o-header"> <nav class="o-header__nav"> <ul class="c-header__menu"> <li class="c-header__menu-item"> <a href="/#anchor-realisations" class="c-header__menu-link">R茅alisations</a> </li> <li class="c-header__menu-item"> <a href="/#anchor-approche" class="c-header__menu-link">Notre approche</a> </li> <li class="c-header__menu-item"> <a href="/#anchor-contact" class="c-header__menu-link">Contact</a> </li> <li class="c-header__menu-toggler"> <a class="c-header__menu-toggler-link" href="javascript:void(0);"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.33344C0 4.3516 0.795938 3.55566 1.77778 3.55566H30.2222C31.2041 3.55566 32 4.3516 32 5.33344C32 6.31528 31.2041 7.11122 30.2222 7.11122H1.77778C0.795938 7.11122 0 6.31528 0 5.33344ZM5.33333 16.0001C5.33333 15.0183 6.12927 14.2223 7.11111 14.2223H30.2222C31.2041 14.2223 32 15.0183 32 16.0001C32 16.9819 31.2041 17.7779 30.2222 17.7779H7.11111C6.12927 17.7779 5.33333 16.9819 5.33333 16.0001ZM10.6667 26.6668C10.6667 25.6849 11.4626 24.889 12.4444 24.889H30.2222C31.2041 24.889 32 25.6849 32 26.6668C32 27.6486 31.2041 28.4446 30.2222 28.4446H12.4444C11.4626 28.4446 10.6667 27.6486 10.6667 26.6668Z" /> </svg> </a> </li> </ul> </nav> </header> <!--suppress HtmlFormInputWithoutLabel --> <div class="c-header__banner"> <div class="c-header__banner-codestible"> <h1 class="o-h1 c-header__banner-title"> <svg class="c-header__banner-logo" width="200" viewBox="0 0 424 199" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><title>Codestible</title><g style="font-family:'Gelica',sans-serif;font-weight:500"><text x="227.012" y="370.141" style="font-size:88.5px" transform="matrix(.99999 0 0 1 -229.709 -172.646)">Codestible</text><g class="a-rotate"><text x="273.506" y="331.183" style="font-size:92.4px" transform="rotate(-10 -1101.525 1226.483)">-</text><text x="301.342" y="324.951" style="font-size:89.4px" transform="rotate(-10 -1101.525 1226.483)">[</text><text x="361.328" y="325.069" style="font-size:88.5px" transform="rotate(-10 -1101.525 1226.483)">(</text><text x="454.127" y="324.951" style="font-size:89.4px" transform="rotate(-10 -1101.525 1226.483)">]</text><text x="479.466" y="331.183" style="font-size:92.4px" transform="rotate(-10 -1101.525 1226.483)">-</text><text x="322.527" y="310.462" style="font-weight:600;font-size:76.2px" transform="rotate(-10 -1101.525 1226.483)">=</text><text x="425.463" y="334.829" style="font-size:94.2px" transform="rotate(-10 -1101.525 1226.483)">"</text><g><text x="298.041" y="-392.624" style="font-size:94.2px" transform="rotate(80 -11.98 -223.203)">"</text></g><g><text x="-339.067" y="431.679" style="font-weight:600;font-size:74.4px" transform="rotate(-100 -187.29 10.052)"><</text><text x="-300.974" y="431.679" style="font-weight:600;font-size:74.4px" transform="rotate(-100 -187.29 10.052)">></text></g><g><text x="307.971" y="-326.455" style="font-size:88.5px" transform="rotate(80 -11.98 -223.203)">.</text></g><g><text x="308.059" y="-347.429" style="font-size:88.5px" transform="rotate(80 -11.98 -223.203)">.</text></g></g></g></svg> 脡diteur de sites<br/> web 脿 <span class="u-green">Nantes</span> </h1> <p class="c-header__banner-pitch">Notre cuisine num茅rique 茅labore des sites web avec les meilleurs ingr茅dients : design, d茅veloppement, contenu, communaut茅.</p> </div> <img class="c-header__banner-coffee" src="https://codestible.com/media/assets/coffee-C9dM8BQ9.svg" alt="Mieux avec un caf茅 en main" width="612px"/> </div> <main class="o-content"> <div class="o-content__sites-domaines"> <div class="o-content__sites-populaires" id="anchor-realisations"> <h2 class="o-h2">Sites populaires</h2> <div class="c-site-populaire"> <h3 class="o-h3 c-site-populaire__name"><a class="c-site-populaire__link" href="https://icalendrier.fr/">iCalendrier</a></h3> <div class="c-sites-populaires__preview"> <img class="c-sites-populaires__browser" src="https://codestible.com/media/assets/browse-top-BQS5VQXX.svg" alt="Browser top bar" width="440"/> <p class="c-sites-populaires__preview-url">icalendrier.fr</p> <a class="c-site-populaire__link c-site-populaire__link--img" href="https://icalendrier.fr/"> <picture> <source srcset="https://codestible.com/media/assets/icalendrier-CBcBvuge.webp" type="image/webp"> <img class="c-sites-populaires__preview-img" src="https://codestible.com/media/assets/icalendrier-Di4ADahA.png" alt="Page d'accueil iCalendrier.fr"> </picture> </a> </div> <p class="c-sites-populaires__description-number">01</p> <p class="c-sites-populaires__description">Calendriers 脿 t茅l茅charger, jours f茅ri茅s, vacances scolaires, outils de calculs de dates, ressources encyclop茅diques autour des 茅v茅nements de chaque pays.</p> </div> <div class="c-site-populaire"> <h3 class="o-h3 c-site-populaire__name"><a class="c-site-populaire__link" href="https://www.myabandonware.com/">MyAbandonware</a></h3> <div class="c-sites-populaires__preview"> <img class="c-sites-populaires__browser" src="https://codestible.com/media/assets/browse-top-BQS5VQXX.svg" alt="Browser top bar" width="440"/> <p class="c-sites-populaires__preview-url">myabandonware.com</p> <a class="c-site-populaire__link c-site-populaire__link--img" href="https://www.myabandonware.com/"> <picture> <source srcset="https://codestible.com/media/assets/myabandonware-DXSWFXoK.webp" type="image/webp"> <img class="c-sites-populaires__preview-img" src="https://codestible.com/media/assets/myabandonware-4WYD0ONX.png" alt="Page d'accueil MyAbandonware"> </picture> </a> </div> <p class="c-sites-populaires__description-number">02</p> <p class="c-sites-populaires__description">Site de r茅f茅rence du r茅trogaming: collection exhaustive de jeux vid茅os anciens, ordinateurs et consoles, communaut茅 d鈥檈ntraide pour l鈥櫭﹎ulation, aide 脿 l鈥檌nstallation sur PC.</p> </div> </div> <img class="o-content__stamp" src="https://codestible.com/media/assets/stamp-CCGFBIAk.svg" alt="Made with love from Nantes" width="128px"/> <div class="o-content__domaines-specialises"> <h2 class="o-h2">Domaines sp茅cialis茅s</h2> <p class="c-domaines-specialises__intro"> Nous g茅rons une diversit茅 de sites d茅di茅s 脿 des secteurs de niche sp茅cifiques, voici un aper莽u de notre r茅seau. </p> <!-- @formatter:off --> <div class="c-sites-specialises"> <div class="c-site-specialise c-site-specialise--small"> <h3 class="o-h3 c-site-specialise__name c-site-specialise__name--wide u-inverted-bl-tb u-inverted-br-tb"><a class="c-site-specialise__link c-site-specialise__link--wide" href="https://stationessence.com/">stationessence<span class="u-green">.com</span> </a></h3> <a class="c-site-specialise__link c-site-specialise__link--img" href="https://stationessence.com/"> <picture> <source srcset="https://codestible.com/media/assets/stationessence-B9i75NtJ.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/stationessence-uri_hzYQ.png" alt="Page d'accueil StationEssence.com"> </picture> </a> </div> <div class="c-site-specialise c-site-specialise--small"> <h3 class="o-h3 c-site-specialise__name c-site-specialise__name--left u-inverted-bl-tb u-inverted-tr-tr"><a class="c-site-specialise__link" href="https://fetedujour.fr/">fetedujour<span class="u-green">.fr</span> </a></h3> <a class="c-site-specialise__link c-site-specialise__link--img" href="https://fetedujour.fr/"> <picture> <source srcset="https://codestible.com/media/assets/fetedujour-BflfUPIH.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/fetedujour-luwuLAr7.png" alt="Page d'accueil Fete du jour .fr"> </picture> </a> </div> <div class="c-site-specialise c-site-specialise--medium"> <h3 class="o-h3 c-site-specialise__name c-site-specialise__name--bottom-left u-inverted-tl-tt u-inverted-br-tr"><a class="c-site-specialise__link" href="https://centreaere.fr/">centreaere<span class="u-green">.fr</span> </a></h3> <a class="c-site-specialise__link c-site-specialise__link--img" href="https://centreaere.fr/"> <picture> <source srcset="https://codestible.com/media/assets/centreaere-CedYwWCh.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/centreaere-5755L18h.png" alt="Page d'accueil CentreAere.fr"> </picture> </a> </div> <div class="c-site-specialise c-site-specialise--large"> <h3 class="o-h3 c-site-specialise__name c-site-specialise__name--right u-inverted-tl-tl u-inverted-br-tb"><a class="c-site-specialise__link" href="https://agencesvoyage.fr/">agencesvoyage<span class="u-green">.fr</span> </a></h3> <a class="c-site-specialise__preview-imgs" href="https://agencesvoyage.fr/"> <picture> <source srcset="https://codestible.com/media/assets/agencesvoyage-VfZDcyRw.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/agencesvoyage-BZEiTryv.png" alt="Page d'accueil AgencesVoyage.fr"> </picture> <picture> <source srcset="https://codestible.com/media/assets/agencesvoyage-fiche-DI0y2t7b.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/agencesvoyage-fiche-hxQ2GKBI.png" alt="Page d'accueil AgencesVoyage.fr"> </picture> <picture> <source srcset="https://codestible.com/media/assets/agencesvoyage-nantes-BlNzEUVE.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/agencesvoyage-nantes-DoHNgbcQ.png" alt="Page d'accueil AgencesVoyage.fr"> </picture> <picture> <source srcset="https://codestible.com/media/assets/agencesvoyage-nantes-browse-CBeIhyuB.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/agencesvoyage-nantes-browse-DCw-YSfM.png" alt="Page d'accueil AgencesVoyage.fr"> </picture> </a> </div> <div class="c-site-specialise"> <h3 class="o-h3 c-site-specialise__name c-site-specialise__name--right u-inverted-tl-tl u-inverted-br-tb"><a class="c-site-specialise__link" href="https://ladechetterie.fr/">ladechetterie<span class="u-green">.fr</span> </a></h3> <a class="c-site-specialise__link c-site-specialise__link--img" href="https://ladechetterie.fr/"> <picture> <source srcset="https://codestible.com/media/assets/ladechetterie-BAFpucPN.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/ladechetterie-Mluyyq9G.png" alt="Page d'accueil LaDechetterie.fr"> </picture> </a> </div> <div class="c-site-specialise"> <h3 class="o-h3 c-site-specialise__name c-site-specialise__name--left u-inverted-bl-tb u-inverted-tr-tr"><a class="c-site-specialise__link" href="https://bureautabac.fr/">bureautabac<span class="u-green">.fr</span> </a></h3> <a class="c-site-specialise__link c-site-specialise__link--img" href="https://bureautabac.fr/"> <picture> <source srcset="https://codestible.com/media/assets/bureautabac-B33Dgiht.webp" type="image/webp"> <img class="c-site-specialise__preview-img" src="https://codestible.com/media/assets/bureautabac-C9Syi3eo.png" alt="Page d'accueil BureauTabac.fr"> </picture> </a> </div> </div> <!-- @formatter:on --> </div> </div> <div class="o-content__approche-contact"> <div class="o-content__notre-approche" id="anchor-approche"> <h2 class="o-h2">Notre approche</h2> <div class="c-notre-approche__descr"> <ul class="c-notre-approche__list"> <li class="c-notre-approche__list-item"> <h3 class="o-h3">Les d茅buts</h3> <p class="o-p">Fond茅e en 2008 脿 Rennes sous le nom utopiaweb, Codestible est une soci茅t茅 茅ditrice de sites internet d茅sormais bas茅e 脿 Nantes.</p> </li> <li class="c-notre-approche__list-item"> <h3 class="o-h3">Un duo de choc</h3> <p class="o-p">Notre 茅quipe s鈥檃rticule autour de deux d茅veloppeurs s茅niors full stack, forts de 17 ans d'exp茅rience, Baptiste PLAC脡 et Baptiste BERNARD.</p> </li> <li class="c-notre-approche__list-item"> <h3 class="o-h3">Notre expertise technique</h3> <p class="o-p">Nous travaillons majoritairement en Extreme programming, souvent en bin么me avec la pile technologique L[AE]MP.<br/> V茅ritables artisans du web, notre volont茅 est de proposer des ressources de qualit茅, digestes et adapt茅es aux attentes des internautes.</p> </li> </ul> </div> <div class="c-notre-approche__mosaic"> <picture> <source srcset="https://codestible.com/media/assets/baptiste-place-codestible-BgF-_zfI.webp" type="image/webp"> <img class="c-notre-approche__mosaic-1" src="https://codestible.com/media/assets/baptiste-place-codestible-DGrBAeVd.jpg" alt="Baptiste PLAC脡, co-g茅rant chez Codestible" loading="lazy"/> </picture> <div class="c-notre-approche__mosaic-2">Full<br/>Stack</div> <div class="c-notre-approche__mosaic-3">Extreme<br/> <span>Programming</span> </div> <div class="c-notre-approche__mosaic-4"></div> <div class="c-notre-approche__mosaic-5"></div> <picture> <source srcset="https://codestible.com/media/assets/baptiste-bernard-codestible-0eGPaVca.webp" type="image/webp"> <img class="c-notre-approche__mosaic-6" src="https://codestible.com/media/assets/baptiste-bernard-codestible-DDzw0w86.jpg" alt="Baptiste BERNARD, co-g茅rant chez Codestible" loading="lazy"/> </picture> </div> </div> <div class="o-content__contactez-nous"> <div class="c-contact-infos" id="anchor-contact"> <h2 class="o-h2">Contactez-nous</h2> <p class="o-p">N'h茅sitez pas 脿 nous joindre par t茅l茅phone, email ou en utilisant notre formulaire en ligne.</p> <ul class="c-contactez-nous__means"> <li class="c-contactez-nous__mean"> <img class="c-contactez-nous__icon" src="https://codestible.com/media/assets/phone-BHkoiV4h.svg" alt="Ic么ne appel" width="20"/> <a class="c-contactez-nous__link" href="tel:+33629208608">06 29 20 86 08</a> </li> <li class="c-contactez-nous__mean"> <img class="c-contactez-nous__icon" src="https://codestible.com/media/assets/poi-eUgenMml.svg" alt="Ic么ne lieu" width="20"/> 12 all茅e du Port Maillard 44000 Nantes </li> <li class="c-contactez-nous__mean"> <img class="c-contactez-nous__icon" src="https://codestible.com/media/assets/mail-k-tdNMm8.svg" alt="Ic么ne mail" width="20"/> <a class="c-contactez-nous__link" href="mailto:hello@codestible.com">hello@codestible.com</a> </li> </ul> </div> <form class="c-contact-form" action="https://codestible.com/contact" method="post"> <input type="hidden" name="_token" value="ReoAY31JK22VFdnoznoXV9CUcPPjkfuvKhQ3zR3T" autocomplete="off"> <input class="c-contact-form__text " required type="text" id="name" name="name" placeholder="Nom"/> <input class="c-contact-form__text " type="text" id="company" name="company" placeholder="Soci茅t茅"/> <input class="c-contact-form__text " required type="text" id="email" name="email" placeholder="E-mail" autocomplete="email"/> <select class="c-contact-form__select " required type="text" id="subject" name="subject"> <option class="c-contact-form__option" value="">Objet</option> <option class="c-contact-form__option" value="dev">Besoin en d茅veloppement</option> <option class="c-contact-form__option" value="pub">Partenariat publicitaire</option> <option class="c-contact-form__option" value="support">Support et r茅clamation</option> </select> <textarea class="c-contact-form__textarea " required id="message" name="message" placeholder="Votre message"></textarea> <input class="c-contact-form__submit" type="submit" value="Envoyer le message"/> </form> </div> </div> </main> <footer class="o-footer"> <div class="o-footer__prefoot"> <div class="o-footer__banner-menu"> <div class="o-footer__banner-codestible"> <svg class="o-footer__banner-logo" width="120" viewBox="0 0 424 199" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><title>Codestible</title><g style="font-family:'Gelica',sans-serif;font-weight:500"><text x="227.012" y="370.141" style="font-size:88.5px" transform="matrix(.99999 0 0 1 -229.709 -172.646)">Codestible</text><g class="a-rotate"><text x="273.506" y="331.183" style="font-size:92.4px" transform="rotate(-10 -1101.525 1226.483)">-</text><text x="301.342" y="324.951" style="font-size:89.4px" transform="rotate(-10 -1101.525 1226.483)">[</text><text x="361.328" y="325.069" style="font-size:88.5px" transform="rotate(-10 -1101.525 1226.483)">(</text><text x="454.127" y="324.951" style="font-size:89.4px" transform="rotate(-10 -1101.525 1226.483)">]</text><text x="479.466" y="331.183" style="font-size:92.4px" transform="rotate(-10 -1101.525 1226.483)">-</text><text x="322.527" y="310.462" style="font-weight:600;font-size:76.2px" transform="rotate(-10 -1101.525 1226.483)">=</text><text x="425.463" y="334.829" style="font-size:94.2px" transform="rotate(-10 -1101.525 1226.483)">"</text><g><text x="298.041" y="-392.624" style="font-size:94.2px" transform="rotate(80 -11.98 -223.203)">"</text></g><g><text x="-339.067" y="431.679" style="font-weight:600;font-size:74.4px" transform="rotate(-100 -187.29 10.052)"><</text><text x="-300.974" y="431.679" style="font-weight:600;font-size:74.4px" transform="rotate(-100 -187.29 10.052)">></text></g><g><text x="307.971" y="-326.455" style="font-size:88.5px" transform="rotate(80 -11.98 -223.203)">.</text></g><g><text x="308.059" y="-347.429" style="font-size:88.5px" transform="rotate(80 -11.98 -223.203)">.</text></g></g></g></svg> <p class="o-footer__banner-pitch">Notre cuisine num茅rique 茅labore des sites web avec les meilleurs ingr茅dients : design, d茅veloppement, contenu, communaut茅.</p> </div> <ul class="o-footer__menu"> <li class="o-footer__menu-item"><a class="o-footer__menu-link" href="https://codestible.com/emploi"> Offres emploi / stage</a> </li> <li class="o-footer__menu-item"><a class="o-footer__menu-link" href="https://codestible.com/mentions"> Mentions l茅gales</a> </li> </ul> </div> <div class="o-footer__contact-us"> <p class="o-footer__questions">Un projet ? Des questions ?</p> <a href="mailto:hello@codestible.com" class="o-footer__questions-contact"> Contactez-nous <img class="o-footer__questions-arrow" alt="Fl猫che 脿 gauche" src="https://codestible.com/media/assets/arrow-D1HTKZYf.svg" width="18"/> </a> </div> </div> <div class="o-footer_separator"></div> <div class="o-footer__foot"> <p class="o-footer__foot-copyright">漏 Codestible 2024. Tous droits r茅serv茅s.</p> <ul class="o-footer__socials"> <li class="o-footer__socials-item"> <a class="o-footer__socials-link" href="https://twitter.com/codestible_com"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 20L10.768 13.232M13.228 10.772L20 4M4 4L15.733 20H20L8.267 4H4Z" stroke="#202B38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="o-footer__socials-item"> <a class="o-footer__socials-link" href="https://www.linkedin.com/company/2675688/"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 11V16M8 8V8.01M12 16V11M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z" stroke="#202B38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 16V13C16 12.4696 15.7893 11.9609 15.4142 11.5858C15.0391 11.2107 14.5304 11 14 11C13.4696 11 12.9609 11.2107 12.5858 11.5858C12.2107 11.9609 12 12.4696 12 13" stroke="#202B38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> </ul> </div> </footer> </body> </html>