CINXE.COM
Saison Culturelle du Val de Nièvre pour 2016/2017
<!DOCTYPE html> <html lang="fr"> <head> <title>Saison Culturelle du Val de Nièvre pour 2016/2017</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"> <link rel="alternate" type="application/rss+xml" href="https://www.awelty.fr/blog/do/rss.xml" /> <meta name="twitter:title" content="Saison Culturelle du Val de Nièvre pour 2016/2017"/> <meta property="og:title" content="Saison Culturelle du Val de Nièvre pour 2016/2017"/> <meta property="og:url" content="https://www.awelty.fr/blog/references-pao/saison-culturelle-du-val-de-nievre-pour-2016-2017.html"/> <meta property="og:type" content="article"/> <meta name="description" content="Pour la sixième année consécutive, l'agence Awelty a réalisé les supports de communication papier de la saison culturelle 2016/2017 de la Communauté de Communes du Val de Nièvre et environs. Un agenda culturel, une affiche et un prezi de présentation ont été ..."/> <meta name="twitter:description" content="Pour la sixième année consécutive, l'agence Awelty a réalisé les supports de communication papier de la saison culturelle 2016/2017 de la Communauté de Communes du Val de Nièvre et environs. Un agenda culturel, une affiche et un prezi de présentation ont été ..."/> <meta property="og:description" content="Pour la sixième année consécutive, l'agence Awelty a réalisé les supports de communication papier de la saison culturelle 2016/2017 de la Communauté de Communes du Val de Nièvre et environs. Un agenda culturel, une affiche et un prezi de présentation ont été ..."/> <link rel="image_src" href="https://www.awelty.fr/medias/images/saison-culturelle-val-de-nievre.png"/> <meta property="og:image" content="https://www.awelty.fr/medias/images/saison-culturelle-val-de-nievre.png"/> <meta name="twitter:image" content="https://www.awelty.fr/medias/images/saison-culturelle-val-de-nievre.png"/> <meta name="twitter:card" content="summary_large_image"/> <link rel="canonical" href="https://www.awelty.fr/blog/references-pao/saison-culturelle-du-val-de-nievre-pour-2016-2017.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=1672"></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="blog_run_references-pao" class="blog 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’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> <!--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’une 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> </ul> </div> </div> </nav> <!-- WRAPPER --> <div id="wrapper" class="container"> <!-- MAIN --> <div id="main"> <div class="view view-blog" id="view-item" data-category="references-pao" data-id-blog="57f251cdee63d597aac2b59e"> <h1 class="view-title">Saison Culturelle du Val de Nièvre pour 2016/2017</h1> <ul class="media-infos"> <li data-role="date"> Le Mer 05 oct 2016 </li> <li data-role="category"> Dans <a href="https://www.awelty.fr/blog/references-pao/">Références PAO</a> </li> </ul> <div class="clearfix"> <p>Pour la sixième année consécutive, l'agence Awelty a réalisé les supports de communication papier de la saison culturelle 2016/2017 de la <a href="http://www.cc-valdenievre.fr/">Communauté de Communes du Val de Nièvre et environs</a>. Un agenda culturel, une affiche et un prezi de présentation ont été réalisés pour cette nouvelle année.</p> </div> <div id="rows-602c81cad43e2bda64a1b18e" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 page_1"> <div class="row-content"> <h2 class="row-title"> Agenda Culturel 2016/2017 du Val de Nièvre </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-57f24e6c2f95d597aac26799" class="column-content"> <p>Après le vert, le rouge, le cyan, le jaune et le magenta, place au violet pour cette nouvelle saison culturelle ! Cette couleur a été choisi pour rendre <strong>hommage à Prince</strong> (un coup de coeur du coordinateur culturel). Un "<a href="https://cdn.evbuc.com/eventlogos/8045255/purpleprince.jpg">purple rain</a>" était la couleur de base désirée, mais pour des raisons d'esthétiques notre graphiste est partie sur un violet qui tire un peu plus sur le bleu, couplé à un rose. Cela rend le tout plus <strong>harmonieux et visuellement très sympathique</strong>. En dehors du choix des nouvelles couleurs, le logo et l'<a href="/pages/agence-de-communication/studio-graphique/">identité graphique</a> du Val de Nièvre restent présents sur les différentes supports.</p> <p>10 000 exemplaires de cet agenda sont disponibles à travers le Val de Nièvre et ses environs, n'hésitez donc pas à vous y rendre si vous souhaitez le découvrir au format papier. Sinon, vous avez également la possibilité de le visionner directement ci dessous :</p> </div> </div> </div> </div> </div> <div class="row-container rd-2 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-57f251ce0c69d597aac2efa9" class="column-content"> <div data-configid="0/39313015" style="width:100%; height:461px;" class="issuuembed"></div><script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script> </div> </div> </div> </div> </div> <div class="row-container rd-3 page_1"> <div class="row-content"> <h2 class="row-title"> Affiche de la saison culturelle </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:50%"> <div id="cell-57f251ce0c76d597aac29a7e" class="column-content"> <p>Aux couleurs de l'agenda, l'affiche reprend les événements prévus pour 2016 et 2017 dans le Val de Nièvre. Toutes les infos indispensables sont présentes sur cette affiche pour informer au mieux. Des formes géométriques rappelant l'agenda sont reprises en <strong>mélangeant ronds et carrés, et en ne gardant que l'essentiel</strong> de chaque événement.</p> <p>Une centaine d'exemplaires seront affichés dans la communauté de communes pour promouvoir les événements à venir. Une affiche qui ne devrait pas laisser indifférent grâce à ces belles couleurs !</p> </div> </div> <div data-role="cell" class="column" style="width:50%"> <div id="cell-57f2524a2f2cd597aac23940" class="column-content"> <div data-widget="image" class="text-center"> <a title="Affiche 2016/2017 du Val de Nièvre" href="/medias/images/affiche-val-de-nievre.png" class="fancybox" data-fancybox-type="image" rel="image"> <img src="/medias/images/affiche-val-de-nievre.png?fx=r_211_300" alt="Affiche 2016/2017 du Val de Nièvre" width="211" height="300"> </a> </div> </div> </div> </div> </div> </div> <div class="row-container rd-4 page_1"> <div class="row-content"> <h2 class="row-title"> Présentation de la saison culturelle en ligne </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-57f2524a2f41d597aac239ff" class="column-content"> <p>Le mardi 04 octobre 2016 se tenait la présentation officielle de la saison culturelle du Val de Nièvre à Flixecourt, au centre culturel Chiffon Rouge. Pour cette présentation, l'agence awelty a réalisé le support ci-dessous, mis en place avec Prezi, afin de proposer une présentation dynamique et aux couleurs de la saison 2016/2017.</p> <p> </p> </div> </div> </div> </div> </div> <div class="row-container rd-5 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-57f2524a2f59d597aac29a64" class="column-content"> <iframe id="iframe_container" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="100%" height="500px" src="https://prezi.com/embed/t_qm7tcfanzm/?bgcolor=ffffff&lock_to_path=1&autoplay=0&autohide_ctrls=0&landing_data=bHVZZmNaNDBIWnNjdEVENDRhZDFNZGNIUE43MHdLNWpsdFJLb2ZHanI0OFJJOXBjNUFIaXl4VGd0YmJad2t6Z2VRPT0&landing_sign=C_l-JqcaVF9amcsE0hKSpTNlrz5kB55FtcpfoSUTOtI"></iframe> </div> </div> </div> </div> </div> </div> <p class="tag-line"> <a href="https://www.awelty.fr/blog/do/tag/pao/" class="btn btn-link">PAO</a> <a href="https://www.awelty.fr/blog/do/tag/val-de-nievre/" class="btn btn-link">Val de Nièvre</a> <a href="https://www.awelty.fr/blog/do/tag/agenda-culturel/" class="btn btn-link">Agenda Culturel</a> </p> <div class="related-blogposts"> <p class="h3">Articles similaires</p> <ul class="media-list media-stacked" data-addon="blog"> <li class="media" data-category="references-pao" data-date="11/09/2015" data-blog-id="563893365376c1f82510a872"> <div class="media-object"> <a href="https://www.awelty.fr/blog/references-pao/saison-culturelle-2015-2016-du-val-de-nievre.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/img-illu-ccvne.jpg?fx=c_400_400" alt="Img illu ccvne" width="400"> </a> </div> <div class="media-body"> <p class="media-heading"><a href="https://www.awelty.fr/blog/references-pao/saison-culturelle-2015-2016-du-val-de-nievre.html">Saison culturelle 2015/2016 du Val de Nièvre</a></p> <p class="media-content">Cette année encore, et ce depuis 4 ans maintenant, l'agence Awelty a réalisé l'agenda culturel du Val de Nièvre et Environs pour la saison culturelle 2015/2016. De belles références PAO pour l'agen…</p> </div> </li> <li class="media" data-category="references-pao" data-date="10/03/2014" data-blog-id="542e709a188ad597aac2963f"> <div class="media-object"> <a href="https://www.awelty.fr/blog/references-pao/agenda-val-de-nievre-2014-2015.html"> <img loading="lazy" src="https://www.awelty.fr/medias/images/ccvne-2014.jpg?fx=c_400_400" alt="Ccvne 2014" width="400"> </a> </div> <div class="media-body"> <p class="media-heading"><a href="https://www.awelty.fr/blog/references-pao/agenda-val-de-nievre-2014-2015.html">C'est la rentrée dans le Val de Nièvre !</a></p> <p class="media-content">Les années se suivent mais ne se ressemblent pas dans le Val de Nièvre, grâce à leur programme culturel ! </p> </div> </li> </ul> </div> </div> <script> emsChromeExtension.init('blog', '57f251cdee63d597aac2b59e', 'awelty.com'); </script> </div> <!-- //MAIN --> <!-- SIDEBAR --> <div id="sidebar"> <div id="sidebar-wrapper"> <div class="widget" data-id="widget_blogpost_categories"> <div class="widget-title"> <span> Catégories </span> </div> <div id="widget1" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="blog"> <li data-category="actualites-groupes"> <a href="https://www.awelty.fr/blog/actualites-groupes/">Actualités du groupe</a> </li> <li data-category="actualite-des-nouvelles-technologies-amiens-somme-picardie"> <a href="https://www.awelty.fr/blog/actualite-des-nouvelles-technologies-amiens-somme-picardie/">Nouvelles technos à Amiens</a> </li> <li data-category="actu-du-web"> <a href="https://www.awelty.fr/blog/actu-du-web/">Actu du web</a> </li> <li data-category="references-sites-web"> <a href="https://www.awelty.fr/blog/references-sites-web/">Références sites web</a> </li> <li data-category="references-pao"> <a href="https://www.awelty.fr/blog/references-pao/">Références PAO</a> </li> <li data-category="referencement-seo"> <a href="https://www.awelty.fr/blog/referencement-seo/">Référencement / SEO</a> </li> <li data-category="referencement-payant"> <a href="https://www.awelty.fr/blog/referencement-payant/">Référencement Payant</a> </li> <li data-category="developpement-web"> <a href="https://www.awelty.fr/blog/developpement-web/">Développement web</a> </li> <li data-category="webdesign-css"> <a href="https://www.awelty.fr/blog/webdesign-css/">Webdesign / CSS</a> </li> <li data-category="autres"> <a href="https://www.awelty.fr/blog/autres/">Autres</a> </li> </ul> </div> </div> <div class="widget" data-id="widget_htmltext"> <div class="widget-title"> <span> Restez connecté ! </span> </div> <div id="widget2" class="widget-content" data-role="widget-content"> <div id="social-subscribe-container"> <div id="f-b-container" class="social-content"> <a href="https://www.facebook.com/awelty.fr/?fref=ts" title="Aimer la page Awelty" target="_blank"> <i class="fa fa-facebook"></i> <span>Notre page</span> </a> </div> <div id="i-g-container" class="social-content"> <a href="https://www.instagram.com/awelty_fr/" title="Suivre le compte Awelty" target="_blank"> <i class="fa fa-instagram"></i> <span>Notre compte</span> </a> </div> <div id="t-w-container" class="social-content"> <a href="https://twitter.com/awelty_fr?lang=fr" title="Suivre le compte Awelty" target="_blank"> <i class="fa fa-twitter"></i> <span>Notre compte</span> </a> </div> <div id="y-t-container" class="social-content"> <a href="https://www.youtube.com/channel/UCyaXmRUgjvtOV1sbwtGP3kg" title="S'abonner à la chaine Awelty" target="_blank"> <i class="fa fa-youtube"></i> <span>Notre chaine</span> </a> </div> </div> <style> .social-content { border-radius: 8px; display: flex; align-items: center; margin-bottom:10px; text-decoration: none; transition: all 0.4s; } .social-content a { text-decoration: none; padding: 15px 5px; display: block; width: 100%; } .social-content i { margin-right: 10px; } .social-content i, .social-content span{ color:#fff; padding-left: 10px; } .social-content span { font-weight: 500; border-left: 1px solid #fff; } #f-b-container { background-color:#447bc6; } #t-w-container { background-color:#37a2e4; } #i-g-container { background-color:#e12c61; background:linear-gradient(158deg,#863fa6 22%,#e12c61 50%,#f46f46 80%); } #y-t-container { background-color:#e7403c; } #f-b-container:hover { background-color:#3969aa; } #t-w-container:hover { background-color:#3192ce; } #i-g-container:hover { opacity: 0.8; } #y-t-container:hover { background-color:#c13532; } .social-content:hover { transform:scale(1.02); } .social-content:hover i { color:#fff; } </style> </div> </div> <div class="widget" data-id="widget_ems_search"> <div class="widget-title"> <span> Rechercher </span> </div> <div id="widget3" class="widget-content" data-role="widget-content"> <form method="get" action="https://www.awelty.fr/blog/do/emsearch/" class="form-search"> <div class="control-group control-type-text has-required"> <span class="as-label hide">Votre recherche</span> <div class="controls"> <div class="input-group"> <div class="input-group-addon"> <i class="fa fa-search"></i> </div> <input type="text" name="q" value="" placeholder="Votre recherche" required> <div class="input-group-btn"> <button type="submit" class="btn btn-primary">OK</button> </div> </div> </div> </div> </form> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/studio-web/agent-conversationnel/"> <span> Agent conversationnel </span> </a> </div> <div id="widget4" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="agent-conversationnel"> <a href="https://www.awelty.fr/pages/studio-web/agent-conversationnel/creation-chatbot-agent-conversationnel-amiens.html"> Création de Chatbot </a> </li> </ul> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/"> <span> Formations création de site Internet </span> </a> </div> <div id="widget5" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="formation-creation-site-internet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/formation-creer-un-site-internet-emonsite.html"> Initiation à e-monsite </a> </li> <li data-category="formation-creation-site-internet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/formation-perfectionner-site-internet-emonsite.html"> e-monsite avancé </a> </li> <li data-category="formation-creation-site-internet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/formation-creer-un-site-e-commerce-emonsite.html"> Créer un site e-commerce </a> </li> <li data-category="formation-creation-site-internet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/formation-creation-site-wordpress.html"> Initiation à Wordpress </a> </li> <li data-category="formation-creation-site-internet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/formation-creation-site-ecommerce-prestashop.html"> Initiation à Prestashop </a> </li> <li data-category="formation-creation-site-internet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-creation-site-internet/formation-avancee-site-ecommerce-prestashop.html"> Prestashop avancé </a> </li> </ul> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-referencement-web/"> <span> Formations au référencement </span> </a> </div> <div id="widget6" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="formations-referencement-web"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-referencement-web/formation-referencement-seo.html"> Référencement SEO </a> </li> <li data-category="formations-referencement-web"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-referencement-web/formation-referencement-sea.html"> Référencement SEA </a> </li> </ul> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/"> <span> Formations aux réseaux sociaux </span> </a> </div> <div id="widget7" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="formations-reseaux-sociaux"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/formation-animer-page-facebook.html"> Animer une page Facebook </a> </li> <li data-category="formations-reseaux-sociaux"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/formation-animer-compte-instagram.html"> Animer un compte Instagram </a> </li> <li data-category="formations-reseaux-sociaux"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/formation-animer-compte-twitter.html"> Animer un compte Twitter </a> </li> <li data-category="formations-reseaux-sociaux"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/formation-strategie-communication-reseaux-sociaux.html"> Stratégie réseaux sociaux </a> </li> <li data-category="formations-reseaux-sociaux"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/formation-reussir-relation-client-digitale.html"> Relation client digitale </a> </li> <li data-category="formations-reseaux-sociaux"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-reseaux-sociaux/formation-publicite-facebook.html"> Publicité Facebook </a> </li> </ul> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-chatbot/"> <span> Formation chatbot </span> </a> </div> <div id="widget8" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="formation-chatbot"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-chatbot/formation-mettre-en-place-chatbot.html"> Mettre en place un chatbot </a> </li> <li data-category="formation-chatbot"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-chatbot/formation-ameliorer-son-chatbot.html"> Améliorer son chatbot </a> </li> </ul> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-gestion-de-projet/"> <span> Formation gestion de projet </span> </a> </div> <div id="widget9" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="formation-gestion-de-projet"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formation-gestion-de-projet/formation-methode-agile-scrum-avec-trello.html"> Méthode agile Scrum </a> </li> </ul> </div> </div> <div class="widget" data-id="widget_page_category"> <div class="widget-title"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-emailing/"> <span> Formations emailing </span> </a> </div> <div id="widget10" class="widget-content" data-role="widget-content"> <ul class="nav nav-list" data-addon="pages"> <li data-category="formations-emailing"> <a href="https://www.awelty.fr/pages/formations-outils-innovants/formations-emailing/formation-mailchimp.html"> Initiation à Mailchimp </a> </li> </ul> </div> </div> </div> </div> <!-- //SIDEBAR --> </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>