CINXE.COM
Cr茅ation de th猫me E-monsite : des designs web sur mesure
<!DOCTYPE html> <html lang="fr"> <head> <title>Cr茅ation de th猫me E-monsite : des designs web sur mesure</title> <!-- smart / basic --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="msapplication-tap-highlight" content="no"> <meta property="og:title" content="Cr茅ation de th猫me E-monsite : des designs web sur mesure"/> <meta property="og:url" content="https://www.awelty.fr/pages/agence-de-communication/webdesign/template-e-monsite.html"/> <meta property="og:type" content="website"/> <meta name="description" content="Profitez d鈥檜n th猫me unique pour votre site web avec E-monsite, le CMS du groupe web Awelty. Nos webdesigners 脿 Amiens cr茅ent des th猫mes uniques et performants" /> <meta property="og:description" content="Profitez d鈥檜n th猫me unique pour votre site web avec E-monsite, le CMS du groupe web Awelty. Nos webdesigners 脿 Amiens cr茅ent des th猫mes uniques et performants"/> <link rel="canonical" href="https://www.awelty.fr/pages/agence-de-communication/webdesign/template-e-monsite.html"> <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" /> <!-- Facebook Pixel Code --><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> <!-- End Facebook Pixel Code --> <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"> <!-- EMS FRAMEWORK --> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.min.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/html5shiv.min.js"></script> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/respond.min.js"></script> <![endif]--> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/ems-framework.min.js?v=352"></script> <script src="https://www.awelty.fr/themes/content.js?v=6_1646067808_2263&lang=fr"></script> <!-- Global site tag (gtag.js) --> <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="pages_run_agence-de-communication_webdesign_template-e-monsite" class="default menu-fixed"> <!-- NAV --> <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"> <!--D茅veloppement--> <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> <a href="#" class="under-mother">IoT</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="#">Objets connect茅s</a></li> <li><a href="#">Prototypage</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> <!--Communication--> <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> <!--Webmarketing--> <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> <!--<li> <ul class="third-level"> <li><a href="#">E-mailing</a></li> <li><a href="#">Webmastering</a></li> </ul> </li>--> </ul> </div> </div> </li> <!-- Formations --> <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> <!--Blog--> <li class="mother-container"><a href="/blog/" class="mother-category">Blog</a></li> <!--Contact--> <li class="mother-container"><a href="/pages/contact.html" class="mother-category">Contact</a></li> <!--Devis--> <li class="mother-container"><a href="/pages/combien-coute-un-site-web.html" class="mother-category">Devis en ligne</a></li> <!--Tel--> <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> <!-- WRAPPER --> <div id="wrapper" class="full-row"> <!-- MAIN --> <div id="main"> <div class="view view-pages" id="view-page" data-id-page="51ffc677c6e63e402010a1f9" > <div id="rows-6026864e40534d6a464c22f6" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 bg-header page_1" id="ems-header"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-578cadb16c6cd597aac2bd08" class="column-content"> <h1 class="center-t">Création de thème E-monsite : des designs web sur mesure</h1> <p class="lead center-t margin-b">L'agence web Awelty est un partenaire historique de la société E-monsite. Nos <strong>Webdesigners</strong> sont spécialisés dans la <strong>création de chartes graphiques, de thèmes</strong> et déclinaisons sur ce puissant outil de création et de gestion de site <a href="http://www.e-monsite.com/">E-monsite.com</a>.</p> <p style="text-align: center;"><a class="large-btn dark-grey-bg" href="/contact/demande-de-devis-pour-un-webdesign-e-monsite.html">Nous contacter</a></p> </div> </div> </div> </div> </div> <div class="row-container rd-2 sidebar-empty listing page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-578cadb16c73d597aac2a6a6" class="column-content"> <h2 class="page-title">Obtenez un th猫me unique</h2> <p class="lead center-t-phone">Cette offre est dédiée aux sociétés, associations ou personnes ayant déjà un site sur E-monsite et souhaitant confier à des professionnels du webdesign, expérimentés sur le CMS E-monsite, la charte graphique de leurs sites web.</p> <p class="lead margin-b center-t-phone">Nous créons des webdesigns dédiés aux sites e-monsite <strong>originaux</strong> et de <strong>grande qualité</strong> à partir de 1100€ HT.</p> <p class="center-t-phone"><a href="/pages/agence-de-communication/webdesign/questions-ems/" class="btn-border">Voir les questions fréquemment posées</a></p> </div> </div> <div data-role="cell" class="column hidden-phone advanced" style="width:50%"> <div id="cell-578cadb16c78d597aac2a11c" class="column-content"> <div data-widget="image" class="text-center"> <div> <img src="/medias/images/ems-illu.jpg" alt="Webdesign e-monsite" > </div> </div> </div> </div> </div> </div> </div> <div class="row-container rd-3 center-h2 page_1"> <div class="row-content"> <h2 class="row-title"> Ils ont choisi Awelty </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:33.333333333333%"> <div id="cell-5864eccccd45c1f82510ae40" class="column-content"> <div class="container-client"> <a href="http://www.cabinetcoll.com/"> <div class="client-img"> <img src="/medias/images/cabinetcoll.jpg" alt="Cabinet Coll"> </div> <div class="client-content" data-category="site-web"> <h3>Cabinet Coll</h3> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:33.333333333333%"> <div id="cell-5864eccccd4bc1f825109c29" class="column-content"> <div class="container-client"> <a href="http://www.akiluxpro.fr/"> <div class="client-img"> <img src="/medias/images/akiluxpro.jpg" alt="AkiluxPro"> </div> <div class="client-content" data-category="site-web"> <h3>AkiluxPro</h3> </div> </a> </div> </div> </div> <div data-role="cell" class="column" style="width:33.333333333333%"> <div id="cell-5864eccccd51c1f82510fa13" class="column-content"> <div class="container-client"> <a href="/blog/references-sites-web/creation-site-e-commerce-alfa-jump.html"> <div class="client-img"> <img src="/medias/images/alfajump-1.jpg" alt="Alfa Jump"> </div> <div class="client-content" data-category="site-web"> <h3>Alfa Jump</h3> </div> </a> </div> </div> </div> </div> </div> </div> <div class="row-container rd-4 row-highlighted 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-578cadb16c95d597aac21f37" class="column-content"> <h2 class="page-title">Les étapes de création</h2> <p class="lead center-t-phone">Pour bien comprendre comment nous allons créer un webdesign dédié à votre site e-monsite et à votre activité, nous avons découpé le processus en 10 étapes. Vous avez ainsi une véritable vision sur les délais de création et vous pouvez suivre les avancées de votre projet graphique.</p> <div class="card-shadow"> <ul class="charte-container"> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/devis-etapes.png" alt="Commande pour webdesign e-monsite"/> <h3>La commande</h3> </div> <p class="charte-desc">Vous commandez votre webdesign sur mesure apr猫s validation de l'offre propos茅e par l'agence. Pour cela commencez par remplir le <a href="/contact/demande-de-devis-pour-un-webdesign-e-monsite.html">formulaire de demande de devis.</a></p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/formulaire-etapes.png" alt="Cahier des charges webdesign e-monsite"/> <h3>Cahier des charges</h3> </div> <p class="charte-desc">Apr猫s la validation de votre commande, vous acc茅derez au formulaire "cahier des charges" vous permettant de donner l'ensemble de vos consignes, besoins et envies au webdesigner.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/validation-etapes.png" alt="Prise en charge du projet"/> <h3>Prise en charge de votre projet</h3> </div> <p class="charte-desc">Un webdesigner professionnel prendra en charge votre projet graphique et 茅tudiera votre cahier des charges. Il vous contactera par e-mail ou t茅l茅phone, pour pr茅ciser vos attentes et vous poser ses 茅ventuelles questions.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/maquette-etapes.png" alt="Cahier des charges webdesign e-monsite"/> <h3>Cr茅ation d'une premi猫re maquette</h3> </div> <p class="charte-desc">Apr猫s cette prise de contact, le webdesigner vous transmettra une maquette de la page d'accueil de votre site sous la forme d'une image. Vous pourrez ainsi voir les diff茅rents styles pr茅vus (les couleurs, les menus, la mise en page, etc.). D茅lai maximum de 2 semaines.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/avis-etapes.png" alt="Retour webdesign e-monsite"/> <h3>Prise en compte de vos remarques 茅ventuelles (facultatif)</h3> </div> <p class="charte-desc">Vous pourrez donner votre avis et demander des modifications de la maquette.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/pages-etapes.png" alt="Modifications webdesign e-monsite"/> <h3>Ex茅cution des 茅ventuelles modifications (facultatif)</h3> </div> <p class="charte-desc">Le graphiste web retravaillera la maquette afin de correspondre au mieux 脿 vos attentes et vous la transmettra 脿 nouveau dans un d茅lai maximum d'une semaine. </p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/technique-etapes.png" alt="Remarques webdesign e-monsite"/> <h3>Prise en compte de vos remarques 茅ventuelles (facultatif)</h3> </div> <p class="charte-desc">Une derni猫re fois, vous pourrez demander des modifications de cette maquette afin de l'ajuster au mieux.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/formulaire-etapes.png" alt="Application des modifications"/> <h3>Ex茅cution des 茅ventuelles modifications (facultatif)</h3> </div> <p class="charte-desc">Le webdesigner modifiera alors une derni猫re fois la maquette avant de commencer son int茅gration technique dans un d茅lai maxi d'une semaine.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/enligne-etapes.png" alt="Installation du th猫me webdesign e-monsite"/> <h3>Installation du th猫me graphique sur votre site</h3> </div> <p class="charte-desc">Vous serez averti d猫s que le template graphique sera pr锚t 脿 锚tre install茅 sur votre site.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/validation-etapes.png" alt="Disponibilit茅 du th猫me e-monsite"/> <h3>Mise 脿 disposition du th猫me</h3> </div> <p class="charte-desc">Vous pourrez activer ce nouveau th猫me graphique depuis votre manager quand vous le souhaiterez.</p> </li> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/explication-etapes.png" alt="Webdesign e-monsite sur mesure"/> <h3>Sur mesure</h3> </div> <p class="charte-desc">Ensuite, si vous avez choisi une prestation incluant la mise en page de la page d'accueil et de certaines pages de votre site, un webdesigner va intervenir directement dans votre manager de site.</p> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '51ffc677c6e63e402010a1f9', 'awelty.com'); </script> </div> <!-- //MAIN --> </div> <!-- //WRAPPER --> <!-- FOOTER --> <footer id="footer"> <div id="footer-wrapper"> <div class="container"> <!-- CUSTOMIZE AREA --> <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> <!-- //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> <!-- CUSTOMIZE JS --> <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>