Agence web de création de site Internet et expertise IA à Amiens

<!DOCTYPE html> <html lang="fr"> <head> <title>Agence web de création de site Internet et expertise IA à Amiens</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="msapplication-tap-highlight" content="no"> <link href="//www.awelty.fr/themes/designlines/page/index.css?v=1707122574" rel="stylesheet"> <meta name="description" content="Awelty est une Agence web et de communication à Amiens en Hauts de France. Nous accompagnons les entreprises dans la création de leur site Internet." /> <link rel="image_src" href="https://www.awelty.fr/medias/images/icon-red.png" /> <meta property="og:image" content="https://www.awelty.fr/medias/images/icon-red.png" /> <link rel="canonical" href="https://www.awelty.fr/"> <meta name="generator" content="Awelty Agence Web (awelty.com)"> <link rel="icon" href="https://www.awelty.fr/medias/site/favicon/a_fav.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_114_114" /> <link rel="apple-touch-icon" sizes="72x72" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_72_72" /> <link rel="apple-touch-icon" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_57_57" /> <link rel="apple-touch-icon-precomposed" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_57_57" /> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"> <meta name="ahrefs-site-verification" content="cc12c106b6f6c58849e772686d8e843243072d6458681fc5a491b570c48fb927"> <meta name="facebook-domain-verification" content="a3l6om3vj78v4s3nb5glai42w7v82a" /> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '430592938286861'); fbq('track', 'PageView'); </script>  <meta name="theme-color" content="#FFFFFF"> <meta name="msapplication-navbutton-color" content="#FFFFFF"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700%7CRoboto%20Condensed:300,400,700&display=swap" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//www.awelty.fr/themes/combined.css?v=6_1646067808_2263" rel="stylesheet">  <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.min.js"></script>   <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/ems-framework.min.js?v=1672"></script> <script src="https://www.awelty.fr/themes/content.js?v=6_1646067808_2263&lang=fr"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-874445-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-874445-2'); </script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "WebSite", "name" : "Awelty", "url" : "https://www.awelty.fr/" } </script> </head> <body id="welcome_index" class="default menu-fixed">  <nav class="navbar navbar-top navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button data-toggle="collapse" data-target="#navbar" data-orientation="horizontal" class="btn btn-link navbar-toggle"> <i class="fa fa-bars"></i> </button> <a class="brand" href="https://www.awelty.fr/"> <img src="https://www.awelty.fr/medias/site/logos/logo-awelty.jpg" alt="Awelty"> </a> </div> <div id="navbar" class="collapse"> <ul class="primary-navbar">  <li class="mother-container"> <div class="align-menu"> <a href="/pages/studio-web/creation-de-site/" class="mother-category">Studio web</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="studio-web-menu"> <div> <ul> <li> <a href="/pages/studio-web/creation-de-site/" class="under-mother">Création de site</a> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/creation-de-site/site-e-commerce/">Création de site e-commerce</a></li> <li><a href="/pages/studio-web/creation-de-site/site-e-commerce/creation-site-e-commerce-cms-prestashop.html">Création de site PrestaShop</a></li> <li><a href="/pages/studio-web/creation-de-site/creation-refonte-site-web-vitrine.html">Création de site vitrine</a></li> <li><a href="/pages/studio-web/creation-de-site/cms-awelty.html">CMS awelty</a></li> <li><a href="/pages/studio-web/creation-de-site/etapes-creation-site-web.html">Etapes de création</a></li> <li><a href="/pages/studio-web/creation-de-site/tarifs-creation-de-site-internet.html">Tarifs d'un site web</a></li> <li><a href="/pages/studio-web/creation-de-site/exemples-de-sites-crees.html">Exemples de sites</a></li> <li><a href="/pages/studio-web/creation-de-site/webmastering-maintenance-site-web.html">Webmastering</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother">Développement</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/studio-web/developpement/developpement-web-application-metier.html">Développement spécifique</a></li> </ul> </li> </ul>  <ul> <li> <span class="under-mother">Application mobile</span> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/application-mobile/developpement-applications-mobiles-sur-mesure.html">Développement d’application mobile</a></li> <li><a href="/pages/studio-web/application-mobile/etapes-creation-application-mobile.html">Les étapes de création</a></li> </ul> </li> </ul> <ul class="margin-t"> <li> <span class="under-mother">Chatbot</span> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/agent-conversationnel/creation-chatbot-agent-conversationnel-amiens.html">Création de Chatbot</a></li> </ul> </li> </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/agence-de-communication/" class="mother-category">Communication</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="communication-menu"> <div> <ul> <li> <a href="/pages/agence-de-communication/studio-graphique/" class="under-mother">Studio Graphique</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/studio-graphique/conception-pao.html">Conception PAO</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Webdesign</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/webdesign/template-e-monsite.html">Webdesign EMS</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother margin-bottom">Réseaux Sociaux</span> </li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/reseaux-sociaux/communication-reseaux-sociaux.html">Gestion des réseaux sociaux</a></li> <li><a href="/pages/agence-de-communication/reseaux-sociaux/creation-banniere-video-facebook.html">Bannière Facebook animée</a></li> </ul> </ul> <ul> <li> <span class="under-mother">Production audiovisuelle</span> </li> <ul class="third-level"> <li><a href="/pages/agence-de-communication/production-audiovisuelle/photographie.html">Photographies</a></li> <li><a href="/pages/agence-de-communication/production-audiovisuelle/videos.html">Vidéos</a></li> <li><a href="/pages/agence-de-communication/production-audiovisuelle/motion-design.html">Motion-design</a></li> </ul> </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/webmarketing/" class="mother-category">Webmarketing</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="webmarketing-menu"> <div> <ul> <li> <a href="/pages/webmarketing/referencement-naturel/" class="under-mother">Référencement naturel</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/webmarketing/referencement-naturel/audit-referencement-seo.html">Audit SEO</a></li> <li><a href="/pages/webmarketing/referencement-naturel/etapes-referencement-site-web.html">Etapes du référencement</a></li> <li><a href="/pages/webmarketing/referencement-naturel/charte-qualite-referencement.html">Charte de qualité</a></li> <li><a href="/pages/webmarketing/referencement-naturel/redaction-web.html">Rédaction web</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Référencement payant</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/webmarketing/referencement-payant/creation-campagne-google-adwords-sea.html">Création d'une campagne Ads</a></li> <li><a href="/pages/webmarketing/referencement-payant/campagnes-adwords.html">Gestion d’une campagne Ads</a></li> </ul> </li> </ul> <ul> <li> <a href="/pages/webmarketing/campagne-e-mailing/" class="under-mother">Campagne emailing</a> </li>  </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/formations-outils-innovants/" class="mother-category">Formations</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="formation-menu"> <div> <ul> <li> <span class="under-mother">Création de site internet</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-creation-site-internet/">Formations création de site internet</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Référencement</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-referencement-web/">Formations au référencement SEO et SEA</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Réseaux sociaux</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-reseaux-sociaux/">Formations aux réseaux sociaux</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother">Chatbot</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-chatbot/">Formations chatbot</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Gestion de projet</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-gestion-de-projet/">Formations en gestion de projet</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Emailing</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-emailing/">Formations campagnes emailing</a></li> </ul> </li> </ul> </div> </div> </li>  <li class="mother-container"><a href="/blog/" class="mother-category">Blog</a></li>  <li class="mother-container"><a href="/pages/contact.html" class="mother-category">Contact</a></li>  <li class="mother-container"><a href="/pages/combien-coute-un-site-web.html" class="mother-category">Devis en ligne</a></li>  <li class="mother-container"><a href="tel:0971169700" class="mother-category"><i class="fa fa-phone fa-fw" aria-hidden="true"></i>09 71 16 97 00</a></li> </ul> </div> </div> </nav>  <div id="wrapper" class="full-row">  <div id="main"> <div class="view view-pages" id="view-index" > <div id="rows-60785528bed46dd3e46cecb9" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column hidden-phone advanced" style="width:18%"> <div id="cell-5640a800c13bc1f82510711b" class="column-content"> <div id="logo"> <p><img src="/medias/files/awelty-logo.svg" alt="agence awelty création de site Amiens"</p> </div> </div> </div> <div data-role="cell" class="column flex-col advanced" style="width:62%"> <div id="cell-58449cb8618bc1f825107c75" class="column-content"> <h1 class="home-title">Agence web de création de site Internet et expertise IA à Amiens</h1> <hr class="source-hr hr-left hr-blue" /> <p class="little-phone">Agence web à Amiens, awelty vous accompagne dans vos projets de <a href="/pages/studio-web/creation-de-site/">création de site web</a>, de stratégie de <a href="/pages/webmarketing/referencement-naturel/">référencement</a> , de <a href="/pages/agence-de-communication/">communication</a> et de développement de <strong>solutions d'intelligence artificielle</strong>.<br /> Depuis 17 ans, awelty développe et commercialise des <a href="https://www.blogduwebdesign.com/pages/outils-web/">logiciels web</a> ; l'expérience acquise lui permet aujourd'hui d'accompagner une entreprise dans sa <strong>transition digitale</strong>.<br /> <strong>Les startups</strong> trouveront au sein de l'agence toutes les ressources nécessaires à leur développement.</p> </div> </div> <div data-role="cell" class="column contact-col hidden-phone advanced" style="width:20%"> <div id="cell-58449cb86192c1f825100174" class="column-content"> <div id="map-h-contact"></div> <a href="/pages/se-rendre-chez-awelty.html"><i class="fa fa-level-up arrow-map" aria-hidden="true"></i></a> <div class="contact-content"> <div class="icon-col"> <i class="fa fa-phone" aria-hidden="true"></i> <i class="fa fa-envelope" aria-hidden="true"></i> </div> <div class="link-col"> <a href="tel:0971169700">09.71.16.97.00</a> <a href="/pages/contact.html">Nous contacter</a> </div> </div> </div> </div> </div> </div> </div> <div class="row-container rd-2 row-highlighted padding-t-b-2x margin-b page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5640a800c147c1f825104edd" class="column-content"> <div id="c-site" class="nav-bloc"> <div class="nav-title"> <a href="/pages/studio-web/creation-de-site/" class="deco-none"><h2 class="beige-t">Création de site</h2></a> </div> <p class="hidden-phone">L'Agence web à Amiens <strong>construit des sites</strong> de haute qualité depuis plus de 7 ans. Notre expertise, notre charte de qualité, ainsi que des étapes de création maitrisées sont l'assurance d'un projet web réussi..</p> </div> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-58449cb861a4c1f825109d38" class="column-content"> <div id="c-graph" class="nav-bloc"> <div class="nav-title"> <a href="/pages/agence-de-communication" class="deco-none"><h2>Communication</h2></a> </div> <p class="hidden-phone">Le travail sur une communication web comme sur une <strong>communication papier</strong> débute par un travail essentiel sur votre identité graphique. Nous pouvons décliner votre charte graphique sur tous les supports.</p> </div> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-58449cb861aac1f825109377" class="column-content"> <div class="nav-bloc" id="c-com"> <div class="nav-title"> <a class="deco-none" href="/pages/webmarketing/"><h2 class="bleu-t">Webmarketing</h2></a> </div> <p class="hidden-phone">La création d'un site est une première étape. Nos équipes s'appuient ensuite sur le webmarketing pour aller plus loin. Nous sommes spécialisés dans le <strong>référencement</strong>, la rédaction de contenu, la gestion de communautés et le <strong>conseil en stratégie web</strong>.</p> </div> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5d9f3f8a9a96d4558d132479" class="column-content"> <div class="nav-bloc" id="c-form"> <div class="nav-title"> <a class="deco-none" href="/pages/formations-outils-innovants/"><h2 class="green-t">Formations</h2></a> </div> <p class="hidden-phone">Expert des outils du numérique, notre centre de <strong>formations professionnelles</strong> vous accompagne dans le développement de vos compétences sur ces outils innovants. Développez votre stratégie numérique pour votre business.</p> </div> </div> </div> </div> </div> </div> <div class="row-container rd-3 padding-t-b-2x page_1" id="pulse-row"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:50%"> <div id="cell-5640a800c152c1f825108d2b" class="column-content"> <a href="/pages/studio-web/creation-de-site/site-e-commerce/?home" class="deco-none"><div id="pulse-1" class="pulse-bloc settings-bg"> <div class="cont-pulse-f"> <i class="fa fa-chevron-circle-up fa-2x hidden-phone" aria-hidden="true"></i> <h3 class="t-p-full">Créer un commerce en ligne est une aventure dans laquelle il est important d'être accompagné</h3> <p class="hidden-phone">L'agence web awelty crée des sites e-commerce et conçoit avec vous une véritable stratégie marketing, en vous accompagnant dans toutes les étapes de création d'un site marchand.</p> </div> </div> </a> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5640a800c160c1f82510bd62" class="column-content"> <a href="/pages/webmarketing/referencement-payant/creation-campagne-google-adwords-sea.html?home" class="deco-none"><div id="pulse-2" class="pulse-bloc settings-bg"> <div class="cont-pulse-f"> <i class="fa fa-chevron-circle-up fa-2x hidden-phone" aria-hidden="true"></i> <h3 class="t-p-full">Création de votre campagne Adwords </h3> <p class="hidden-phone">Une approche webmarketing ne peut être imaginée sans exploiter les performances du référencement payant avec Google Adwords.</p> </div> </div> </a> </div> </div> <div data-role="cell" class="column" style="width:25%"> <div id="cell-5640a800c164c1f82510b697" class="column-content"> <a href="https://www.e-monsite.com/pages/webinars/" class="deco-none"><div id="pulse-3" class="pulse-bloc settings-bg"> <div class="cont-pulse-f demi-pulse"> <h3>Formation en ligne & Webinar</h3> </div> </div> </a> <a href="/pages/webmarketing/campagne-e-mailing/?home" class="deco-none"><div id="pulse-4" class="pulse-bloc settings-bg"> <div class="cont-pulse-f demi-pulse"> <h3 class="t-p-full">Prospecter, convertir et fidéliser votre clientèle</h3> </div> </div> </a> </div> </div> </div> </div> </div> <div class="row-container rd-4 row-highlighted row-product text-center page_1 rd-align-items-center"> <div class="row-content"> <h2 class="row-title text-center"> Les marques du groupe </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:33%"> <div id="cell-58449cb861dcc1f82510577c" class="column-content"> <a href="https://www.e-monsite.com/"><img loading="lazy" src="/medias/images/logo-e-monsite-1.svg" width="180" height="48" alt="Créer un site internet gratuit" class="product-img img-fluid"></a> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-58449cb861e8c1f82510d8d4" class="column-content"> <a href="/medias/images/logo-wuro-1.svg" alt="Wuro logiciel de facturation" width="170" height="62" class="product-img img-fluid"></a> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-58449cb861edc1f82510e942" class="column-content"> <a href="https://www.agendaculturel.fr/"><img loading="lazy" width="280" height="65" src="/medias/images/logo-agenda-culturel-1.svg" alt="Agenda Culturel actualité culturelle" class="product-img img-fluid"></a> </div> </div> </div> </div> </div> <div class="row-container rd-5 row-highlighted row-product text-center page_1 rd-align-items-center"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:33%"> <div id="cell-51a41d0d-3b01-4014-80cc-" class="column-content"> <a href="https://fr.luminjo.com/"><img loading="lazy" src="/medias/images/logo-luminjo-1.svg" alt="Logiciel de service client" width="200" height="64" class="product-img img-fluid"></a> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-c91ef769-3c8d-4ed9-a5c6-" class="column-content"> <a href="https://www.e-confiance.fr/"><img loading="lazy" src="/medias/images/logo-e-confiance-1.svg" width="240" height="50" alt="Collecter des avis clients" class="product-img img-fluid"></a> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-51e9b5e3-f3f1-4858-9206-" class="column-content"> <a href="https://www.upspot.app/"><img loading="lazy" src="/medias/images/logo-upspot-1.svg" width="170" height="57" alt="Upspot Visites guidées" class="product-img img-fluid"></a> </div> </div> </div> </div> </div> <div class="row-container rd-6 row-highlighted row-product text-center page_1 rd-align-items-center"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:33%"> <div id="cell-645514729bf4d4558d1328d1" class="column-content"> <a href="https://www.madate.fr/"><img loading="lazy" src="/medias/images/logo-madate-1.svg" width="160" height="54" alt="Prise de rendez-vous en ligne" class="product-img img-fluid"></a> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-645514729bf6d4558d1344f2" class="column-content"> <p><a href="https://www.mesresa.fr/"><img alt="Logiciel de gestion de location saisonnière" class="product-img img-fluid" loading="lazy" src="/medias/images/logo-mes-resa.svg" width="170" height="45" /></a></p> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-645514729bf8d4558d130c39" class="column-content"> <p><a href="https://www.blogduwebdesign.com/"><img alt="Blog du Webdesign" class="product-img img-fluid" height="87" loading="lazy" src="/medias/images/logo-blog-du-webdesign.svg" width="260" /></a></p> </div> </div> </div> </div> </div> <div class="row-container rd-7 no-margin-b padding-t-b hidden-phone page_1" id="client-row"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:50%"> <div id="cell-58449cb86201c1f825109081" class="column-content"> <h2 class="source-light">Ils ont choisi l'Agence Awelty Amiens</h2> <hr class="source-hr hr-left"> <ul id="ref-li-ul"> <li class="active-li-ref" id="ref-li-1" role="line_ref" data-cat="web"><img src="/medias/images/ematika-favicont.png" alt="Création d'un site immobilier" width="80px;">Ematika</li> <li id="ref-li-2" role="line_ref" data-cat="web"><img src="/medias/images/petit-poucet-favivon.png" alt="Création d'un site d'annonces de voitures">Le Petit Poucet</li> <li id="ref-li-3" role="line_ref" data-cat="web"><img src="/medias/images/web2contact.png" alt="Création d'un site d'annonces de voitures">Web2Contact</li> <li id="ref-li-4" role="line_ref" data-cat="pao"><img src="/medias/images/val-de-nievre-favicon.png" alt="Création d'un site d'une collectivité locale" width="80px;">Nièvre et Somme</li> </ul> <div id="client-content"> <div class="li-1-content" role="line_ref_desc"> <span>site web</span> <hr class="source-hr hr-blue hr-left"> <p>Spécialiste de la vente de produits dédiés aux métiers de bouche et au matériel froid pour magasin, Ematika nous a confié la réalisation de son site e-commerce : <a target="_blank" href="https://www.ematika.fr/">www.ematika.fr</a></p> </div> <div class="li-2-content" role="line_ref_desc" style="display:none"> <span>site web</span> <hr class="source-hr hr-blue hr-left"> <p>Hubert FOURNIER, pâtissier à Amiens nous a choisi pour la refonte de son site web et pour la création du site présentant ses nouveaux espaces de réception : <a target="_blank" href="https://www.petit-poucet-reception.com/">www.petit-poucet-reception.com</a></p> </div> <div class="li-3-content" role="line_ref_desc" style="display:none"> <span>site web</span> <hr class="source-hr hr-blue hr-left"> <p>La société Web2Contact nous a accordé sa confiance pour la réalisation de son site présentant son logiciel de centre de contacts : <a target="_blank" href="https://fr.web2contact.com/">web2contact.com</a></p> </div> <div class="li-4-content" role="line_ref_desc" style="display:none"> <span>PAO</span> <hr class="source-hr hr-blue hr-left"> <p>Les années se suivent mais ne se ressemblent pas dans le Val de Nièvre, grâce à leur programme culturel ! Découvrez les <a href="/blog/references-pao/logo-et-brochure-pour-l-office-de-tourisme-nievre-somme.html">créations de l'agence</a> pour la Communauté de communes Nièvre et Somme.</p> </div> <div class="li-5-content" role="line_ref_desc" style="display:none"> <span>application mobile</span> <hr class="source-hr hr-grey hr-left"> <p>L'application Eggs Iting reliée au poulailler connectée a été réalisée par l'agence awelty.</p> <p class="badge_container"><a target="_blank" href="https://itunes.apple.com/fr/app/eggs-iting/id1458709714?mt=8"> <img src="/medias/files/app-store-badge-fr.svg" alt="Télécharger l'application sur l'App Store"> </a> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.iting"> <img src="/medias/files/google-play-badge-1.svg" alt="Télécharger l'application sur Google Play"> </a> </p> </div> </div> </div> </div> <div data-role="cell" class="column" style="width:50%"> <div id="cell-58449cb86207c1f825109378" class="column-content"> <div id="slider-img-client"> <ul> <li class="bg-site-client"> <div class="site-client-img site-client-1"></div> </li> <li class="bg-site-client"> <div class="site-client-img site-client-2"></div> </li> <li class="bg-pao-client"> <div class="pao-client-img pao-client-1"></div> </li> <li class="bg-appli-client"> <div class="appli-client-img appli-client-1"></div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="row-container rd-8 grey no-margin padding-t-b page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-58449cb8621cc1f825104459" class="column-content"> <h2 class="white-t center-t">Création de vidéos & motion design</h2> </div> </div> </div> </div> </div> <div class="row-container rd-9 grey no-margin padding-t-b page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column white-bg box-shadow advanced" style="width:25%"> <div id="cell-584e9891d307d597aac2fcc1" class="column-content"> <a href="https://youtu.be/g6XdtPvwE0s" class="deco-none"> <div class="vid-bg vid-one"> <div class="vid-overlay"><i class="fa fa-youtube-play fa-3x" aria-hidden="true"></i> </div> </div> </a> <span class="uppercase vid-cat">Motion design</span> <div class="padding-1"> <h3> <a href="https://youtu.be/g6XdtPvwE0s" class="vid-title">e-monsite, des solutions pour tous</a> </h3> <hr> <p>Plus d'un million de sites d'entreprises, d'associations ou de particulier réalisés avec le CMS du groupe Awelty. Et cinq nouvelles offres pour fêter ça !</p> </div> </div> </div> <div data-role="cell" class="column white-bg box-shadow advanced" style="width:25%"> <div id="cell-584e9891d30bd597aac259ad" class="column-content"> <a href="https://youtu.be/2NeRkZn4p1o" class="deco-none"> <div class="vid-bg vid-two"> <div class="vid-overlay"><i class="fa fa-youtube-play fa-3x" aria-hidden="true"></i> </div> </div> </a> <span class="uppercase vid-cat">Video</span> <div class="padding-1"> <h3> <a href="https://youtu.be/2NeRkZn4p1o" class="vid-title">Le premier drône sous-marin</a> </h3> <hr> <p>L'agence Awelty est fière d'accompagner la promotion en images de iBubble, de la présentation de l'équipe aux tests des premiers utilisateurs.</p> </div> </div> </div> <div data-role="cell" class="column white-bg box-shadow advanced" style="width:25%"> <div id="cell-584e9891d30fd597aac25225" class="column-content"> <a href="https://youtu.be/6cOOIdB5stw" class="deco-none"> <div class="vid-bg vid-three"> <div class="vid-overlay"><i class="fa fa-youtube-play fa-3x" aria-hidden="true"></i> </div> </div> </a> <span class="uppercase vid-cat">Motion design</span> <div class="padding-1"> <h3> <a href="https://youtu.be/6cOOIdB5stw" class="vid-title">C'est quoi un chatbot ?</a> </h3> <hr> <p>Un chatbot c'est un assistant logiciel, présent sur un site ou sur une page de réseaux sociaux, qui va comprendre le langage naturel de vos clients et apporter la bonne réponse. Mais pour ça, il faut lui apprendre à répondre !</p> </div> </div> </div> <div data-role="cell" class="column white-bg box-shadow advanced" style="width:25%"> <div id="cell-584e9891d313d597aac2d2f6" class="column-content"> <a href="https://youtu.be/bIzpt0YXrz8"> <div class="vid-bg vid-four"> <div class="vid-overlay"><i class="fa fa-youtube-play fa-3x" aria-hidden="true"></i> </div> </div> </a> <span class="uppercase vid-cat">Motion design</span> <div class="padding-1"> <h3> <a href="https://youtu.be/bIzpt0YXrz8" class="vid-title">De nouveaux outils pour mon commerce grâce au numérique</a> </h3> <hr> <p>Le numérique c’est pour les grosses entreprises. “ Vraiment ? Avec e-monsite académie : 4 scénarios pour vous démontrer que quelques outils simples sont à la portée des entreprises, TPE et PME, pour faire mieux dès maintenant.</p> </div> </div> </div> </div> </div> </div> <div class="row-container rd-10 grey no-margin padding-t-b row-f-end page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:33%"> <div id="cell-584fcc11693cd597aac2e846" class="column-content"> <p class="center-t"><a href="/pages/agence-de-communication/production-audiovisuelle/motion-design.html" class="btn-border">Nos offres motion design</a></p> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-584e9891d31bd597aac26fcf" class="column-content"> <p class="center-t"><a href="https://www.youtube.com/channel/UCyaXmRUgjvtOV1sbwtGP3kg" class="btn-border">Voir notre chaine <i class="fa fa-youtube fa-2x margin-l"></i></a></p> </div> </div> <div data-role="cell" class="column" style="width:33%"> <div id="cell-584fcc116951d597aac2590f" class="column-content"> <p class="center-t"><a href="/pages/agence-de-communication/production-audiovisuelle/videos.html" class="btn-border">Nos offres vidéo</a></p> </div> </div> </div> </div> </div> <div class="row-container rd-11 row-highlighted no-margin-b page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-58449cb86227c1f825106972" class="column-content"> <h2 class="source-light phone-padding" style="text-align: center;">Dernières actualités</h2> </div> </div> </div> </div> </div> <div class="row-container rd-12 row-highlighted no-margin-b no-padding page_1" id="row-blog"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5640a800c16cc1f82510bca7" class="column-content"> <div id="blogpost_last_bloc0"> <ul class="media-list media-blog" data-addon="blog"> <li class="media" data-category="references-sites-web" data-date="11/19/2024" data-blog-id="673c6555bd34d4558d131f40"> <div class="media-object"> <a href="https://www.awelty.fr/blog/references-sites-web/migration-site-e-commerce-ematika-prestashop-vers-e-monsite.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/migration-site-e-commerce-ematika-prestashop-vers-e-monsite.webp" alt="Migration du site e-commerce Ematika de Prestashop vers e-monsite"> </a> </div> <div class="media-body"> <h3 class="media-heading"><a href="https://www.awelty.fr/blog/references-sites-web/migration-site-e-commerce-ematika-prestashop-vers-e-monsite.html">Migration d'un site e-commerce de matériel de cuisine professionnel de Prestashop vers e-monsite</a></h3> <ul class="media-infos"> <li data-role="date"> Le Mar 19 nov 2024 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/references-sites-web">Références sites web</a> </li> </ul> <div class="media-content clearfix"> <p><strong>Migrer un <a href="https://www.awelty.fr/pages/studio-web/creation-de-site/site-e-commerce/">site e-commerce</a></strong> n'est jamais une tâche anodine. Elle demande rigueur, expertise et une stratégie minutieusement élaborée pour préserver, voire améliorer, ses performances. C’est exactement ce que nous avons accompli pour <strong>Ematika</strong>, un acteur majeur dans la<strong> fourniture de <a href="https://www.ematika.fr/">matériel de restauration et d’équipements pour les cuisines professionnelles</a>.</strong></p> <p>5 ans après avoir <strong><a href="https://www.awelty.fr/blog/references-sites-web/vente-en-ligne-d-equipements-de-cuisine-pour-professionnels.html">créé leur site sur Prestashop</a>,</strong> Ematika s'est confronté à des limitations de cette solution e-commerce. L'entreprise cherchait alors une <strong>solution plus intuitive et performante</strong> pour gérer un catalogue riche de plus de 5 000 produits tout en optimisant leur visibilité sur Google. Leur objectif était clair : simplifier la gestion quotidienne, garantir une expérience client de qualité et <strong>maximiser leur potentiel de ventes en ligne</strong>.</p> <p>Avec notre <strong>CMS e-monsite</strong>, pensé pour allier simplicité d’utilisation et SEO performant, nous avons relevé ce défi ambitieux. Découvrez comment nous avons accompagné Ematika à chaque étape, de la migration technique à l'amélioration UX, en passant par une stratégie SEO solide.</p> </div> <p> <a href="https://www.awelty.fr/blog/references-sites-web/migration-site-e-commerce-ematika-prestashop-vers-e-monsite.html" class="btn btn-default" data-role="more">Lire la suite</a> </p> </div> </li> <li class="media" data-category="autres" data-date="11/12/2024" data-blog-id="5f992e280543d4558d13c1ba"> <div class="media-object"> <a href="https://www.awelty.fr/blog/autres/reussir-black-friday.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/reussir-black-friday-ecommerce.jpg" alt="La checklist e-commerce pour réussir le Black Friday 2024"> </a> </div> <div class="media-body"> <h3 class="media-heading"><a href="https://www.awelty.fr/blog/autres/reussir-black-friday.html">Comment réussir le Black Friday 2024 et booster son activité e-commerce ?</a></h3> <ul class="media-infos"> <li data-role="date"> Le Mar 12 nov 2024 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/autres">Autres</a> </li> </ul> <div class="media-content clearfix"> <p>Le Black Friday 2024 c'est LE temps fort incontournable en tant que commerçant et e-commerçant. Pour booster son activité e-commerce et exploser ses ventes, il est primordial de bien se préparer pour réussir le Black Friday.</p> <p>Cette opération commerciale est l'occasion idéale pour accroître sa notoriété et dynamiser ses ventes. À condition de bien préparer son site ou sa boutique en ligne, ainsi que sa stratégie marketing.</p> <p>Vous vous demandez comment réussir le Black Friday et booster son activité e-commerce ? On vous livre notre checklist e-commerce pour réussir le Black Friday 2024. </p> </div> <p> <a href="https://www.awelty.fr/blog/autres/reussir-black-friday.html" class="btn btn-default" data-role="more">Lire la suite</a> </p> </div> </li> <li class="media" data-category="actualites-groupes" data-date="11/05/2024" data-blog-id="6729e4e9c4cdd4558d13c28d"> <div class="media-object"> <a href="https://www.awelty.fr/blog/actualites-groupes/developpement-outil-intelligence-artificielle-agenda-culturel.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/developpement-outil-intelligence-artificielle-agenda-culturel.webp" alt="Intégration de l'intelligence artificielle pour la gestion des événements d'Agenda Culturel"> </a> </div> <div class="media-body"> <h3 class="media-heading"><a href="https://www.awelty.fr/blog/actualites-groupes/developpement-outil-intelligence-artificielle-agenda-culturel.html">Comment Agenda Culturel simplifie la gestion des événements culturels grâce à l'intelligence artificielle</a></h3> <ul class="media-infos"> <li data-role="date"> Le Mar 05 nov 2024 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/actualites-groupes">Actualités du groupe</a> </li> </ul> <div class="media-content clearfix"> <p>Imaginez une plateforme capable de gérer <strong>plus de 270 000 événements culturels à travers la France</strong>, de manière rapide, précise et fiable. C'est exactement la mission d'<a href="https://www.agendaculturel.fr/">Agenda Culturel</a>, un média en ligne incontournable pour tous les passionnés de spectacles, concerts et festivals.</p> <p>Alors que la diversité des événements ne cesse d’augmenter, la nécessité de traiter efficacement ces données devient cruciale. Grâce à notre <strong>expertise web et IA</strong>, Agenda Culturel a intégré une <strong>solution d’intelligence artificielle sur-mesure</strong> qui révolutionne la gestion des événements. Ces nouvelles fonctionnalités intelligentes ouvrent le champ des possibles pour trier, enrichir les données provenant de sources multiples, tout en garantissant la fiabilité des informations de chaque événement.</p> <p>Dans cet article, nous allons explorer en détail comment nous avons mis en &oelig;uvre pour Agenda Culturel, une <a href="https://www.awelty.fr/pages/studio-web/developpement/developpement-web-application-metier.html">solution d’intelligence artificielle sur-mesure</a> pour transformer et automatiser la gestion des événements culturels en France. </p> <p> </p> </div> <p> <a href="https://www.awelty.fr/blog/actualites-groupes/developpement-outil-intelligence-artificielle-agenda-culturel.html" class="btn btn-default" data-role="more">Lire la suite</a> </p> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="row-container rd-13 row-highlighted padding-b no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-58449cb86240c1f82510eed8" class="column-content"> <p style="text-align: center;"><a class="large-btn dark-grey-bg" href="/blog/">Voir tout</a></p> </div> </div> </div> </div> </div> <div class="row-container rd-14 padding-t-b-2x page_1" id="appli-graph"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-586cbc1be5b0c1f825108b36" class="column-content"> <h2 class="center-t">Créateur d'applications mobiles</h2> <p class="lead center-t margin-b">Nous développons pour votre projet des applications mobiles Android puissantes pour atteindre vos objectifs.</p> <p class="center-t"><a class="large-btn dark-grey-bg" href="/pages/studio-web/application-mobile/developpement-applications-mobiles-sur-mesure.html">Voir nos offres</a></p> </div> </div> </div> </div> </div> <div class="row-container rd-15 flex-reverse page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-58449cb86251c1f825107ef6" class="column-content"> <div class="card-shadow"> <h2 class="center-t">Accompagner une entreprise dans sa transition digitale</h2> <p class="center-t">Awelty accompagne ses clients tout au long de leurs projets afin de rendre leur communication digitale, et leur présence numérique, efficaces.</p> </div> </div> </div> </div> </div> </div> <div class="row-container rd-16 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5865110c8bf0c1f825105870" class="column-content"> <img src="/medias/images/transition-digitale-awelty.png" width="100%" height="auto" alt="La transition digitale avec Awelty" class="img-center"/> </div> </div> </div> </div> </div> <div class="row-container rd-17 page_1 row-highlighted"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column empty-column" style="width:20%"> <div id="cell-5a732b1c021dc1f8251040fc" class="column-content">   </div> </div> <div data-role="cell" class="column" style="width:60%"> <div id="cell-58449cb86264c1f825102b7a" class="column-content"> <div class="card"> <div class="header-p-img a-j-header"></div> <div class="header-profil"> <a href="/pages/a-propos.html" class="plus-link" style="text-align:right;"> <img src="/medias/images/icon-red.png" width="150" height="150" alt="Logo Awelty" class="team-img img-center white-bg"> </a> </div> <div class="profil-content"> <h2 class="center-t">A propos d'awelty</h2> <p class="center-t">Développeurs web, web designers, rédacteurs web, graphistes, chefs de projet web, motion designer, experts IoT et techniciens support forment l'équipe complémentaire d'awelty pour porter tout type de projet web.</p> </div> </div> </div> </div> <div data-role="cell" class="column empty-column" style="width:20%"> <div id="cell-5a732b1c0234c1f82510dfb4" class="column-content">   </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '51ffbd6c0f8e3e4020104df0', 'awelty.com'); </script> </div>  </div>   <footer id="footer"> <div id="footer-wrapper"> <div class="container">  <div id="bottom-site"> <div id="rows-6023a27f763a5676ee5e99e9" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5dfa4b74a326d4558d133ef0" class="column-content"> <div class="row"> <div class="column column6"> <p class="center-t-phone"><span class="bold white-t">Vous souhaitez avoir plus d'informations sur nos offres ?</span><br /> N'hésitez pas à nous contacter pour recevoir un devis gratuit.</p> <div class="flex-row flex-center-phone"> <p><a class="large-btn blue-gradient-bg" href="/pages/combien-coute-un-site-web.html">Devis en ligne</a></p> <p class="margin-l"><a class="large-btn green-gradient-bg" href="/pages/contact.html">Nous contacter</a></p> </div> </div> <div class="column column6"> <div class="f-end flex-col-phone center-t-phone"><i class="ion-ios-location-outline pin hidden-tablet hidden-phone"></i> <p><img alt="Logo Agence Awelty" src="/medias/files/logo-awelty-white.svg" width="45" style="margin-right:1em;" /></p> <p class="text-right"><a href="https://www.google.fr/maps/place/19+Rue+Lamartine,+80000+Amiens/@49.8922794,2.3028766,17z/data=!3m1!4b1!4m5!3m4!1s0x47e78448144b4561:0x70962f775ddb070c!8m2!3d49.8922794!4d2.3050653">19 Rue Lamartine</a><br /> 80 000 - Amiens<br /> <span class="footer-baseline">Le groupe awelty:</span><br /> <a href="tel:0322808938" title="Appeler le groupe awelty">03.22.80.89.38</a></p> </div> </div> </div> <hr /> <div class="row center-t-phone"> <div class="column column3"> <p class="footer-title">A propos</p> <ul class="list-unstyled list-footer"> <li><a href="/pages/se-rendre-chez-awelty.html">Se rendre à l'agence</a></li> <li><a href="/pages/a-propos.html">Présentation</a></li> <li><a href="/pages/recrutement.html">Recrutement</a></li> <li><a href="/medias/files/agence-awelty-cgv.pdf">CGV Agence awelty</a></li> </ul> </div> <div class="column column3"> <p class="footer-title">Liens utiles</p> <ul class="list-unstyled list-footer"> <li><a href="/pages/contact.html">Nous contacter</a></li> <li><a href="/blog/">Le blog</a></li> <li><a href="/pages/combien-coute-un-site-web.html">Devis en ligne</a></li> </ul> </div> <div class="column column6"> <div class="flex-row flex-center flex-col-phone"> <p class="bold follow-title margin-b-phone">Nous suivre</p> <ul class="list-unstyled flex-row flex-center space-around" id="social-link-footer"> <li><a href="https://www.linkedin.com/company/awelty/"><i aria-hidden="true" class="fa fa-linkedin fa-2x"></i></a></li> <li><a href="https://www.facebook.com/awelty.fr/?fref=ts"><i aria-hidden="true" class="fa fa-facebook fa-2x"></i></a></li> <li><a href="https://twitter.com/awelty_fr?lang=fr"><i aria-hidden="true" class="fa fa-twitter fa-2x"></i></a></li> <li><a href="https://www.instagram.com/awelty_fr/"><i aria-hidden="true" class="fa fa-instagram fa-2x"></i></a></li> <li><a href="https://www.youtube.com/channel/UCyaXmRUgjvtOV1sbwtGP3kg"><i aria-hidden="true" class="fa fa-youtube fa-2x"></i></a></li> </ul> </div> </div> <div class="column column3"> <p class="footer-title">Agence Certifiée Google Partner</p> <ul class="list-unstyled list-footer"> <li> <a href="https://www.google.com/partners/agency?id=9945667604" target="_blank"> <img src="https://www.gstatic.com/partners/badge/images/2023/PartnerBadgeClickable.svg"/> </a> </li> </ul> </div> <div class="column column3"> <p class="footer-title">Agence Certifiée Meta Business Partner</p> <ul class="list-unstyled list-footer"> <li><a href="https://www.facebook.com/business/partner-directory/search?id=8312149982190389" target="_blank"><img src="/medias/images/meta-business-partner.png" /></a></li> </ul> </div> </div> <hr /> <div class="row"> <div class="column column12"> <div class="flex-row flex-center space-between flex-col-phone"> <p class="footer-baseline center-t-phone">Plus de 17 ans d'expérience dans la communication et la création de site web.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer>  <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.mobile.custom.min.js"></script> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.zoom.min.js"></script> <script src="https://www.awelty.fr/themes/custom.js?v=6_1646067808_2263"></script>  <script> $(document).ready(function() { /*Modif Janvier 2018*/ if (window.matchMedia("(max-width: 991px)").matches) { $("li.mother-container i.ion-ios-arrow-down").on('click', function(){ $(this).parent().siblings('.second-level').slideToggle(); }); var changeIcon = $('.navbar-toggle').children("i"); changeIcon.removeClass('fa fa-bars').addClass('ion-navicon'); $('.container').on('click', '#navbar-overlay, .navbar-toggle', function() { if ( $(changeIcon).hasClass('close') ) { $(changeIcon).addClass('ion-navicon').removeClass('ion-android-close').removeClass('close'); } else { $(changeIcon).addClass('ion-android-close').removeClass('ion-navicon').addClass('close'); }; }); }; $(document).scroll(function () { if ($(this).scrollTop() > 10) { $('nav.navbar-top').addClass('shadow-navbar'); } else { $('nav.navbar-top').removeClass('shadow-navbar'); } }); /*EFFET SUR LE LOGO AU SCROLL*/ /*window.onscroll = function(Event) { var scroll = document.body.scrollTop; var scale = scroll * 10 / 2500; var less = 1 - scale; var logo = document.getElementById("logo"); if ( (scroll < 150) && (logo) ) { if ( less > 0 ) { logo.style.transform = "scale(" + less + "," + less +")"; logo.style.opacity = 1; } else { petit.style.opacity = 0; logo.style.transform = "scale(0, 0)"; } } }*/ /*HOVER EFFET (3) DU BLOC PULSE*/ /*PULSE HOVER*/ $( "#pulse-1, #pulse-2" ).hover( function() { $(this).find(".cont-pulse-f").addClass("pulse-up"); $(this).find(".fa-chevron-circle-up").addClass("rotate"); $(this).find('.cont-pulse-f p').addClass('opacity-ok'); }, function() { $(this).find(".cont-pulse-f").removeClass("pulse-up"); $(this).find(".fa-chevron-circle-up").removeClass("rotate"); $(this).find('.cont-pulse-f p').removeClass('opacity-ok'); }); /*CLIENT LIST MOCKUP ANIMATION ON CLICK*/ $('li[role=line_ref]').click(function(e){ if($(this).hasClass('active-li-ref')){ return false;} $('li[role=line_ref]').removeClass('active-li-ref'); $('div[role=line_ref_desc]').hide("slow"); $(this).addClass('active-li-ref'); $('.'+$(this).attr('id').replace('ref-','')+'-content').show("slow"); var cat_type = $(this).attr('data-cat'); if( cat_type == 'web' ){ $('#slider-img-client ul').removeClass('client-up-0').removeClass('client-up-2').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-1'); }else if( cat_type == 'video' ){ $('#slider-img-client ul').removeClass('client-up-1').removeClass('client-up-2').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-0'); }else if( cat_type == 'pao' ){ $('#slider-img-client ul').removeClass('client-up-1').removeClass('client-up-0').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-2'); }else if( cat_type == 'appli' ){ $('#slider-img-client ul').removeClass('client-up-0').removeClass('client-up-2').removeClass('client-up-1'); $('#slider-img-client ul').addClass('client-up-3'); } var num = $(this).attr('id').substr(-1, 1); $('.site-client-img').removeClass('site-client-1').removeClass('site-client-2').removeClass('site-client-3').removeClass('site-client-4'); $('.site-client-img').addClass('site-client-'+num); }); /*SCRIPT CENTER IMAGE*/ $('.media-object').children().addClass("item-img"); var imageHeight, wrapperHeight, overlap, nodes = document.querySelectorAll('.media-object .item-img'); $(window).on("load resize", centerImage); function centerImage() { for (var i=0; i<nodes.length; i++) { container = $(nodes[i]); imageHeight = container.find('img').height(); wrapperHeight = container.height(); overlap = (wrapperHeight - imageHeight) / 2; container.find('img').css('margin-top', overlap); } } for (var i=0; i<nodes.length; i++) { var el = $(nodes[i]); if (el.addEventListener) { el.addEventListener("webkitTransitionEnd", centerImage, false); // Webkit event el.addEventListener("transitionend", centerImage, false); // FF event el.addEventListener("oTransitionEnd", centerImage, false); // Opera event } } }); // End of document ready function //BREVO POUR CAMPAGNE MARKETING window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays'; window.LOCALE = 'fr'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer."; window.REQUIRED_ERROR_MESSAGE = "Vous devez renseigner ce champ. "; window.GENERIC_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer."; window.translation = { common: { selectedList: '{quantity} liste sélectionnée', selectedLists: '{quantity} listes sélectionnées' } }; var AUTOHIDE = Boolean(0);<script defer src="https://sibforms.com/forms/end-form/build/main.js"></script> </script> </body> </html>

CINXE.COM

Agence web de création de site Internet et expertise IA à Amiens