Décrypter la magie derrière la structure d’une page web high-tech

comment est structurée une page d'un site web

SOMMAIRE

Ah, les mystères d’une page web high-tech, un univers aussi complexe qu’envoûtant ! Plonger dans les rouages de leur construction revient un peu à dévoiler les secrets d’un magicien sur scène. Elles nous informent, nous divertissent, et parfois nous étonnent avec une simplicité trompeuse. Aller au-delà de la simple surface pixélisée, c’est ouvrir les portes de l’innovation numérique et comprendre ce qui se cache derrière chaque clic et chaque chargement. Alors, préparez-vous à un voyage fascinant à travers l’architecture d’une page web moderne et let us dive in !

La magie des composants de base d’une page web high-tech

L’en-tête et son rôle central

L’en-tête d’une page web n’est pas qu’un simple ornement placé en haut. C’est le maître d’orchestre qui dirige le flux de données derrière nos écrans. Avec une discrétion de bonne augure, il agit en coulisses pour organiser l’information comme un ballet méticuleux. Chaque élément de l’en-tête laisse sa marque, contribuant à façonner l’expérience de l’utilisateur avec élégance et précision. En effet, c’est dans cet espace subtil que s’opèrent des miracles numériques.

En tant que développeuse web, Claire se souvient de son excitation lorsqu’elle a intégré pour la première fois une animation subtile dans l’en-tête d’un site. « C’était comme ajouter une touche de magie », dit-elle. « Voir les utilisateurs captivés par ces détails m’a confirmé l’impact discret mais puissant de l’en-tête. »

Les éléments essentiels de l’en-tête

Les secrets de l’en-tête ? Des morceaux de code aux noms évocateurs : balises , </code>, et <code><link></code>, qui dessinent l’identité et la structure d’un site. Tandis que les <em>meta-données</em> susurrent à l’oreille des moteurs de recherche, la balise de titre devient l’étiquette du site sur le grand échiquier du web. <b>Signalez-vous !</b> à la manière d’un phare guidant les marins égarés.</p> <h4>Fonctions des méta-données et des balises de titre</h4> <p>Les méta-données, invisibles mais puissantes, opèrent sous le radar pour influencer l’accessibilité de la page. Les balises de titre, quant à elles, brillent de tout leur éclat dans les résultats de recherche, invitant l’internaute à cliquer et découvrir ce qui se cache derrière ce titre accrocheur. Mais ce n’est pas tout ! Bien souvent, elles deviennent des agents secrets de référence, véhiculant des informations vitales à travers des balises aussi simples que <code><meta name="description"></code> ou <code><meta name="keywords"></code>.</p> <h3>Le corps de la page : Au cœur du contenu</h3> <p>Ouvrons la porte sur le corps de la page, là où la magie opère vraiment. C’est ici que se concrétise l’expérience utilisateur, grâce à une subtile orchestration de texte, d’images et d’interactivité. Une composition qui captive, informe et guide les visiteurs à travers un contenu soigneusement élaboré. L’organisation stratégique et artistique assure une navigation fluide et engageante, garantissant que chaque utilisateur puisse voguer entre les sections sans effort.</p> <h4>Organisation du contenu principal</h4> <p>Pour livrer une expérience harmonieuse, le contenu principal doit être conçu tel un puzzle, chaque morceau trouvant sa place de manière naturelle. Que ce soit par la clarté des paragraphes ou la pertinence des visuels, chaque élément doit contribuer à l’ensemble, sans jamais distraire de l’objectif premier : transmettre un message clair et impactant. <b>Faites voler les étincelles !</b> grâce à une mise en page dynamique et intuitive qui garde le lecteur engagé à chaque seconde passée sur le site.</p> <h4>Illustrations, médias et interactivité</h4> <p>Mélodie en mouvement, les médias apportent une touche vivante et immersive au contenu. Leur impact va bien au-delà de la simple esthétique, sollicitant les sens pour ancrer le message dans la mémoire des visiteurs. Découvrons quelques spécificités à travers un tableau captivant :</p> <table border="1"> <tr> <th>Type de Média</th> <th>Impact</th> </tr> <tr> <td>Images</td> <td>Attirent l’attention, renforcent les messages visuels, meilleures souvenirs.</td> </tr> <tr> <td>Vidéo</td> <td>Améliorent l’engagement, rétention de l’information accrue.</td> </tr> <tr> <td>Audio</td> <td>Ajoutent une dimension immersive, <b>transpercent l’âme !</b></td> </tr> </table> <h3>Le pied de page : Plus qu’une simple fermeture</h3> <p>Le pied de page, souvent négligé, joue pourtant un rôle cardinal. Comme une symphonie atteignant son crescendo final, il fournit une conclusion logique et nécessaire au contenu proposé sur la page. Que faites-vous quand la page touche à sa fin ? Eh bien, le pied de page vous inspire à poursuivre l’exploration, à découvrir plus loin, lié par un leitmotiv invisible de ressources documentées et de liens pertinents.</p> <h4>Informations typiques du pied de page</h4> <p>Inclure des informations telles que les mentions légales, la politique de confidentialité, ou les modalités de contact offre à la fois transparence et professionnalisme. Le pied de page devient ainsi une plaque tournante discrète mais efficace qui <b>connecte chaque point</b> de l’univers digital de la page. Une précieuse boussole pour ceux qui cherchent des informations opérationnelles.</p> <h4>Liens importants et intégration de réseaux sociaux</h4> <p>Alors que la page s’achève, l’intégration stratégique de liens importants s’apparente à installer des panneaux indicatifs qui guident les utilisateurs vers d’autres salles virtuelles. Quant aux boutons de partage de réseaux sociaux, ils <b>ouvrent les portes</b> à l’interaction sociale qui transcende la simple navigation. Ajoutez cela à une <b>vitrine personnalisée</b> d’opportunités infinies.</p> <h3>Les technologies avancées et tendances dans la structure des pages web</h3> <h4>L’impact des frameworks JavaScript modernes</h4> <p>Passons du côté technologique avec les frameworks JavaScript comme Vue.js ou React, véritables stars de l’architectonie web moderne. Ces outils façonnent les fonctions interactives, rendant une page web non seulement plus réactive, mais aussi plus fluide. <b>Redéfinissons</b> la façon dont le contenu se révèle avec des interactions dynamiques qui captivent, et ce en un simple clic.</p> <h4>Tendances CSS et design innovant pour 2023</h4> <p>Les tendances CSS de cette année prônent la simplicité élégante. Il est capital d’adopter des approches novatrices qui mettent l’accent sur une expérience utilisateur intuitive. Pour éclairer ce point, observons un tableau comparatif :</p> <table border="1"> <tr> <th>Framework CSS</th> <th>Avantages</th> </tr> <tr> <td>Bootstrap</td> <td>Grande popularité, <b>énorme</b> communauté, prêt à l’emploi.</td> </tr> <tr> <td>Tailwind CSS</td> <td>Personnalisation flexible, design proactif.</td> </tr> <tr> <td>Bulma</td> <td>Simplicité, <b>chic</b> modernité.</td> </tr> </table> <blockquote><p>« Le web ne sera pas maîtrisé avec des mots, mais avec des expériences que l’art marque de son empreinte »</p></blockquote> <p>, disait un innovateur. Et chaque jour, les pages web high-tech nous le rappellent par leur éblouissant spectacle de technologie et de design.</p> <p>Alors, la prochaine fois que vous croiserez une page de ce genre, arrêtez-vous un instant et savourez la complexité qui se déploie sous vos yeux. Un savant mélange d’innovation et de stratégie vous apporte un univers entier à portée de main, un véritable enchantement numérique en somme.</p> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-609c123" data-id="609c123" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-1421369 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1421369" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d70fd81" data-id="d70fd81" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ee8278b elementor-widget elementor-widget-heading" data-id="ee8278b" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">SITE 3 PAGES </h3> </div> <div class="elementor-element elementor-element-d9e0771 elementor-widget elementor-widget-text-editor" data-id="d9e0771" data-element_type="widget" data-widget_type="text-editor.default"> <p><strong>Pour un petit projet simple :</strong></p> </div> <div class="elementor-element elementor-element-4ad8f80 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4ad8f80" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Hébergement 12 mois</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Nom de domaine</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">3 Pages</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Le contenu</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Logo</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Les images</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Optimisation SEO basique</span> </li> </ul> </div> <div class="elementor-element elementor-element-afe8167 elementor-widget elementor-widget-text-editor" data-id="afe8167" data-element_type="widget" data-widget_type="text-editor.default"> <span style="color: #50001e; font-size: 30px; font-weight: bold;">750€</span> </div> <div class="elementor-element elementor-element-49ebcf5 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider" data-id="49ebcf5" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> ou </span> </span> </div> </div> <div class="elementor-element elementor-element-c2175c4 elementor-widget elementor-widget-text-editor" data-id="c2175c4" data-element_type="widget" data-widget_type="text-editor.default"> <span style="color: #50001e; font-size: 30px; font-weight: bold;">258€</span> à l’achat puis <span style="color: #50001e; font-size: 30px; font-weight: bold;">41€/mois</span> pendant 12 mois </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-118ba50 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="118ba50" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-fab266c" data-id="fab266c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-db84e82 elementor-align-center elementor-widget elementor-widget-button" data-id="db84e82" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/nous-contacter"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Parlez-nous de votre projet!</span> </span> </a> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-654dc91 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="654dc91" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-44487f9" data-id="44487f9" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ea815bf elementor-widget elementor-widget-heading" data-id="ea815bf" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">SITE VITRINE </h3> </div> <div class="elementor-element elementor-element-e62f538 elementor-widget elementor-widget-text-editor" data-id="e62f538" data-element_type="widget" data-widget_type="text-editor.default"> <strong>Un site vitrine complet pour booster votre commerce en attirant la clientèle locale : </strong> </div> <div class="elementor-element elementor-element-f3844ca elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f3844ca" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Hébergement 12 mois</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Nom de domaine</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">10 Pages</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Le contenu</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Logo</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Les images</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Optimisation SEO basique</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text">Stratégie de mots-clés basique</span> </li> </ul> </div> <div class="elementor-element elementor-element-b26d694 elementor-widget elementor-widget-text-editor" data-id="b26d694" data-element_type="widget" data-widget_type="text-editor.default"> <span style="color: #50001e; font-size: 30px; font-weight: bold;">990€</span> </div> <div class="elementor-element elementor-element-58bea83 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider" data-id="58bea83" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-divider"> <span class="elementor-divider-separator"> <span class="elementor-divider__text elementor-divider__element"> ou </span> </span> </div> </div> <div class="elementor-element elementor-element-f497303 elementor-widget elementor-widget-text-editor" data-id="f497303" data-element_type="widget" data-widget_type="text-editor.default"> <span style="color: #50001e; font-size: 30px; font-weight: bold;">306€ </span> à l’achat puis <span style="color: #50001e; font-size: 30px; font-weight: bold;">56€/mois</span> pendant 12 mois </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-631f465 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="631f465" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7faa89d" data-id="7faa89d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-0a2ada2 elementor-align-center elementor-widget elementor-widget-button" data-id="0a2ada2" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/nous-contacter"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Parlez-nous de votre projet!</span> </span> </a> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-620c63e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="620c63e" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4787608" data-id="4787608" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-63d3f6a elementor-absolute elementor-widget elementor-widget-image" data-id="63d3f6a" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default"> <img width="800" height="800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" class="attachment-large size-large wp-image-856 ewww_webp_lazy_load" alt="Icone_SEO.png" data-lazy-srcset="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-1024x1024.png 1024w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-300x300.png 300w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-150x150.png 150w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-768x768.png 768w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO.png 1280w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-1024x1024.png" data-lazy-src-webp="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-1024x1024.png.webp" data-lazy-srcset-webp="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-1024x1024.png.webp 1024w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-300x300.png.webp 300w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-150x150.png.webp 150w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-768x768.png.webp 768w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO.png.webp 1280w" /><noscript><img width="800" height="800" src="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-1024x1024.png" class="attachment-large size-large wp-image-856" alt="Icone_SEO.png" srcset="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-1024x1024.png 1024w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-300x300.png 300w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-150x150.png 150w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO-768x768.png 768w, https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Icone_SEO.png 1280w" sizes="(max-width: 800px) 100vw, 800px" /></noscript> </div> <div class="elementor-element elementor-element-2fb76c1 elementor-widget elementor-widget-heading" data-id="2fb76c1" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">Option Expert SEO </h3> </div> <div class="elementor-element elementor-element-8d889bc elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="8d889bc" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> <div class="elementor-element elementor-element-aa47ee6 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="aa47ee6" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="90" height="86" viewBox="0 0 90 86"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABWCAMAAAB4tHFLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABv1BMVEUAAADqnY7ywbjhdV/mjXrolIPusaTvuKzjgGz329XnkH/spJbvtanxwLbpmIfiemX21s/0zMTlh3Ttr6LnlIPnkoDqn4/yxr3rpJbtqpztq57ol4fusaX54t3liHXus6b208zieWPyxLrspZftrJ/ploXmjHnpnIzkhHHmiXb439rkgWzie2f449733NbifGf21tD22NLieGP0ysL21M3wvbL10cn108zpm4z32dPmi3j54NvkgW310svxvLHnjnzmjnzpmorroZL0zsbur6Lus6fxv7XomIf00MjjfGf54d3hd2H0z8fpmYnsqpzvs6fmj3332tTxvbLolobzyL/wvLHutKjzxr3sppjzysHqoZLliHbjfWj44NvhdmDqno70y8P0y8LwvLLsp5nheGLkgm7429XvtarliXb10MjpmYjurqHqn5DsqZz219Hpm4v21c7nj37vtqvwuKztqZvjfmr44dzlhnPjf2vvuK3nkX/yxbz32NHkgGzlhHHsqJrieGLvt6zxu7Die2b43tnropT5497439noloXzysLjgW3trqH10MnlhXLwuq/uraDidmDzycDzx77hdV8AAAA+VNrWAAAAk3RSTlMAbjasiXtRRpwNgWNIOHakFSaRU3uBay5jW1l2TgOOThumM2FWeYlxlI4InKEDDaEVE6YoGD4eG3EQjAWZGz6GhnNpI1NLOHYgoQOpIHNbS4QQPnkrPksuYShpjqEFrG4mKD5eqZkNSI4gdlNrWxNxGIRGRlueBZGcQ4EwE5yUXqlGQKQIZgMIeSiZUx6UQFasKy4UsUABAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAqlJREFUWMO12Odb01AUBvAjR5yFACKKo1JBEbd1KzJUUBx1ax1Y99Yq7r339v7Dtk2T3JMmz0OS996P9+T++j7npkl7icyMCYZcqmOeaEauZ6V4kgF4MpdkxVPg8NRpZVjxdLicqsCKG+Byox3ZakLDzZYtt8Ajz6g2oxUuz6zKbWh4Flfl2Wi53YYVz0HLcx15Hhien3bkBWC5I6MMyQvZlJwyJne6chdYXuTK6Pt5sSt3g+W0K9eD5SWOrHqw8NJlrrx8BVReucqBFa+GymuynrwWKq9jT14PlTdoMvarslGTN0HlzZq8BSpvtVxZWVCZej2Zt0HlFq0dfVC5X5M7oXKrJg9A5UFPVlmovF2TeQdS3qnLQ0h5WJd3IeXdmqxGkPKevZrM+5B0jzLV6P3GGp0z1ug+NtXoZiEfiLg6ddBi7j4UXMzocmM0uMv5K3I4qHpEDx3t0XE0667lY7Xl46IdJ6LIebH0pL/cIcqnosin9aUBr7tevXomAjx6VsqKC/KCNhH63PjlJh9cXn5ev+CCkC9GCJ27VGtf1upXOKwyjtGQ9eN81ateE4Xr0WiiGzW2W7op2hHj590t/07erhbuiEKsc44iB8dOi8m7cWi6J20eq8zeF+14EEsm8sV+WJ57JCYzMeXSgaKMXf6p/1jMxD8EK8rYT4ieik97FlumUV/s57JH/CI+XXpkC/vlK7GHrxPIRG9U+Ii9h/Z4y6Fy4oPMkVA6wR7a411Y7ER7aI/3ITTgwHEoODZ/SE5TMP0RIFM+MPQnBP05IDbnETLRlwAaI9PXmticA9H0zVRoojFfbP4Oo333HxdxMhV0mOuAMv3wYvMgEi6Nn648DJbplx2bBxBPDt+o0PwbD1fe7fznrwmZ/jEnfquEdqTdlEyF5ERp/Ae85KlvnOonHAAAAABJRU5ErkJggg==" width="90" height="86"></image></svg> </span> <span class="elementor-icon-list-text">Stratégie de mot-clé poussé</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="90" height="86" viewBox="0 0 90 86"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABWCAMAAAB4tHFLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABv1BMVEUAAADqnY7ywbjhdV/mjXrolIPusaTvuKzjgGz329XnkH/spJbvtanxwLbpmIfiemX21s/0zMTlh3Ttr6LnlIPnkoDqn4/yxr3rpJbtqpztq57ol4fusaX54t3liHXus6b208zieWPyxLrspZftrJ/ploXmjHnpnIzkhHHmiXb439rkgWzie2f449733NbifGf21tD22NLieGP0ysL21M3wvbL10cn108zpm4z32dPmi3j54NvkgW310svxvLHnjnzmjnzpmorroZL0zsbur6Lus6fxv7XomIf00MjjfGf54d3hd2H0z8fpmYnsqpzvs6fmj3332tTxvbLolobzyL/wvLHutKjzxr3sppjzysHqoZLliHbjfWj44NvhdmDqno70y8P0y8LwvLLsp5nheGLkgm7429XvtarliXb10MjpmYjurqHqn5DsqZz219Hpm4v21c7nj37vtqvwuKztqZvjfmr44dzlhnPjf2vvuK3nkX/yxbz32NHkgGzlhHHsqJrieGLvt6zxu7Die2b43tnropT5497439noloXzysLjgW3trqH10MnlhXLwuq/uraDidmDzycDzx77hdV8AAAA+VNrWAAAAk3RSTlMAbjasiXtRRpwNgWNIOHakFSaRU3uBay5jW1l2TgOOThumM2FWeYlxlI4InKEDDaEVE6YoGD4eG3EQjAWZGz6GhnNpI1NLOHYgoQOpIHNbS4QQPnkrPksuYShpjqEFrG4mKD5eqZkNSI4gdlNrWxNxGIRGRlueBZGcQ4EwE5yUXqlGQKQIZgMIeSiZUx6UQFasKy4UsUABAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAqlJREFUWMO12Odb01AUBvAjR5yFACKKo1JBEbd1KzJUUBx1ax1Y99Yq7r339v7Dtk2T3JMmz0OS996P9+T++j7npkl7icyMCYZcqmOeaEauZ6V4kgF4MpdkxVPg8NRpZVjxdLicqsCKG+Byox3ZakLDzZYtt8Ajz6g2oxUuz6zKbWh4Flfl2Wi53YYVz0HLcx15Hhien3bkBWC5I6MMyQvZlJwyJne6chdYXuTK6Pt5sSt3g+W0K9eD5SWOrHqw8NJlrrx8BVReucqBFa+GymuynrwWKq9jT14PlTdoMvarslGTN0HlzZq8BSpvtVxZWVCZej2Zt0HlFq0dfVC5X5M7oXKrJg9A5UFPVlmovF2TeQdS3qnLQ0h5WJd3IeXdmqxGkPKevZrM+5B0jzLV6P3GGp0z1ug+NtXoZiEfiLg6ddBi7j4UXMzocmM0uMv5K3I4qHpEDx3t0XE0667lY7Xl46IdJ6LIebH0pL/cIcqnosin9aUBr7tevXomAjx6VsqKC/KCNhH63PjlJh9cXn5ev+CCkC9GCJ27VGtf1upXOKwyjtGQ9eN81ateE4Xr0WiiGzW2W7op2hHj590t/07erhbuiEKsc44iB8dOi8m7cWi6J20eq8zeF+14EEsm8sV+WJ57JCYzMeXSgaKMXf6p/1jMxD8EK8rYT4ieik97FlumUV/s57JH/CI+XXpkC/vlK7GHrxPIRG9U+Ii9h/Z4y6Fy4oPMkVA6wR7a411Y7ER7aI/3ITTgwHEoODZ/SE5TMP0RIFM+MPQnBP05IDbnETLRlwAaI9PXmticA9H0zVRoojFfbP4Oo333HxdxMhV0mOuAMv3wYvMgEi6Nn648DJbplx2bBxBPDt+o0PwbD1fe7fznrwmZ/jEnfquEdqTdlEyF5ERp/Ae85KlvnOonHAAAAABJRU5ErkJggg==" width="90" height="86"></image></svg> </span> <span class="elementor-icon-list-text">Stratégie de backlinking performante</span> </li> </ul> </div> <div class="elementor-element elementor-element-86badef elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="86badef" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="90" height="86" viewBox="0 0 90 86"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABWCAMAAAB4tHFLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABv1BMVEUAAADqnY7ywbjhdV/mjXrolIPusaTvuKzjgGz329XnkH/spJbvtanxwLbpmIfiemX21s/0zMTlh3Ttr6LnlIPnkoDqn4/yxr3rpJbtqpztq57ol4fusaX54t3liHXus6b208zieWPyxLrspZftrJ/ploXmjHnpnIzkhHHmiXb439rkgWzie2f449733NbifGf21tD22NLieGP0ysL21M3wvbL10cn108zpm4z32dPmi3j54NvkgW310svxvLHnjnzmjnzpmorroZL0zsbur6Lus6fxv7XomIf00MjjfGf54d3hd2H0z8fpmYnsqpzvs6fmj3332tTxvbLolobzyL/wvLHutKjzxr3sppjzysHqoZLliHbjfWj44NvhdmDqno70y8P0y8LwvLLsp5nheGLkgm7429XvtarliXb10MjpmYjurqHqn5DsqZz219Hpm4v21c7nj37vtqvwuKztqZvjfmr44dzlhnPjf2vvuK3nkX/yxbz32NHkgGzlhHHsqJrieGLvt6zxu7Die2b43tnropT5497439noloXzysLjgW3trqH10MnlhXLwuq/uraDidmDzycDzx77hdV8AAAA+VNrWAAAAk3RSTlMAbjasiXtRRpwNgWNIOHakFSaRU3uBay5jW1l2TgOOThumM2FWeYlxlI4InKEDDaEVE6YoGD4eG3EQjAWZGz6GhnNpI1NLOHYgoQOpIHNbS4QQPnkrPksuYShpjqEFrG4mKD5eqZkNSI4gdlNrWxNxGIRGRlueBZGcQ4EwE5yUXqlGQKQIZgMIeSiZUx6UQFasKy4UsUABAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAqlJREFUWMO12Odb01AUBvAjR5yFACKKo1JBEbd1KzJUUBx1ax1Y99Yq7r339v7Dtk2T3JMmz0OS996P9+T++j7npkl7icyMCYZcqmOeaEauZ6V4kgF4MpdkxVPg8NRpZVjxdLicqsCKG+Byox3ZakLDzZYtt8Ajz6g2oxUuz6zKbWh4Flfl2Wi53YYVz0HLcx15Hhien3bkBWC5I6MMyQvZlJwyJne6chdYXuTK6Pt5sSt3g+W0K9eD5SWOrHqw8NJlrrx8BVReucqBFa+GymuynrwWKq9jT14PlTdoMvarslGTN0HlzZq8BSpvtVxZWVCZej2Zt0HlFq0dfVC5X5M7oXKrJg9A5UFPVlmovF2TeQdS3qnLQ0h5WJd3IeXdmqxGkPKevZrM+5B0jzLV6P3GGp0z1ug+NtXoZiEfiLg6ddBi7j4UXMzocmM0uMv5K3I4qHpEDx3t0XE0667lY7Xl46IdJ6LIebH0pL/cIcqnosin9aUBr7tevXomAjx6VsqKC/KCNhH63PjlJh9cXn5ev+CCkC9GCJ27VGtf1upXOKwyjtGQ9eN81ateE4Xr0WiiGzW2W7op2hHj590t/07erhbuiEKsc44iB8dOi8m7cWi6J20eq8zeF+14EEsm8sV+WJ57JCYzMeXSgaKMXf6p/1jMxD8EK8rYT4ieik97FlumUV/s57JH/CI+XXpkC/vlK7GHrxPIRG9U+Ii9h/Z4y6Fy4oPMkVA6wR7a411Y7ER7aI/3ITTgwHEoODZ/SE5TMP0RIFM+MPQnBP05IDbnETLRlwAaI9PXmticA9H0zVRoojFfbP4Oo333HxdxMhV0mOuAMv3wYvMgEi6Nn648DJbplx2bBxBPDt+o0PwbD1fe7fznrwmZ/jEnfquEdqTdlEyF5ERp/Ae85KlvnOonHAAAAABJRU5ErkJggg==" width="90" height="86"></image></svg> </span> <span class="elementor-icon-list-text">2 Pages de blogs/mois </span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="90" height="86" viewBox="0 0 90 86"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABWCAMAAAB4tHFLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABv1BMVEUAAADqnY7ywbjhdV/mjXrolIPusaTvuKzjgGz329XnkH/spJbvtanxwLbpmIfiemX21s/0zMTlh3Ttr6LnlIPnkoDqn4/yxr3rpJbtqpztq57ol4fusaX54t3liHXus6b208zieWPyxLrspZftrJ/ploXmjHnpnIzkhHHmiXb439rkgWzie2f449733NbifGf21tD22NLieGP0ysL21M3wvbL10cn108zpm4z32dPmi3j54NvkgW310svxvLHnjnzmjnzpmorroZL0zsbur6Lus6fxv7XomIf00MjjfGf54d3hd2H0z8fpmYnsqpzvs6fmj3332tTxvbLolobzyL/wvLHutKjzxr3sppjzysHqoZLliHbjfWj44NvhdmDqno70y8P0y8LwvLLsp5nheGLkgm7429XvtarliXb10MjpmYjurqHqn5DsqZz219Hpm4v21c7nj37vtqvwuKztqZvjfmr44dzlhnPjf2vvuK3nkX/yxbz32NHkgGzlhHHsqJrieGLvt6zxu7Die2b43tnropT5497439noloXzysLjgW3trqH10MnlhXLwuq/uraDidmDzycDzx77hdV8AAAA+VNrWAAAAk3RSTlMAbjasiXtRRpwNgWNIOHakFSaRU3uBay5jW1l2TgOOThumM2FWeYlxlI4InKEDDaEVE6YoGD4eG3EQjAWZGz6GhnNpI1NLOHYgoQOpIHNbS4QQPnkrPksuYShpjqEFrG4mKD5eqZkNSI4gdlNrWxNxGIRGRlueBZGcQ4EwE5yUXqlGQKQIZgMIeSiZUx6UQFasKy4UsUABAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAqlJREFUWMO12Odb01AUBvAjR5yFACKKo1JBEbd1KzJUUBx1ax1Y99Yq7r339v7Dtk2T3JMmz0OS996P9+T++j7npkl7icyMCYZcqmOeaEauZ6V4kgF4MpdkxVPg8NRpZVjxdLicqsCKG+Byox3ZakLDzZYtt8Ajz6g2oxUuz6zKbWh4Flfl2Wi53YYVz0HLcx15Hhien3bkBWC5I6MMyQvZlJwyJne6chdYXuTK6Pt5sSt3g+W0K9eD5SWOrHqw8NJlrrx8BVReucqBFa+GymuynrwWKq9jT14PlTdoMvarslGTN0HlzZq8BSpvtVxZWVCZej2Zt0HlFq0dfVC5X5M7oXKrJg9A5UFPVlmovF2TeQdS3qnLQ0h5WJd3IeXdmqxGkPKevZrM+5B0jzLV6P3GGp0z1ug+NtXoZiEfiLg6ddBi7j4UXMzocmM0uMv5K3I4qHpEDx3t0XE0667lY7Xl46IdJ6LIebH0pL/cIcqnosin9aUBr7tevXomAjx6VsqKC/KCNhH63PjlJh9cXn5ev+CCkC9GCJ27VGtf1upXOKwyjtGQ9eN81ateE4Xr0WiiGzW2W7op2hHj590t/07erhbuiEKsc44iB8dOi8m7cWi6J20eq8zeF+14EEsm8sV+WJ57JCYzMeXSgaKMXf6p/1jMxD8EK8rYT4ieik97FlumUV/s57JH/CI+XXpkC/vlK7GHrxPIRG9U+Ii9h/Z4y6Fy4oPMkVA6wR7a411Y7ER7aI/3ITTgwHEoODZ/SE5TMP0RIFM+MPQnBP05IDbnETLRlwAaI9PXmticA9H0zVRoojFfbP4Oo333HxdxMhV0mOuAMv3wYvMgEi6Nn648DJbplx2bBxBPDt+o0PwbD1fe7fznrwmZ/jEnfquEdqTdlEyF5ERp/Ae85KlvnOonHAAAAABJRU5ErkJggg==" width="90" height="86"></image></svg> </span> <span class="elementor-icon-list-text">Optimisation poussé de chaque page </span> </li> </ul> </div> <div class="elementor-element elementor-element-6841939 elementor-widget elementor-widget-text-editor" data-id="6841939" data-element_type="widget" data-widget_type="text-editor.default"> Pour <span style="color: #50001e; font-size: 30px; font-weight: bold;">75 €/mois</span> pendant, 12 mois bénéficiez de toute notre expertise SEO : </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-bb9cba5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bb9cba5" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9a6d325" data-id="9a6d325" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-acc90d1 elementor-align-center elementor-widget elementor-widget-button" data-id="acc90d1" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/nous-contacter"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Parlez-nous de votre projet!</span> </span> </a> </div> </div> </div> </div> </section> </div> </div> </div> </section> </article> <div data-elementor-type="footer" data-elementor-id="816" class="elementor elementor-816 elementor-location-footer" data-elementor-post-type="elementor_library"> <footer data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-3c82ec2 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default" data-id="3c82ec2" data-element_type="section" data-settings="{"stretch_section":"section-stretched","background_background":"classic"}"> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d4b038f" data-id="d4b038f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-c29e61d elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="c29e61d" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0bca9fb" data-id="0bca9fb" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-23ef786 elementor-widget elementor-widget-spacer" data-id="23ef786" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-e987e11 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="e987e11" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f16b10d" data-id="f16b10d" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-0a12b62 elementor-widget elementor-widget-spacer" data-id="0a12b62" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-63fdf53 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="63fdf53" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3aa29fc" data-id="3aa29fc" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-319688d elementor-widget elementor-widget-spacer" data-id="319688d" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-e2622fc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e2622fc" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-9ca6aa2" data-id="9ca6aa2" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-c40b052 elementor-widget elementor-widget-tl-site-logo" data-id="c40b052" data-element_type="widget" data-widget_type="tl-site-logo.default"> <div class="elementor-widget-container"> <a href="https://www.creation-site-internet-nantes.org"><img width="800" height="199" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20199'%3E%3C/svg%3E" title="Logo_Nant" alt="Logo_Nant" class="attachment-full size-full wp-image-804 ewww_webp_lazy_load" data-lazy-src="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Logo_Nant.png" data-lazy-src-webp="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Logo_Nant.png.webp" /><noscript><img width="800" height="199" src="https://www.creation-site-internet-nantes.org/wp-content/uploads/2024/10/Logo_Nant.png" title="Logo_Nant" alt="Logo_Nant" class="attachment-full size-full wp-image-804" loading="lazy" /></noscript></a> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-f0b1435" data-id="f0b1435" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-8ca3e80 elementor-widget elementor-widget-heading" data-id="8ca3e80" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">Nous contacter</h3> </div> <div class="elementor-element elementor-element-156a81e elementor-widget elementor-widget-text-editor" data-id="156a81e" data-element_type="widget" data-widget_type="text-editor.default"> <p><a href="mailto:info@creation-site-internet-nantes.org">info@creation-site-internet-nantes.org</a></p><p>Nantes, France</p> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-ce48852" data-id="ce48852" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1596d5c elementor-widget elementor-widget-heading" data-id="1596d5c" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">Liens utiles</h3> </div> <div class="elementor-element elementor-element-02649d3 elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu" data-id="02649d3" data-element_type="widget" data-settings="{"layout":"vertical","submenu_icon":{"value":"<svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg>","library":"fa-solid"}}" data-widget_type="nav-menu.default"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-02649d3" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-981"><a href="https://www.creation-site-internet-nantes.org/mentions-legales/" class="elementor-item">Mentions légales</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-992"><a href="/sitemap.xml" class="elementor-item">Sitemap</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-02649d3" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-981"><a href="https://www.creation-site-internet-nantes.org/mentions-legales/" class="elementor-item" tabindex="-1">Mentions légales</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-992"><a href="/sitemap.xml" class="elementor-item" tabindex="-1">Sitemap</a></li> </ul> </nav> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-9cac73a" data-id="9cac73a" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-9a4d614 elementor-widget elementor-widget-heading" data-id="9a4d614" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">Information</h3> </div> <div class="elementor-element elementor-element-2e5e63b elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu" data-id="2e5e63b" data-element_type="widget" data-settings="{"layout":"vertical","submenu_icon":{"value":"<svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg>","library":"fa-solid"}}" data-widget_type="nav-menu.default"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-2e5e63b" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-832"><a href="https://www.creation-site-internet-nantes.org/" class="elementor-item">Agence Web Nantes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"><a href="https://www.creation-site-internet-nantes.org/agence-wordpress-nantes/" class="elementor-item">Agence WordPress Nantes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="https://www.creation-site-internet-nantes.org/blog/" class="elementor-item">Blog</a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-2e5e63b" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-832"><a href="https://www.creation-site-internet-nantes.org/" class="elementor-item" tabindex="-1">Agence Web Nantes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"><a href="https://www.creation-site-internet-nantes.org/agence-wordpress-nantes/" class="elementor-item" tabindex="-1">Agence WordPress Nantes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a href="https://www.creation-site-internet-nantes.org/blog/" class="elementor-item" tabindex="-1">Blog</a></li> </ul> </nav> </div> <div class="elementor-element elementor-element-533b652 elementor-position-left elementor-vertical-align-middle elementor-widget__width-initial elementor-fixed phone-mobile-desktop elementor-hidden-mobile elementor-view-default elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="533b652" data-element_type="widget" data-settings="{"_position":"fixed"}" data-widget_type="icon-box.default"> <div class="elementor-icon-box-wrapper"> <div class="elementor-icon-box-icon"> <a href="tel:+333%2067%2072%2094%2086" class="elementor-icon" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Calque_1" x="0px" y="0px" viewBox="0 0 438 517" style="enable-background:new 0 0 438 517;" xml:space="preserve"><style type="text/css"> .st0{fill:#FFFFFF;} .st1{fill:#FEFEFE;}</style><path class="st0" d="M166.9,104h131l3.3,0.5l5.6,0.5l5.6,1.5l5,2l4.8,2.8l2.8,2l2.8,2.5l2,1.8l3.3,3.8l2.3,3l0.8,1.5l0.5,1.8l1.8,2 l2.8,8.3l0.8,3.3l0.5,7.8l-0.3,264.6l-0.5,5.3l-1.3,4.3l-0.8,2.8l-2,4.8l-1.3,1.8l-1.5,3l-2,2.8l-2,2.5h-0.5l-0.5,1l-2,1.8l-2.8,2 l-1,0.5l-0.3,0.8l-2,1.3l-1,0.3l-1.3,1.3l-4.3,2l-5.8,1.8l-6.8,1.3l-11.4,0.3h-94.9l-33.8-0.3l-7.3-1.3l-3-1l-3.3-1.3l-4-2l-1-1 l-2-1l-2.8-2.8l-2.3-1.5l-2.3-2l-2.8-3.5l-1.5-2l-1.8-3.5l-2-3.3l-1.3-3.5l-0.8-3.3l-0.3-0.5l-0.5-4.8L123,416l-0.3-10.1V181 l0.3-37.4l1.3-6.1l0.5-1.5l0.5-2.5l1.3-3.3l1.3-2l1.5-3l5-6.6l1.8-2l3.3-2.8l2.8-2l1.5-0.8l0.8-0.8l5.8-3l3.5-1l3.8-1.3l6.3-0.5 L166.9,104z M169.6,115.9l-4.3,0.3l-7.3,1.5l-3.5,1.3l-2.5,1l-1.3,0.8l-1.5,1l-1.3,0.8l-2.3,2l-1.5,0.8l-0.8,1.5l-2.3,2.5l-2.3,3.8 l-2.5,5.6l-1.3,4.8l-0.5,5l-0.5,0.5V344l0.8,1l1.5,0.3h191.1l2.5-0.3l0.8-1V150.2l-0.5-2.3l-0.3-4l-1.5-5.3l-0.8-2.5l-3-5.8 l-2.8-3.3l-1.8-2l-1-1l-3.3-2.3l-2.8-1.8l-2.5-1l-5.8-1.8l-5.8-1l-5.3-0.3H169.6V115.9z M134.3,357l-0.3,0.3v52.5l0.5,1.5l0.5,5.3 l1.3,4.5l2.3,5l1.8,2.8l1.5,2.3l2.3,2.8l2,1.8l2.8,1.8l3,2l2,0.8l6.6,2.5l2.5,0.3h129.5l11.1-0.3l6.1-2l3-1.3l3.3-2l4.3-3.3l1.8-1.8 l1.8-2.5l1.5-2.3l2.3-4l2.3-7.8l0.3-3.5l0.5-2v-51.8l-0.5-1.3l-0.3-0.3H134.3z"></path><path class="st0" d="M227.5,377.9h10.6l1.8,0.3l5,2.5l2.5,2l2.3,2l3,4.5l1,2l0.8,4.5l0.5,1.8v4.8l-0.8,2.3l-0.3,3l-1.3,3l-2,3 l-1.3,2l-1.3,0.8l-2,1.8l-2,1.5l-2.8,1.3l-1.8,0.8l-5,0.3H229l-3-0.3l-3-1l-3-1.5l-1.8-1.5l-3.8-3.8l-2-3.3l-1.3-3l-1-7.3l0.8-6.8 l0.5-2.3l1.8-3.5l1.8-2.3l3.5-3.5l3.3-2l3.8-1.8L227.5,377.9z M231.7,389.8l-2.8,0.5l-2.3,1.3l-2.5,2.3l-1.3,2.5l-1,3l0.3,2l1.5,4 l1.8,2.3l2.5,1.5l1.8,0.8h5l3.3-1.3l2-1.5l2-4l0.8-2v-2l-0.8-2.3l-2-4l-0.5-0.8l-2-1l-1.8-1L231.7,389.8z"></path><path class="st1" d="M166.9,104h131l3.3,0.5l5.6,0.5l5.6,1.5l5,2l4.8,2.8l2.8,2l2.8,2.5l2,1.8l3.3,3.8l2.3,3l0.8,1.5l-0.3,1 l-2.5-3.8l-3.3-4l-1.8-2l-2.5-2.3l-4.3-3l-4-2.3l-4-1.8l-5.8-1.8l-5-0.8l-2.8-0.3l-19.4-0.3h-96.9l-18.4,0.3l-6.3,0.8l-4.8,1.3 l-4,1.5l-4,2l-4,2.5l-5.6,4.5l-3.5,4.3l-2.8,4l-2.5,4.8l-1.8,5l-1.3,5l-0.5,3.5l-0.3,3.5v264.3l0.3,4.3l-0.8-0.8l-0.3-10.1V181 l0.3-37.4l1.3-6.1l0.5-1.5l0.5-2.5l1.3-3.3l1.3-2l1.5-3l5-6.6l1.8-2l3.3-2.8l2.8-2l1.5-0.8l0.8-0.8l5.8-3l3.5-1l3.8-1.3l6.3-0.5 L166.9,104z"></path><path class="st1" d="M293.6,115.9h6.6l5,0.8l6.8,2.3l4.5,2.5l3.5,2.8l2.8,2.8l2.8,4l2.5,4.8l1.8,6.1l0.8,4.5l0.3,2.8v196.1H134.1 v-1.5l0.8,0.8l1.5,0.3h191.1l2.5-0.3l0.5-0.8V150.2l-0.5-2.3l-0.3-4l-1.5-5.3l-0.8-2.5l-3-5.8l-2.8-3.3l-1.8-2l-0.8-0.8l-3.3-2.3 l-2.8-1.8l-2.5-1l-5.8-1.8l-5.8-1L293.6,115.9L293.6,115.9L293.6,115.9z"></path><path class="st1" d="M330.5,410.2h0.3v2.8l-0.8,4.5l-1.5,5.3l-2,4.3l-2,3l-2.8,3.5l-2,2l-3.8,2.8l-5.8,2.8l-4.8,1.5l-5,0.8l-5.3,0.3 H169.6l-5.3-0.3l-4-0.5l-6.6-2.3l-1.5-0.8l0.8-0.3l5,1.8l2.5,1l2.5,0.3h129.5l11.1-0.3l6.1-2l3-1.3l3.3-2l4.3-3.3l2.3-2.5l2.5-3.8 l2.3-4l2.3-7.8l0.3-3.5L330.5,410.2z"></path><path class="st1" d="M150,356.2h180.7l0.3,0.3V410h-0.3l-0.3-51.5l-0.5-1.3H134.3l-0.3,3.3h-0.3V357l0.3-0.5L150,356.2z"></path><path class="st1" d="M341.8,407.4h0.3v6.3l-0.5,5.3l-1.3,4.3l-0.8,2.8l-2,4.8l-1.3,1.8l-1.5,3l-2,2.8l-2,2.5h-0.5l-0.5,1l-2,1.8 l-2.8,2l-1,0.5l-0.3,0.8l-2,1.3l-1,0.3l-1.3,1.3l-4.3,2l-5.8,1.8l-6.8,1.3l-11.4,0.3h-94.9l-7.6-0.3v-0.3l111.3-0.3l4.8-0.5l6.6-1.5 l4.5-1.8l4.3-2.3l3-2l4.3-3.5l2-1.8l3-3.5l1.8-2.5l2.5-4.3l2-4.8l1.8-6.6l1-7.1L341.8,407.4z"></path><path class="st1" d="M227.5,377.9h10.6l1.8,0.3l5,2.5l2.5,2l2.3,2l3,4.5l1,2l0.8,4.5l0.5,1.8v4.8l-0.8,2.3l-0.3-1l0.3-1.5v-4.3 l-1-5.3l-1.5-3.5l-2.5-3.5l-1.5-1.8l-3.8-2.5l-4.3-2l-5-0.8h-4.3l-3.8,0.5l-4,1.5l-4,2.5l-2.5,2.3l-2.3,3.3l-1.5,3.3l-0.8,3.3 l-0.3,1.8v6.6l0.8,3.8l1.5,3.8l2.3,3.3l1.3,1.5l4,3l3,1.5l4,1l1.8,0.3l4.8,0.3v0.3H229l-3-0.3l-3-1l-3-1.5l-1.8-1.5l-3.8-3.8l-2-3.3 l-1.3-3l-1-7.3l0.8-6.8l0.5-2.3l1.8-3.5l1.8-2.3l3.5-3.5l3.3-2l3.8-1.8L227.5,377.9z"></path><path class="st1" d="M231.7,389.3l3.5,0.3l2,0.8l2.8,1.8l1.5,2l1,2l0.8,3l-0.3,3l-1,3l-1.8,2.8l-2.3,1.5l-3.3,1l-1,0.3h-2.3L228,410 l-2.3-1.3l-1.8-1.5l-0.8-1.5l-0.8-1.3l-0.8-3v-2.8l0.8-2.8l1-2l1.8-2l2.5-1.5l2-0.8L231.7,389.3z M231.7,389.8l-2.8,0.5l-2.3,1.3 l-2.5,2.3l-1.3,2.5l-1,3l0.3,2l1.5,4l1.8,2.3l2.5,1.5l1.8,0.8h5l3.3-1.3l2-1.5l2-4l0.8-2v-2l-0.8-2.3l-2-4l-0.5-0.8l-2-1l-1.8-1 L231.7,389.8z"></path><path class="st1" d="M164.3,115.9h5.3v0.3l-4.3,0.3L158,118l-3.5,1.3l-2.5,1l-1.3,0.8l-1.5,1l-1.3,0.8l-1,0.5l-0.3,0.8l-1.8,1 l-0.8,0.5l-0.5,1.3l-2.3,2.5l-2.3,3.8l-2.5,5.6l-1.3,4.8l-0.5,5l-0.8,0.5l0.5-4.8l1.5-6.3l1.3-3.3l2-3.8l2.3-3l2-2.5l3.5-2.8l2-1.5 l4.3-2.3l6.1-2L164.3,115.9z"></path><path class="st1" d="M138.8,444.3l1,0.5l3.5,2.8l6.8,3.5l5.3,1.8l5,1l4.3,0.5l6.6,0.3v0.3h-9.1l-7.3-1.3l-3-1l-3.3-1.3l-4-2l-1-1 l-2-1l-2.8-2.8V444.3z"></path><path class="st1" d="M252.4,404.9h0.3v2.8l-1.3,3l-2,3l-1.3,2l-1.3,0.8l-2,1.8l-2,1.5l-2.8,1.3l-1.8,0.8h-4.5v-0.3l5-1l3.3-1.5 l2.3-1.5l2.3-1.8l2-2.3l1.8-2.8l1.3-3L252.4,404.9z"></path><path class="st1" d="M124,418.5h0.3l1.3,5.3l1.3,3.8l3,5.8l2,3l3.3,4l2,2l1.8,1.5l-0.5,0.3l-2-1.5l-2-1.8l-2.8-3.5l-1.5-2l-1.8-3.5 l-2-3.3l-1.3-3.5l-0.8-3.3l-0.3-0.5V418.5z"></path><path class="st1" d="M135.8,419.6l0.5,0.8l2.5,5.8l1.8,2.8l1.5,2.3l2.3,2.8l2.5,2l2.8,1.8l2.5,1.8l-0.8,0.3l-3.5-2l-2.8-2.3 l-1.3-1.3l-2.8-3l-2.5-3.8l-2-4l-0.8-2.8v-1.2L135.8,419.6L135.8,419.6z"></path><path class="st1" d="M336.5,128l1.3,1l1,2l2.3,7.1l0.8,3.3l0.5,7.8v2.8l-0.5-0.5l-0.5-7.3l-1-5.6l-1.5-5l-1.3-3l-1-2L336.5,128 L336.5,128z"></path><path class="st1" d="M342.3,135.1"></path><path class="st1" d="M320.4,426.9"></path><path class="st1" d="M146.4,126.2"></path></svg> </a> </div> <div class="elementor-icon-box-content"> <p class="elementor-icon-box-description"> 03 67 72 94 86 </p> </div> </div> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-d11ba58 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d11ba58" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-17aa882" data-id="17aa882" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-b4d4cec elementor-widget elementor-widget-text-editor" data-id="b4d4cec" data-element_type="widget" data-widget_type="text-editor.default"> Votre site Web conçu par des pro ! </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2310de0" data-id="2310de0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-754541f elementor-align-center elementor-widget elementor-widget-button" data-id="754541f" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/nous-contacter"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Nous contacter</span> </span> </a> </div> </div> </div> </div> </section> </div> </div> </div> </footer> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-a19097e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a19097e" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a123fe" data-id="0a123fe" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-785c9ce elementor-widget elementor-widget-text-editor" data-id="785c9ce" data-element_type="widget" data-widget_type="text-editor.default"> Copyright © 2024 Création Site Internet Nantes – Tout Droit Réservés </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-553988b8 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="553988b8" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-70f4dba" data-id="70f4dba" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-79914191 elementor-align-right elementor-widget elementor-widget-button" data-id="79914191" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg xmlns="http://www.w3.org/2000/svg" id="b1773bcb-a373-48c7-9f1d-a048b76ce942" data-name="Layer 1" width="18.1738" height="30.1341" viewBox="0 0 18.1738 30.1341"><title>arrow