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=1737131900" 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 defer src="https://sibforms.com/forms/end-form/build/main.js"></script> <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_2292" 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=1773"></script> <script src="https://www.awelty.fr/themes/content.js?v=6_1646067808_2292&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鈥檃pplication 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鈥檜ne 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 de vente de mat茅riel CHR" width="80px;">Ematika</li> <li id="ref-li-2" role="line_ref" data-cat="web"><img src="/medias/images/fav-demoiselles-de-madame.png" alt="Cr茅ation d'un site de wedding planner">Les Demoiselles de Madame</li> <li id="ref-li-3" role="line_ref" data-cat="web"><img src="/medias/images/hesta-fav.png" alt="Hesta">Hesta</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> <li id="ref-li-5" role="line_ref" data-cat="appli"><img src="/medias/images/fav-upspot.png" alt="Cr茅ation d'un site d'une collectivit茅 locale" width="80px;">Upspot</li> </ul> <div id="client-content"> <div class="li-1-content" role="line_ref_desc"> <span>site web</span> <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/">ematika.fr</a></p> </div> <div class="li-2-content" role="line_ref_desc" style="display:none"> <span>site web</span> <p>Pour faire 茅voluer leur site web, le wedding planner Les Demoiselles de Madame a fait appel aux comp茅tences de l'agence pour la refonte de leur site Internet <a target="_blank" href="https://www.lesdemoisellesdemadame.fr/">lesdemoisellesdemadame.fr</a>.</p> </div> <div class="li-3-content" role="line_ref_desc" style="display:none"> <span>D茅veloppement web</span> <p>En collaboration avec le r茅seau de bailleurs sociaux Canop茅e, l'agence Awelty a d茅velopp茅 le logiciel de gestion intelligente de location choisie Hesta <a target="_blank" href="https://location-choisie.amsom-habitat.fr/">location-choisie.amsom-habitat.fr</a>.</p> </div> <div class="li-4-content" role="line_ref_desc" style="display:none"> <span>PAO</span> <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/creation-brochures-touristiques-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> <p><a href="https://www.upspot.app/" target="_blank">UP Spot</a> est une application mobile originale qui propose une nouvelle dimension aux visites touristiques.</p> <p class="badge_container"> <a style="margin-right: 1rem;" target="_blank" href="https://apps.apple.com/fr/app/up-spot/id1553072611"> <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.awelty.upspot"> <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"></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://www.youtube.com/watch?v=E8nBsUy7nrU" class="deco-none"> <div class="vid-bg vid-five"> <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://www.youtube.com/watch?v=E8nBsUy7nrU" class="vid-title">Teaser du jeu F茅e Nom茅nale</a> </h3> <hr> <p>D茅couvrez le jeu grandeur nature F茅e Nom茅nale sur le March茅 de No毛l d'Amiens 2019. Une chasse aux tr茅sors pour retrouver les f茅es cach茅es dans le centre-ville d'Amiens gr芒ce 脿 son smartphone.</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://www.youtube.com/watch?v=oobtIU2tyQc" 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://www.youtube.com/watch?v=oobtIU2tyQc" class="vid-title">Les secrets pour avoir plus d'abonn茅s Tiktok</a> </h3> <hr> <p>Voici quelques conseils pratiques pour augmenter rapidement et organiquement votre nombre d'abonn茅s sur TikTok, pour accro卯tre votre visibilit茅 en ligne.</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/9vw0TALhHS8"> <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/9vw0TALhHS8" class="vid-title">Comment faire craquer un B茅lier ?</a> </h3> <hr> <p>Les meilleurs tips et astuces amoureuses pour s茅duire un B茅lier. Ou comment conqu茅rir le coeur de celui ou celle qui nous pla卯t selon son signe astrologique.</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="actu-du-web" data-date="01/31/2025" data-blog-id="679ce44c9413d4558d130fb2"> <div class="media-object"> <a href="https://www.awelty.fr/blog/actu-du-web/accessibilite-web.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/accessibilite-web.webp" alt="L鈥檃ccessibilit茅 web : un enjeu cl茅 pour rendre son site internet inclusif"> </a> </div> <div class="media-body"> <h3 class="media-heading"><a href="https://www.awelty.fr/blog/actu-du-web/accessibilite-web.html">L鈥檃ccessibilit茅 web : un enjeu cl茅 pour rendre son site internet inclusif</a></h3> <ul class="media-infos"> <li data-role="date"> Le Ven 31 jan 2025 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/actu-du-web">Actu du web</a> </li> </ul> <div class="media-content clearfix"> <p>L’<strong>accessibilité web</strong> n’est pas un luxe. C’est une nécessité. Et au-delà de l’inclusion, c’est aussi un levier puissant pour améliorer l’expérience utilisateur, toucher un public plus large et renforcer votre image de marque.</p> <p>Mais <strong>comment rendre un site accessible</strong> ? Quelles sont les <strong>bonnes pratiques et les normes d'accessibilité web</strong> à respecter ? Et surtout, comment intégrer l’accessibilité web dès la <a href="https://www.awelty.fr/pages/studio-web/creation-de-site/">conception d'un site Internet</a> pour éviter des corrections coûteuses ?</p> <p>Chez Awelty, nous avons récemment appliqué l'accessibilité web avec succès sur le site Acceo-Tadeo, une plateforme essentielle pour les personnes sourdes et malentendantes. Voici comment et pourquoi rendre votre site accessible, avec des conseils concrets et des solutions éprouvées.</p> </div> <p> <a href="https://www.awelty.fr/blog/actu-du-web/accessibilite-web.html" class="btn btn-default" data-role="more">Lire la suite</a> </p> </div> </li> <li class="media" data-category="autres" data-date="01/09/2025" data-blog-id="677f9aa8c176d4558d1369e6"> <div class="media-object"> <a href="https://www.awelty.fr/blog/autres/animation-reseaux-sociaux-boucherie-tradition-frais.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/animation-reseaux-sociaux-tradition-frais.webp" alt="Animation des r茅seaux sociaux de la boucherie charcuterie Tradition Frais"> </a> </div> <div class="media-body"> <h3 class="media-heading"><a href="https://www.awelty.fr/blog/autres/animation-reseaux-sociaux-boucherie-tradition-frais.html">Animation des r茅seaux sociaux d'une boucherie charcuterie</a></h3> <ul class="media-infos"> <li data-role="date"> Le Jeu 09 jan 2025 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/autres">Autres</a> </li> </ul> <div class="media-content clearfix"> <p>Depuis février 2023, nous avons collaboré avec la boucherie-charcuterie Tradition Frais pour booster sa présence en ligne et renforcer son lien avec ses clients. </p> <p>Notre mission ? <strong>Animer leurs <a href="https://www.awelty.fr/pages/agence-de-communication/reseaux-sociaux/communication-reseaux-sociaux.html">réseaux sociaux</a></strong>, créer du contenu visuel captivant et interagir efficacement avec leur communauté. En seulement quelques mois, Tradition Frais a vu sa présence sur les réseaux sociaux se transformer : plus de visibilité, des abonnés plus engagés, et plus de trafic en magasin.</p> <p>Nous vous dévoilons les coulisses de cette collaboration réussie, les stratégies mises en place, et les résultats impressionnants obtenus grâce à un <strong>community management sur mesure</strong>, qui a permis à Tradition Frais de se démarquer sur <a href="https://www.facebook.com/TraditionFrais/">Facebook</a> et <a href="https://www.instagram.com/tradition_frais/">Instagram</a>.</p> </div> <p> <a href="https://www.awelty.fr/blog/autres/animation-reseaux-sociaux-boucherie-tradition-frais.html" class="btn btn-default" data-role="more">Lire la suite</a> </p> </div> </li> <li class="media" data-category="referencement-payant" data-date="12/31/2024" data-blog-id="67657831e73ad4558d13942f"> <div class="media-object"> <a href="https://www.awelty.fr/blog/referencement-payant/expertise-campagnes-google-ads.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/campagnes-google-ads.webp" alt="Propulsez votre entreprise gr芒ce 脿 des campagnes Google Ads performantes"> </a> </div> <div class="media-body"> <h3 class="media-heading"><a href="https://www.awelty.fr/blog/referencement-payant/expertise-campagnes-google-ads.html">Propulsez votre entreprise gr芒ce 脿 des campagnes Google Ads performantes</a></h3> <ul class="media-infos"> <li data-role="date"> Le Mar 31 d茅c 2024 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/referencement-payant">R茅f茅rencement Payant</a> </li> </ul> <div class="media-content clearfix"> <p>Être visible sur Internet n’est plus une option, c’est une nécessité. Mais comment s’assurer de toucher la bonne audience, au bon moment et avec un message percutant ? C’est là qu’intervient Google Ads, un <strong>outil puissant pour booster votre visibilité en ligne </strong>et générer des résultats concrets.</p> <p>Chez Awelty, nous mettons plus de 10 ans d’expérience au service de votre réussite digitale. Que vous soyez une petite structure ou une entreprise bien établie, nos <strong>experts certifiés en Google Ads </strong>conçoivent des <a href="https://www.awelty.fr/pages/webmarketing/referencement-payant/creation-campagne-google-adwords-sea.html">campagnes publicitaires sur mesure</a>, adaptées à vos objectifs. Et parce que chaque clic compte, nous optimisons vos campagnes Google Ads en continu pour maximiser votre retour sur investissement.</p> <p>Vous rêvez de voir vos annonces apparaître devant les bonnes personnes, au bon moment, et de constater un impact direct sur votre chiffre d’affaires ? Faites confiance à Awelty, votre partenaire de confiance pour des <strong>campagnes publicitaires efficaces et rentables</strong>.</p> </div> <p> <a href="https://www.awelty.fr/blog/referencement-payant/expertise-campagnes-google-ads.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_2292"></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 </script> </body> </html>

CINXE.COM

Agence web de cr茅ation de site Internet et expertise IA 脿 Amiens