Combien co没te un site web ?

<!DOCTYPE html> <html lang="fr"> <head> <title>Combien co没te un site web ?</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"> <meta property="og:title" content="Combien co没te un site web ?"/> <meta property="og:url" content="https://www.awelty.fr/pages/combien-coute-un-site-web.html"/> <meta property="og:type" content="website"/> <meta name="description" content="Vous souhaitez savoir combien pourrait co没ter votre futur site web ? Awelty vous propose des devis en ligne personnalis茅s pour votre projet de site web" /> <meta property="og:description" content="Vous souhaitez savoir combien pourrait co没ter votre futur site web ? Awelty vous propose des devis en ligne personnalis茅s pour votre projet de site web"/> <link href="/medias/files/devis.css" rel="stylesheet"> <link rel="canonical" href="https://www.awelty.fr/pages/combien-coute-un-site-web.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" /> <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=1746"></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="pages_run_combien-coute-un-site-web" 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-page" data-id-page="55c9a990ace7c1f82510e878" > <div id="rows-60c377eb0a8f09a2f7d9c7b6" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 padding-t-b row-highlighted no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:50%"> <div id="cell-5846b4a33f45c1f825104104" class="column-content"> <p><img alt="Devis illu" class="img-center" height="368" src="/medias/images/devis-illu.png" width="576" alt="Combien co没te un site web chez Awelty ?"/></p> </div> </div> <div data-role="cell" class="column flex-col advanced" style="width:50%"> <div id="cell-578ce26c36fad597aac2ecbc" class="column-content"> <h1 class="center-t-phone">Combien coûte un site web ?</h1> <p class="lead center-t-phone">Puisqu'il n'est pas toujours évident de connaître les tarifs de <a href="/pages/studio-web/creation-de-site/" title="Cr茅ation de site web">création d'un site internet</a>, nous avons décidé de mettre à votre disposition un outil pour estimer le prix de votre projet chez <a href="/pages/a-propos.html" title="Le groupe Awelty">Awelty</a>. Sachez que tous nos sites internet créés récemment sont automatiquement en responsive design, c'est à dire que l'affichage est optimisé pour tous les écrans : tablette, smartphone ou ordinateur. Nous utilisons notre propre <a href="/pages/studio-web/creation-de-site/cms-awelty.html" title="Notre CMS">CMS</a> pour vous permettre d'administrer votre site facilement et d'en changer le contenu quand bon vous semble.</p> </div> </div> </div> </div> </div> <div class="row-container rd-2 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-5846b540ed92c1f8251064e2" class="column-content"> <div class="card-shadow"> <p class="center-t"><strong>Cet outil est là pour vous donner une estimation, chaque projet étant différent, n'hésitez pas à <a href="https://www.awelty.fr/pages/contact.html" target="_blank" title="Contactez-nous">nous contacter</a> pour que nous en discutions ensemble. </strong></p> </div> </div> </div> </div> </div> </div> <div class="row-container rd-3 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-578f3fe33347d597aac2ff23" class="column-content">  <div id="bloc-devis" class="row">  <div class="column column12">  <div id="dPrix"> <p>Estimation du co没t : <br/><span id="prix"></span></p> </div>  <div class="row"> <div class='column column12'> <h2>Quel type de site d茅sirez-vous ?</h2> </div> </div>  <div class="row margin-b-3x">  <div class="column column3 bloc"> <div> <label id="dynamique"> <img class="deco" src="/medias/images/site-dynamique.png" alt="Cr茅ation d'un site dynamique"/> <input class="choix" type="radio" name="type" value="dynamique" checked> </label> <p class="accroche">Site dynamique</p> <span class="legend">Site de pr茅sentation dont vous pouvez changer le contenu.</span> </div> </div>   <div class="column column3 bloc" > <div> <label id="boutique"> <img class="deco" src="/medias/images/site-boutique.png" alt="Cr茅ation d'une boutique en ligne"/> <input class="choix" type="radio" name="type" value="ecommerce"> </label> <p class="accroche">Boutique en ligne</p> <span class="legend">Site de vente de produits ou services en ligne, avec ou sans paiement. </span> </div> </div>  </div>   <div id="nb_produits"> <div class="row"> <div class='column column12'> <h2>Nombre d'articles 脿 int茅grer sur votre boutique par Awelty</h2> </div> </div> <div class="row margin-b-3x"> <div class="column column3 bloc"> <div> <label id="produits_moinsCinq"> <p>Moins de<img class="page" src="/medias/images/5.png" alt="Moins de cinq produits pour votre boutique en ligne"/></p> <input class="choix" type="radio" name="produits" value="produits_moinsCinq" > </label> </div> </div> <div class="column column3 bloc"> <div> <label id="produits_cinqADix"> <p>De<img class="page" src="/medias/images/5.png" alt="Choisir cinq produits"/>脿<img class="page" src="/medias/images/10.png" alt="Choisir dix produits pour votre boutique en ligne"/></p> <input class="choix" type="radio" name="produits" value="produits_cinqADix"/> </label> </div> </div> <div class="column column3 bloc"> <div> <label id="produits_DixAVingt"> <p>De<img class="page" src="/medias/images/10.png" alt="Choisir dix items pour votre boutique en ligne"/>脿<img class="page" src="/medias/images/20.png" alt="Choisir vingt produits pour votre boutique en ligne"/></p> <input class="choix" type="radio" name="produits" value="produits_dixAVingt"/> </label> </div> </div> <div class="column column3 bloc"> <div> <label id="produits_vingtPlus"> <p>Plus de<img class="page" src="/medias/images/20.png" alt="Choix de plus de vingt produits pour votre boutique en ligne"/></p> <input class="choix" type="radio" name="produits" value="produits_vingtPlus"/> </label> </div> </div> </div> </div>   <div class="row"> <div class='column column12'> <h2>Combien de pages comprendra votre site ?</h2> </div> </div> <div class="row margin-b-3x"> <div class="column column3 bloc"> <div> <label id="pages_moinsCinq"> <p>Moins de<img class="page" src="/medias/images/5-feuilles.png" alt="Choisir moins de pages sur votre site"/></p> <input class="choix" type="radio" name="taille" value="pages_moinsCinq" checked> </label> </div> </div> <div class="column column3 bloc"> <div> <label id="pages_cinqADix"> <p>De<img class="page" src="/medias/images/5-feuilles.png" alt="Choisir cinq pages sur votre site"/>脿<img class="page" src="/medias/images/10-feuilles.png" alt="Choisir dix pages sur votre site"/></p> <input class="choix" type="radio" name="taille" value="pages_cinqADix"/> </label> </div> </div> <div class="column column3 bloc"> <div> <label id="pages_DixAVingt"> <p>De<img class="page" src="/medias/images/10-feuilles.png" alt="Choisir dix pages sur votre internet"/>脿<img class="page" src="/medias/images/20-feuilles.png" alt="Choisir vingts pages sur votre site internet"/></p> <input class="choix" type="radio" name="taille" value="pages_dixAVingt"/> </label> </div> </div> <div class="column column3 bloc"> <div> <label id="pages_vingtPlus"> <p>Plus de<img class="page" src="/medias/images/20-feuilles.png" alt="Choisir plus de vingt pages sur votre site internet"/></p> <input class="choix" type="radio" name="taille" value="pages_vingtPlus"/> </label> </div> </div> </div>   <div> <div class="row"> <div class="column column12"> <h2>Avez-vous d'autres besoins particuliers ?</h2> </div> </div> <div class="row"> <div class="column column3 bloc"> <div> <label id="blog"> <img class="deco" src="/medias/images/blog.png" alt="Choisir un module blog sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="Blog"/> </label> <p class="accroche">Module blog</p> <span class="legend">Pour communiquer avec vos internautes, faire vivre votre site et fid茅liser une audience.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="reservation"> <img class="deco" src="/medias/images/reservation.png" alt="Choisir un module r茅servation sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="Reservation"/> </label> <p class="accroche">Module r茅servation</p> <span class="legend">G茅rer des r茅servations sur votre site et proposer un calendrier de disponibilit茅.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="agenda"> <img class="deco" src="/medias/images/agenda-1.png" alt="Choisir un module agenda sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="Agenda"/> </label> <p class="accroche">Module agenda</p> <span class="legend">G茅rer et afficher un agenda de vos rendez-vous, 茅v茅nements, etc.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="newsletter"> <img class="deco" src="/medias/images/newsletter.png" alt="Choisir un module newsletter sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="Newsletter"/> </label> <p class="accroche">Module newsletter</p> <span class="legend">Pour communiquer avec vos internautes.</span> </div> </div> </div> <div class="row margin-b-3x"> <div class="column column3 bloc"> <div> <label id="albumPhoto"> <img class="deco" src="/medias/images/album-photo.png" alt="Choisir un module album photo sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="albumPhoto"/> </label> <p class="accroche">Module album photo</p> <span class="legend">Pour pr茅senter les photos de votre choix sur votre site.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="livreOr"> <img class="deco" src="/medias/images/livre-or.png" alt="Choisir un module livre d'or sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="livreOr"/> </label> <p class="accroche">Module livre d'or</p> <span class="legend">Pour que vos visiteurs puissent donner un avis sur votre site ou services.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="restaurant"> <img class="deco" src="/medias/images/restaurant.png" alt="Choisir un module restaurant sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="Restaurant"/> </label> <p class="accroche">Module restaurant</p> <span class="legend">Cr茅ation d'une carte en ligne pour pr茅senter les produits, formules, etc.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="autre_besoin"> <img class="deco" src="/medias/images/point-d-interro-rouge.png" alt="Choisir un autre module sur votre site internet"/> <input class="choix besoins" type="checkbox" name="besoins[]" value="autreBesoin"/> </label> <p class="accroche">Autre</p> <span class="legend">Une demande sp茅cifique 脿 votre besoin ? N'h茅sitez pas 脿 nous le pr茅ciser !</span> </div> </div> </div> </div> <div class="autre" id="autreBesoinDescription" > <input type="text" name="autreBesoinDescription" placeholder="Pr茅cisez" onkeyup="recupBesoin()"/> </div>   <div class="row"> <div class="column column12"> <h2>Besoin d'autres services ?</h2> </div> </div> <div class="row"> <div class="column column3 bloc"> <div> <label id="crealogo"> <img class="deco" src="/medias/images/ecran.png" alt="Cr茅ation de logo pour votre activit茅"/> <input class="choix services" type="checkbox" name="services[]" value="creaLogo"/> </label> <p class="accroche">Cr茅ation de logos</p> <span class="legend">Cr茅ation de votre logo par notre graphiste pour pr茅senter au mieux votre entreprise ou activit茅.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="redaction"> <img class="deco" src="/medias/images/page.png" alt="R茅daction web pour votre site internet"/> <input class="choix services" type="checkbox" name="services[]" value="Redaction"/> </label> <p class="accroche">R茅daction web</p> <span class="legend">R茅daction de contenu optimis茅 pour le r茅f茅rencement.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="gestionComm"> <img class="deco" src="/medias/images/reseaux-sociaux.png" alt="Gestin des r茅seaux sociaux 脿 Amiens"/> <input class="choix services" type="checkbox" name="services[]" value="gestionComm"/> </label> <p class="accroche">Communaut茅 web</p> <span class="legend">Aide 脿 la gestion des r茅seaux sociaux : Facebook, Twitter et Google +.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="webmastering"> <img class="deco" src="/medias/images/webmastering.png" alt="Gestion de votre site internet par Awelty"/> <input class="choix services" type="checkbox" name="services[]" value="Webmastering"/> </label> <p class="accroche">Webmastering</p> <span class="legend">Nous g茅rons les mises 脿 jour de contenu de votre site.</span> </div> </div> </div> <div class="row margin-b-3x"> <div class="column column3 bloc"> <div> <label id="adwords"> <img class="deco" src="/medias/images/adwords-icon.png" alt="Campagne de publicit茅 Adwords 脿 Amiens"/> <input class="choix services" type="checkbox" name="services[]" value="Adwords"/> </label> <p class="accroche">Campagne Adwords</p> <span class="legend">Gestion de votre campagne Adwords pour optimiser votre strat茅gie marketing.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="appliMobile"> <img class="deco" src="/medias/images/android-design.png" alt="Cr茅ation d'application mobile par Awelty"/> <input class="choix services" type="checkbox" name="services[]" value="appliMobile"/> </label> <p class="accroche">Application mobile</p> <span class="legend">D茅veloppement de votre application en compl茅ment du site internet.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="sms"> <img class="deco" src="/medias/images/sms.png" alt="Campagne SMS 脿 Amiens"/> <input class="choix services" type="checkbox" name="services[]" value="sms"/> </label> <p class="accroche">Campagne SMS</p> <span class="legend">Envoyer des informations aux membres du site par sms.</span> </div> </div> <div class="column column3 bloc"> <div> <label id="autreService"> <img class="deco" src="/medias/images/interro-violet.png" alt="Demande sp茅cifique pour votre activit茅"/> <input class="choix services" type="checkbox" name="services[]" value="autreService"/> </label> <p class="accroche">Autre</p> <span class="legend">Une demande sp茅cifique 脿 votre besoin ? N'h茅sitez pas 脿 nous le pr茅ciser !</span> </div> </div> </div> <div class="autre" id="autreServiceDescription"> <input type="text" name="autreServiceDescription" placeholder="Pr茅cisez" onkeyup="recupService()"/> </div> </div> </div>  </div> </div> </div> </div> </div> <div class="row-container rd-4 row-highlighted no-margin center-h2 page_1"> <div class="row-content"> <h2 class="row-title"> Contacter l'agence web Awelty </h2> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-578f6ecf6386d597aac25304" class="column-content"> <form class="form-horizontal" method="post" id="form_578f6e91cd71d597aac22ba9" enctype="multipart/form-data" data-contactform-id="578f6e91cd71d597aac22ba9"> <div class="control-group control-type-text has-required"> <label for="field578f6e91cd71d597aac22ba9_1">Votre nom</label> <div class="controls"> <input type="text" id="field578f6e91cd71d597aac22ba9_1" name="677bf9424becd4558d135fdc" value=""> </div> </div> <div class="control-group control-type-email has-required"> <label for="field578f6e91cd71d597aac22ba9_2">Votre e-mail</label> <div class="controls"> <input type="email" id="field578f6e91cd71d597aac22ba9_2" name="677bf9424c75d4558d136133" value=""> </div> </div> <div class="control-group control-type-text"> <label for="field578f6e91cd71d597aac22ba9_3">Votre site internet</label> <div class="controls"> <input type="text" id="field578f6e91cd71d597aac22ba9_3" name="677bf9424ca6d4558d1325f6" value=""> </div> </div> <input type="hidden" name="677bf9424cd8d4558d135a11" value="Demande de devis"> <div class="control-group control-type-textarea has-required"> <label for="field578f6e91cd71d597aac22ba9_5">Message</label> <div class="controls"> <textarea name="677bf9424d06d4558d13c611" cols="1" rows="10" id="field578f6e91cd71d597aac22ba9_5"></textarea> </div> </div> <div class="control-group control-type-text"> <label for="field578f6e91cd71d597aac22ba9_6">R茅capitulatif</label> <div class="controls"> <input type="text" id="field578f6e91cd71d597aac22ba9_6" name="677bf9424d37d4558d13fa94" value=""> </div> </div> <div class="control-group control-type-text"> <label for="field578f6e91cd71d597aac22ba9_7">Autre besoin ?</label> <div class="controls"> <input type="text" id="field578f6e91cd71d597aac22ba9_7" name="677bf9424d76d4558d1313a0" value=""> </div> </div> <div class="control-group control-type-text"> <label for="field578f6e91cd71d597aac22ba9_8">Autre service ?</label> <div class="controls"> <input type="text" id="field578f6e91cd71d597aac22ba9_8" name="677bf9424da1d4558d1359c7" value=""> </div> </div> <div class="control-group control-type-icon-captcha"> <label>Anti-spam</label> <div class="controls"> <link href="//www.awelty.fr/medias/static/icon-captcha/css/icon-captcha.min.css" rel="stylesheet" /> <script src="//www.awelty.fr/medias/static/icon-captcha/js/icon-captcha.min.js"></script> <div class="captcha-holder"> </div> <script> $('.captcha-holder').iconCaptcha({ captchaAjaxFile: '//www.awelty.fr/sessions/iconcaptcha', captchaMessages: { header: "S\u00E9lectionnez\u0020l\u0027image\u0020visible\u0020le\u0020moins\u0020de\u0020fois", correct: { top: "Correct", bottom: "Vous\u0020n\u0027\u00EAtes\u0020pas\u0020un\u0020robot" }, incorrect: { top: "Erreur", bottom: "Vous\u0020avez\u0020s\u00E9lectionn\u00E9\u0020la\u0020mauvaise\u0020image" } } }); </script> </div> </div> <div class="control-group form-actions"> <div class="controls"> <button type="submit" class="btn btn-primary" value="1" name="contact_578f6e91cd71d597aac22ba9">Envoyer</button> </div> </div> </form> <script> $(document).ready(function(){ $('#form_578f6e91cd71d597aac22ba9').find('.datepicker').datepicker({ dateFormat: 'D d M yy' }); }); </script> </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-578f78e3cff7d597aac2a9b2" class="column-content"> <script> if (window.matchMedia("(min-width: 992px)").matches) { $(window).scroll(function () { if ($(this).scrollTop() > 660) { $('#dPrix').addClass("floatable"); $('#bloc-devis').addClass('replace-margin'); } else { $('#dPrix').removeClass("floatable"); $('#bloc-devis').removeClass('replace-margin'); } }); } else { $(window).scroll(function () { if ($(this).scrollTop() > 1000) { $('#dPrix').addClass("floatable"); $('#bloc-devis').addClass('replace-margin'); } else { $('#dPrix').removeClass("floatable"); $('#bloc-devis').removeClass('replace-margin'); } }); }; </script> <script src="/medias/files/devis-1.js"></script> <style> /*DEVIS STYLE*/ #pages_run_combien-coute-un-site-web .bloc div { width: calc(100% - 10px); height: 100%; text-align: center; display: block; position: relative; overflow: hidden; margin: 15px auto; background-color: #f3f3f3; color: #666; vertical-align: top; } #pages_run_combien-coute-un-site-web .bloc div:hover, #pages_run_combien-coute-un-site-web .bloc div.active { background-color: #ffffff; box-shadow: 0 0 8px 0 rgba(0,0,0,.3); color: #ff5252; transition: all 0.3s; } #pages_run_combien-coute-un-site-web .bloc div span { position:absolute; display:block; height:100%; bottom:0; line-height:1.5em; margin:0px; left:0px; top: 222px; width:100%; background-color:#363636; color:#fff; font-variant:normal; letter-spacing:0; font-size:.9em; transition-property:top; transition-duration:1s; } #pages_run_combien-coute-un-site-web .bloc div:hover span { top:65%; } #pages_run_combien-coute-un-site-web .accroche { padding-top:8px; width:87%; border-top:1px solid #e3e4df; margin-bottom:12px !important; margin-right:auto !important; margin-left:auto !important; font-size:15px; text-transform: uppercase; } #pages_run_combien-coute-un-site-web .bloc div:hover .accroche, #pages_run_combien-coute-un-site-web .bloc div.active .accroche { border-color: #ff5252; } #pages_run_combien-coute-un-site-web .container { margin-right:auto; margin-left:auto; position:relative; } #pages_run_combien-coute-un-site-web .ligne2 { margin-bottom:0px; } #pages_run_combien-coute-un-site-web .bloc_icone { margin:auto; display:block; } #pages_run_combien-coute-un-site-web #dPrix { background-color:#363636; color:#ffffff; padding:5px; text-align:center; margin-top:10px; margin-bottom:30px; transition: all 0.4s; width: auto; } #pages_run_combien-coute-un-site-web #prix { font-family:'Roboto', sans-serif; font-size:25px; font-weight:300; } #pages_run_combien-coute-un-site-web form { margin-top:30px; } #pages_run_combien-coute-un-site-web .edito { margin-top:15px; } #pages_run_combien-coute-un-site-web img.deco { height:75px; margin:20px 10px; filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3)); } #pages_run_combien-coute-un-site-web img.page { height:65px; margin:5px 5px 0 5px; filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3)); } #pages_run_combien-coute-un-site-web .legend { font-weight:300; padding:10px; } #pages_run_combien-coute-un-site-web .choix { z-index:100; opacity:0; position:absolute; top:0; left:0; } #pages_run_combien-coute-un-site-web div.active:before { font-family:FontAwesome; content:"\f00c"; top:5px; left:10px; position:absolute; color:#ff5252; } #pages_run_combien-coute-un-site-web .content h2 { margin-top:30px; } #pages_run_combien-coute-un-site-web div.autre { width:calc(100% - 10px); margin:0 auto; } #pages_run_combien-coute-un-site-web div.autre input { background: #363636; color: white; } #pages_run_combien-coute-un-site-web textarea.form-control#message { height:130px; } @media (max-width:800px){ #pages_run_combien-coute-un-site-web div.autre { display:none !important; } } #pages_run_combien-coute-un-site-web .form-horizontal .form-group .form-control { border-radius:0; padding:6px; font-size:13px; height:auto; } #pages_run_combien-coute-un-site-web .form-control:focus { box-shadow:0 1px 5px rgba(0, 0, 0, 0.4); border-color:#fff; } #pages_run_combien-coute-un-site-web .form-control:-moz-placeholder { transition:opactity 0.15s ease-in-out 0s; } #pages_run_combien-coute-un-site-web .form-control:focus:-moz-placeholder { opacity:0.5; } #pages_run_combien-coute-un-site-web #dPrix.floatable { position:fixed; top:50px; z-index:1; width:100%; left:0; margin-top :0; transition: all 0.4s; } .replace-margin { margin-top: 132px !important; } </style> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '55c9a990ace7c1f82510e878', '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

Combien co没te un site web ?