Navigation 01

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons de ta navigation ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

Pour passer ta barre de navigation de la position "Static" à la position "Fixed", il te suffit de supprimer ou d'ajouter la classe combinée "is-fixed" à la classe "navbar_component-[numéro]"

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7337","type":"NavbarWrapper","tag":"div","classes":["64a8f1c2-fd73-95c8-9c15-3d7cc80d204a"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7338","b103108a-3ba7-3be5-1055-9bc3ee5095b8"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","navbar":{"animation":"default","collapse":"medium","docHeight":false,"duration":500,"easing":"ease","easing2":"ease","noScroll":false,"type":"wrapper"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7338","type":"Block","tag":"div","classes":["d7ba7b95-9ae9-42cd-46bc-d63a27a56241"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7339","4200cb0d-69fd-c05d-d8c7-ef26b93d733b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7339","type":"NavbarBrand","tag":"a","classes":["ffad454c-29ee-80df-1abf-d8621135ead5"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d733a","52875bdd-9215-f80a-d70f-ee531a604b19"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"brand"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d733a","type":"Image","tag":"img","classes":["a360c933-2b45-3a0a-e088-09eb422adede","cab0ae34-39d8-d4b0-8d0a-ef0d6d29fe70"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"63ef48914982bae2e105528a","sizes":[{"max":479,"size":"100vw"},{"max":10000,"size":"160px"}]}}},{"_id":"52875bdd-9215-f80a-d70f-ee531a604b19","type":"Image","tag":"img","classes":["a360c933-2b45-3a0a-e088-09eb422adede","b48ace0e-87f7-191b-47e5-7a71a6b569fd"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif.png","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"63ef52739682073c1c18b751","sizes":[{"max":479,"size":"NaNvw"},{"max":10000,"size":"100vw"}]}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d733b","type":"Block","tag":"div","classes":["08dbb204-eab0-f4b1-f5f8-c78c03d8fa4b"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d734a","4200cb0d-69fd-c05d-d8c7-ef26b93d733c","4200cb0d-69fd-c05d-d8c7-ef26b93d7348"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d734a","type":"NavbarButton","tag":"div","classes":["e3ff7b68-2d6b-b36f-7654-4b65d295fe69"],"children":["cbc3cdc5-304e-6820-5980-8b9d18cc79ad"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"cbc3cdc5-304e-6820-5980-8b9d18cc79ad","type":"Block","tag":"div","classes":["44217b56-2f58-7f2f-0695-167dbdbbb3a3"],"children":["97637267-19c2-3ea6-e5ce-3676285e8851","b649dada-351d-2a7b-adca-810edb115164","deda40b5-a68c-1df8-3cf1-0655d302caad"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"97637267-19c2-3ea6-e5ce-3676285e8851","type":"Block","tag":"div","classes":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"children":[],"data":{"tag":"div","text":false}},{"_id":"b649dada-351d-2a7b-adca-810edb115164","type":"Block","tag":"div","classes":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","a56ecca7-e5d8-df8d-c665-9c49d2cf94ea"],"children":[],"data":{"tag":"div","text":false}},{"_id":"deda40b5-a68c-1df8-3cf1-0655d302caad","type":"Block","tag":"div","classes":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"children":[],"data":{"tag":"div","text":false}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d733c","type":"NavbarMenu","tag":"nav","classes":["ad51ea8a-9e61-1ea0-d663-6db5c7200c87"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d733d","4200cb0d-69fd-c05d-d8c7-ef26b93d733f","4200cb0d-69fd-c05d-d8c7-ef26b93d7341","4200cb0d-69fd-c05d-d8c7-ef26b93d7343","4200cb0d-69fd-c05d-d8c7-ef26b93d7345"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d733d","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d733e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d733e","text":true,"v":"Accueil"},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d733f","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7340"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7340","text":true,"v":"Fonctionnalités"},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7341","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7342"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7342","text":true,"v":"Tarifs"},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7343","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7344"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7344","text":true,"v":"Avis clients"},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7345","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7346"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7346","text":true,"v":"FAQ"},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7348","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","7bcc77b0-1e30-8d0d-5616-e139ccb70df4"],"children":["4200cb0d-69fd-c05d-d8c7-ef26b93d7349"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"4200cb0d-69fd-c05d-d8c7-ef26b93d7349","text":true,"v":"Commander"},{"_id":"b103108a-3ba7-3be5-1055-9bc3ee5095b8","type":"Block","tag":"div","classes":["5472097d-b0ab-31a0-bb18-43b3157676dc","26774d64-92a9-22d2-6d59-28e8e978205f"],"children":["eeb55681-94e5-ddd8-251a-4cb9a9b232ba"],"data":{"tag":"div","text":false}},{"_id":"eeb55681-94e5-ddd8-251a-4cb9a9b232ba","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["eeb55681-94e5-ddd8-251a-4cb9a9b232bb"],"data":{"button":true,"block":"","search":{"exclude":true},"link":{"mode":"external","url":"#"}}},{"_id":"eeb55681-94e5-ddd8-251a-4cb9a9b232bb","text":true,"v":"Button Text"}],"styles":[{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"cc9a94af-23bf-20c3-4adb-cec4583f2188","fake":false,"type":"class","name":"is-hover","namespace":"","comb":"&","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"color: #6e44fe;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"b48ace0e-87f7-191b-47e5-7a71a6b569fd","fake":false,"type":"class","name":"is-mobile","namespace":"","comb":"&","styleLess":"display: none;","variants":{"tiny":{"styleLess":"display: block;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"64a8f1c2-fd73-95c8-9c15-3d7cc80d204a","fake":false,"type":"class","name":"navbar_component-01","namespace":"","comb":"","styleLess":"z-index: 999; padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["4e8f1493-0c11-7c69-4509-66bb69b7cbad"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"0261be9f-f597-755b-78a3-0da86f5e92eb","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"5472097d-b0ab-31a0-bb18-43b3157676dc","fake":false,"type":"class","name":"SUPPRIME-MOI","namespace":"","comb":"","styleLess":"","variants":{},"children":["26774d64-92a9-22d2-6d59-28e8e978205f"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"44217b56-2f58-7f2f-0695-167dbdbbb3a3","fake":false,"type":"class","name":"navbar_menu-btn-icn-01","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"67d15ef2-eb6b-f9d3-05d8-f4b663447cb9","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"03802dce-ce37-73fa-7a3e-f4814c15cf5c","fake":false,"type":"class","name":"navbar_menu-btn-icn-line-01","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 100%; height: 0.125rem; padding-right: 0rem; padding-bottom: 0rem; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px; background-color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["67d15ef2-eb6b-f9d3-05d8-f4b663447cb9","a56ecca7-e5d8-df8d-c665-9c49d2cf94ea","0261be9f-f597-755b-78a3-0da86f5e92eb"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"cab0ae34-39d8-d4b0-8d0a-ef0d6d29fe70","fake":false,"type":"class","name":"is-desktop","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"display: none;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"e3ff7b68-2d6b-b36f-7654-4b65d295fe69","fake":false,"type":"class","name":"navbar_menu-btn-01","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 2.5rem; height: 2.5rem; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem;"},"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"a360c933-2b45-3a0a-e088-09eb422adede","fake":false,"type":"class","name":"navbar_logo-01","namespace":"","comb":"","styleLess":"","variants":{},"children":["b48ace0e-87f7-191b-47e5-7a71a6b569fd","cab0ae34-39d8-d4b0-8d0a-ef0d6d29fe70"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","fake":false,"type":"class","name":"navbar_link-01","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; padding-left: 1.25rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-weight: 500;","variants":{"medium":{"styleLess":"margin-bottom: 1rem;"}},"children":["cc9a94af-23bf-20c3-4adb-cec4583f2188"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"ad51ea8a-9e61-1ea0-d663-6db5c7200c87","fake":false,"type":"class","name":"navbar_menu-01","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{"medium":{"styleLess":"padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 50px 50px 0 hsla(0, 0.00%, 0.00%, 0.15);"},"tiny":{"styleLess":"padding-top: 0rem; padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"ffad454c-29ee-80df-1abf-d8621135ead5","fake":false,"type":"class","name":"navbar_logo-link-01","namespace":"","comb":"","styleLess":"width: 10rem;","variants":{"small":{"styleLess":"padding-left: 0rem;"},"tiny":{"styleLess":"width: 2rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"26774d64-92a9-22d2-6d59-28e8e978205f","fake":false,"type":"class","name":"hide","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"08dbb204-eab0-f4b1-f5f8-c78c03d8fa4b","fake":false,"type":"class","name":"navbar_link-wrapper-01","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{"tiny":{"styleLess":"grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"d7ba7b95-9ae9-42cd-46bc-d63a27a56241","fake":false,"type":"class","name":"navbar_container-01","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 90rem; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"a56ecca7-e5d8-df8d-c665-9c49d2cf94ea","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"7bcc77b0-1e30-8d0d-5616-e139ccb70df4","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00);"},"medium_hover":{"styleLess":"background-color: #6e44ff;"}},"children":["03374283-bf42-c928-4fd7-5eb88612b29b"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","siteId":"63ef421aa90a070b6bf377f5","isHD":false,"fileName":"63ef48914982bae2e105528a_logo funnellab.png","createdOn":"2023-02-17T09:27:45.462Z","origFileName":"logo funnellab.png","fileHash":"fbdb895a3dcb9d5323b4b902860d30c0","variants":[{"_id":"63ef489d4982ba81dd055418","origFileName":"logo%20funnellab-p-500.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-500.png","format":"png","size":6776,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png"},{"_id":"63ef489d4982ba82ea055419","origFileName":"logo%20funnellab-p-800.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-800.png","format":"png","size":11362,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png"},{"_id":"63ef489d4982ba6f8705541a","origFileName":"logo%20funnellab-p-1080.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","format":"png","size":15607,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png"},{"_id":"63ef489d4982ba743005541b","origFileName":"logo%20funnellab-p-1600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","format":"png","size":25678,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png"},{"_id":"63ef489d4982bade3c05541c","origFileName":"logo%20funnellab-p-2000.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","format":"png","size":33311,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png"},{"_id":"63ef489d4982ba680c05541d","origFileName":"logo%20funnellab-p-2600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","format":"png","size":47800,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png"},{"_id":"63ef489d4982ba498205541e","origFileName":"logo%20funnellab-p-3200.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","format":"png","size":61955,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-130x130q80.png","_id":"63ef48914982bae2e105528a","updatedOn":"2023-02-17T13:21:27.272Z","fileSize":1292365},{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif.png","siteId":"63ef421aa90a070b6bf377f5","width":1270,"isHD":false,"height":1618,"fileName":"63ef52739682073c1c18b751_Logo figuratif.png","createdOn":"2023-02-17T10:09:55.728Z","origFileName":"Logo figuratif.png","fileHash":"b1a3ca329c3b853951b6d09a8a931ab8","variants":[{"_id":"63ef52789254f19d3d2f98b8","origFileName":"Logo%20figuratif-p-500.png","fileName":"63ef52739682073c1c18b751_Logo%20figuratif-p-500.png","format":"png","size":29374,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-500.png"},{"_id":"63ef52789254f16dfa2f98b9","origFileName":"Logo%20figuratif-p-800.png","fileName":"63ef52739682073c1c18b751_Logo%20figuratif-p-800.png","format":"png","size":72754,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-800.png"},{"_id":"63ef52789254f1a7a52f98ba","origFileName":"Logo%20figuratif-p-1080.png","fileName":"63ef52739682073c1c18b751_Logo%20figuratif-p-1080.png","format":"png","size":134734,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-1080.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-1080.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef52739682073c1c18b751_Logo%20figuratif-p-130x130q80.png","_id":"63ef52739682073c1c18b751","updatedOn":"2023-02-17T13:21:27.736Z","fileSize":1026276}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"NAVBAR_INTERACTION","eventIds":["e","e-2"],"target":"63ef4d70de17fefc5a910078|4200cb0d-69fd-c05d-d8c7-ef26b93d7337","createdOn":1676628800225}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"NAVBAR_OPEN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|4200cb0d-69fd-c05d-d8c7-ef26b93d7337","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|4200cb0d-69fd-c05d-d8c7-ef26b93d7337","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676628800226},{"id":"e-2","name":"","animationType":"custom","eventTypeId":"NAVBAR_CLOSE","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|4200cb0d-69fd-c05d-d8c7-ef26b93d7337","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|4200cb0d-69fd-c05d-d8c7-ef26b93d7337","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676628800226}],"actionLists":[{"id":"a","title":"Burger Menu 01 / Open ✅","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|97637267-19c2-3ea6-e5ce-3676285e8851","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-n-11","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|deda40b5-a68c-1df8-3cf1-0655d302caad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-n-9","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|97637267-19c2-3ea6-e5ce-3676285e8851","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-n-7","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|cbc3cdc5-304e-6820-5980-8b9d18cc79ad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["44217b56-2f58-7f2f-0695-167dbdbbb3a3"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|b649dada-351d-2a7b-adca-810edb115164","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","a56ecca7-e5d8-df8d-c665-9c49d2cf94ea"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|deda40b5-a68c-1df8-3cf1-0655d302caad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|97637267-19c2-3ea6-e5ce-3676285e8851","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-n-4","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|deda40b5-a68c-1df8-3cf1-0655d302caad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-n-6","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|b649dada-351d-2a7b-adca-810edb115164","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","a56ecca7-e5d8-df8d-c665-9c49d2cf94ea"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-n-8","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":200,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|cbc3cdc5-304e-6820-5980-8b9d18cc79ad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["44217b56-2f58-7f2f-0695-167dbdbbb3a3"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":90,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-n-12","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|deda40b5-a68c-1df8-3cf1-0655d302caad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":-45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-n-10","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|97637267-19c2-3ea6-e5ce-3676285e8851","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1676628717612},{"id":"a-2","title":"Burger Menu 01 / Open ❌","actionItemGroups":[{"actionItems":[{"id":"a-2-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|deda40b5-a68c-1df8-3cf1-0655d302caad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-2-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|97637267-19c2-3ea6-e5ce-3676285e8851","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-2-n-4","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|cbc3cdc5-304e-6820-5980-8b9d18cc79ad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["44217b56-2f58-7f2f-0695-167dbdbbb3a3"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-2-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|b649dada-351d-2a7b-adca-810edb115164","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","a56ecca7-e5d8-df8d-c665-9c49d2cf94ea"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-2-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|97637267-19c2-3ea6-e5ce-3676285e8851","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","67d15ef2-eb6b-f9d3-05d8-f4b663447cb9"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-2-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|deda40b5-a68c-1df8-3cf1-0655d302caad","appliesTo":"ELEMENT_CLASS","styleBlockIds":["03802dce-ce37-73fa-7a3e-f4814c15cf5c","0261be9f-f597-755b-78a3-0da86f5e92eb"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1676628717612}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Navigation 02

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons de ta navigation ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

Pour passer ta barre de navigation de la position "Static" à la position "Fixed", il te suffit de supprimer ou d'ajouter la classe combinée "is-fixed" à la classe "navbar_component-[numéro]"

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e05","type":"NavbarWrapper","tag":"div","classes":["7418b893-731a-2215-20ec-9bfcad5d0966","611203ee-8b72-d1b7-bfff-6d3a240830b6"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e06"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","navbar":{"animation":"default","collapse":"medium","docHeight":false,"duration":500,"easing":"ease","easing2":"ease","noScroll":false,"type":"wrapper"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e06","type":"Block","tag":"div","classes":["a0a7fb40-37b1-f577-732d-a2a6d6ded4f4"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e07","0a8c531b-d138-2a10-f1c5-21dfabe63e0b","0a8c531b-d138-2a10-f1c5-21dfabe63e10"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e07","type":"NavbarBrand","tag":"a","classes":["93def987-57d4-9604-49a4-9cb8d0366ec5"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e08"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"brand"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e08","type":"Image","tag":"img","classes":["b0fc17b7-8da3-378b-550d-367404355839"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"63ef48914982bae2e105528a","sizes":[{"max":10000,"size":"160px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e0b","type":"NavbarButton","tag":"div","classes":["8f8a6b93-583d-2005-574f-dead84950707"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e0c"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e0c","type":"Block","tag":"div","classes":["8388dffc-4a26-30ed-b1cc-6b2a52a34e4b"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e0d","0a8c531b-d138-2a10-f1c5-21dfabe63e0e","0a8c531b-d138-2a10-f1c5-21dfabe63e0f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e0d","type":"Block","tag":"div","classes":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e0e","type":"Block","tag":"div","classes":["3df3a483-c234-b3ef-7ecb-677473d4a371","4f2c48bb-ee01-e9d5-8ca2-e4d9f51620a0"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e0f","type":"Block","tag":"div","classes":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e10","type":"NavbarMenu","tag":"nav","classes":["0ee33b7d-a1e2-6caf-fb48-293d0af73112"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e11","0a8c531b-d138-2a10-f1c5-21dfabe63e13","0a8c531b-d138-2a10-f1c5-21dfabe63e15","0a8c531b-d138-2a10-f1c5-21dfabe63e17","0a8c531b-d138-2a10-f1c5-21dfabe63e19"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e11","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e12"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e12","text":true,"v":"Accueil"},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e13","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e14"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e14","text":true,"v":"Fonctionnalités"},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e15","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e16"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e16","text":true,"v":"Tarifs"},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e17","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","cc9a94af-23bf-20c3-4adb-cec4583f2188"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e18"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e18","text":true,"v":"Avis clients"},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e19","type":"NavbarLink","tag":"a","classes":["4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783"],"children":["0a8c531b-d138-2a10-f1c5-21dfabe63e1a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"0a8c531b-d138-2a10-f1c5-21dfabe63e1a","text":true,"v":"FAQ"}],"styles":[{"_id":"3df3a483-c234-b3ef-7ecb-677473d4a371","fake":false,"type":"class","name":"navbar_menu-btn-icn-line-02","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 100%; height: 0.125rem; padding-right: 0rem; padding-bottom: 0rem; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px; background-color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["d76f1583-2ef2-13f3-6b05-f3415b05fae1","4f2c48bb-ee01-e9d5-8ca2-e4d9f51620a0","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"0ee33b7d-a1e2-6caf-fb48-293d0af73112","fake":false,"type":"class","name":"navbar_menu-02","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{"medium":{"styleLess":"padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 50px 50px 0 hsla(0, 0.00%, 0.00%, 0.15);"},"tiny":{"styleLess":"padding-top: 0rem; padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"cc9a94af-23bf-20c3-4adb-cec4583f2188","fake":false,"type":"class","name":"is-hover","namespace":"","comb":"&","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"color: #6e44fe;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"d76f1583-2ef2-13f3-6b05-f3415b05fae1","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8d83d82e-23f2-86d6-e5f1-c455254f6fd6","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"93def987-57d4-9604-49a4-9cb8d0366ec5","fake":false,"type":"class","name":"navbar_logo-link-02","namespace":"","comb":"","styleLess":"width: 10rem;","variants":{"small":{"styleLess":"padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8388dffc-4a26-30ed-b1cc-6b2a52a34e4b","fake":false,"type":"class","name":"navbar_menu-btn-icn-02","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"b0fc17b7-8da3-378b-550d-367404355839","fake":false,"type":"class","name":"navbar_logo-02","namespace":"","comb":"","styleLess":"","variants":{},"children":["b858dbc6-042c-6093-d441-96beab138cc1","e3e41f5c-09ba-e886-70a5-fb8a65a73e63"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"a0a7fb40-37b1-f577-732d-a2a6d6ded4f4","fake":false,"type":"class","name":"navbar_container-02","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 90rem; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"7418b893-731a-2215-20ec-9bfcad5d0966","fake":false,"type":"class","name":"navbar_component-02","namespace":"","comb":"","styleLess":"z-index: 999; padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["611203ee-8b72-d1b7-bfff-6d3a240830b6"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4a9bd9c0-e4a2-0e84-7c6b-7c5d39a73783","fake":false,"type":"class","name":"navbar_link-01","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; padding-left: 1.25rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-weight: 500;","variants":{"medium":{"styleLess":"margin-bottom: 1rem;"}},"children":["cc9a94af-23bf-20c3-4adb-cec4583f2188"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"611203ee-8b72-d1b7-bfff-6d3a240830b6","fake":false,"type":"class","name":"is-fixed","namespace":"","comb":"&","styleLess":"position: fixed; left: 0rem; top: 0rem; right: 0rem; bottom: auto; z-index: 999;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4f2c48bb-ee01-e9d5-8ca2-e4d9f51620a0","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8f8a6b93-583d-2005-574f-dead84950707","fake":false,"type":"class","name":"navbar_menu-btn-02","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 2.5rem; height: 2.5rem; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem;"},"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","siteId":"63ef421aa90a070b6bf377f5","isHD":false,"fileName":"63ef48914982bae2e105528a_logo funnellab.png","createdOn":"2023-02-17T09:27:45.462Z","origFileName":"logo funnellab.png","fileHash":"fbdb895a3dcb9d5323b4b902860d30c0","variants":[{"_id":"63ef489d4982ba81dd055418","origFileName":"logo%20funnellab-p-500.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-500.png","format":"png","size":6776,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png"},{"_id":"63ef489d4982ba82ea055419","origFileName":"logo%20funnellab-p-800.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-800.png","format":"png","size":11362,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png"},{"_id":"63ef489d4982ba6f8705541a","origFileName":"logo%20funnellab-p-1080.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","format":"png","size":15607,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png"},{"_id":"63ef489d4982ba743005541b","origFileName":"logo%20funnellab-p-1600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","format":"png","size":25678,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png"},{"_id":"63ef489d4982bade3c05541c","origFileName":"logo%20funnellab-p-2000.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","format":"png","size":33311,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png"},{"_id":"63ef489d4982ba680c05541d","origFileName":"logo%20funnellab-p-2600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","format":"png","size":47800,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png"},{"_id":"63ef489d4982ba498205541e","origFileName":"logo%20funnellab-p-3200.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","format":"png","size":61955,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-130x130q80.png","_id":"63ef48914982bae2e105528a","updatedOn":"2023-02-17T13:21:27.272Z","fileSize":1292365}],"ix1":[],"ix2":{"interactions":[{"id":"i-2","interactionTypeId":"NAVBAR_INTERACTION","eventIds":["e-3","e-4"],"target":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e05","createdOn":1676629735550}],"events":[{"id":"e-3","name":"","animationType":"preset","eventTypeId":"NAVBAR_OPEN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-4"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e05","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e05","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676629735550},{"id":"e-4","name":"","animationType":"preset","eventTypeId":"NAVBAR_CLOSE","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-3"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e05","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e05","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676629735550}],"actionLists":[{"id":"a-3","title":"Burger Menu 02 / Open ✅","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-3-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0f","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-3-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-3-n-4","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0c","appliesTo":"ELEMENT_CLASS","styleBlockIds":["8388dffc-4a26-30ed-b1cc-6b2a52a34e4b"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-3-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","4f2c48bb-ee01-e9d5-8ca2-e4d9f51620a0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-3-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0f","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-3-n-7","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-3-n-8","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0f","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-3-n-9","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","4f2c48bb-ee01-e9d5-8ca2-e4d9f51620a0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-3-n-10","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":200,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0c","appliesTo":"ELEMENT_CLASS","styleBlockIds":["8388dffc-4a26-30ed-b1cc-6b2a52a34e4b"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":90,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-3-n-11","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0f","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":-45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-3-n-12","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1676628717612},{"id":"a-4","title":"Burger Menu 02 / Open ❌","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0f","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-4-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-4-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0c","appliesTo":"ELEMENT_CLASS","styleBlockIds":["8388dffc-4a26-30ed-b1cc-6b2a52a34e4b"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-4-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","4f2c48bb-ee01-e9d5-8ca2-e4d9f51620a0"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-4-n-5","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0d","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","d76f1583-2ef2-13f3-6b05-f3415b05fae1"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-4-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|0a8c531b-d138-2a10-f1c5-21dfabe63e0f","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3df3a483-c234-b3ef-7ecb-677473d4a371","8d83d82e-23f2-86d6-e5f1-c455254f6fd6"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1676628717612}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Navigation 03

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons de ta navigation ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

Pour passer ta barre de navigation de la position "Static" à la position "Fixed", il te suffit de supprimer ou d'ajouter la classe combinée "is-fixed" à la classe "navbar_component-[numéro]"

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead762b","type":"NavbarWrapper","tag":"div","classes":["736944fc-88c0-6e60-727c-55b62d94ebd9"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead762c","7b2b5d92-c62c-c231-ad15-d762f2b36cd3"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","navbar":{"animation":"default","collapse":"medium","docHeight":false,"duration":500,"easing":"ease","easing2":"ease","noScroll":false,"type":"wrapper"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead762c","type":"Block","tag":"div","classes":["e85828d1-cdde-c624-b645-e6bd80225019"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead762d","a2f828e9-56d8-699e-2f37-ae7cfead7636","a2f828e9-56d8-699e-2f37-ae7cfead7631"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead762d","type":"NavbarBrand","tag":"a","classes":["4dc28ce2-c700-45c1-5274-3573429e91de"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead762e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"brand"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead762e","type":"Image","tag":"img","classes":["5b3de888-b7de-04ba-0abe-ae5902b88485"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"63ef48914982bae2e105528a","sizes":[{"max":10000,"size":"160px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7636","type":"NavbarMenu","tag":"nav","classes":["3835cccd-2a42-a92c-4808-0bb2d94ee0df"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead7637","a2f828e9-56d8-699e-2f37-ae7cfead7639","a2f828e9-56d8-699e-2f37-ae7cfead763b","3dd6a369-8acc-3605-6f6c-c8595a2b04b1"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7637","type":"NavbarLink","tag":"a","classes":["56759e22-58ae-7b19-7985-6b2e906c97cb","d9189d69-e72f-b0e3-5623-cdd8bc35b05b"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead7638"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7638","text":true,"v":"Accueil"},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7639","type":"NavbarLink","tag":"a","classes":["56759e22-58ae-7b19-7985-6b2e906c97cb","d9189d69-e72f-b0e3-5623-cdd8bc35b05b"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead763a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead763a","text":true,"v":"Fonctionnalités"},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead763b","type":"NavbarLink","tag":"a","classes":["56759e22-58ae-7b19-7985-6b2e906c97cb","d9189d69-e72f-b0e3-5623-cdd8bc35b05b"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead763c"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead763c","text":true,"v":"Tarifs"},{"_id":"3dd6a369-8acc-3605-6f6c-c8595a2b04b1","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a","7426bbaf-0b59-8005-fea7-0cafd23adc09","eac7970d-13fb-24a9-bb2a-6e988287375c"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead7641","476bc97c-4ae7-dd7c-dbd9-a936501ac8fd"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7641","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","7bcc77b0-1e30-8d0d-5616-e139ccb70df4"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead7642"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7642","text":true,"v":"Commander"},{"_id":"476bc97c-4ae7-dd7c-dbd9-a936501ac8fd","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["476bc97c-4ae7-dd7c-dbd9-a936501ac8fe"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"476bc97c-4ae7-dd7c-dbd9-a936501ac8fe","text":true,"v":"S'inscrire"},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7631","type":"NavbarButton","tag":"div","classes":["e5fd0e40-22f3-39cb-9869-d434523ed6f2"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead7632"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7632","type":"Block","tag":"div","classes":["5f3e6646-1886-dada-f7f4-0c5510125850"],"children":["a2f828e9-56d8-699e-2f37-ae7cfead7633","a2f828e9-56d8-699e-2f37-ae7cfead7634","a2f828e9-56d8-699e-2f37-ae7cfead7635"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7633","type":"Block","tag":"div","classes":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7634","type":"Block","tag":"div","classes":["b122a185-6612-7c7a-fb5a-bce8dbb70343","4784039c-1e8f-f238-4528-cc99badfcc15"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a2f828e9-56d8-699e-2f37-ae7cfead7635","type":"Block","tag":"div","classes":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"7b2b5d92-c62c-c231-ad15-d762f2b36cd3","type":"Block","tag":"div","classes":["5472097d-b0ab-31a0-bb18-43b3157676dc","26774d64-92a9-22d2-6d59-28e8e978205f"],"children":["7b2b5d92-c62c-c231-ad15-d762f2b36cd4"],"data":{"tag":"div","text":false}},{"_id":"7b2b5d92-c62c-c231-ad15-d762f2b36cd4","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["7b2b5d92-c62c-c231-ad15-d762f2b36cd5"],"data":{"button":true,"block":"","search":{"exclude":true},"link":{"mode":"external","url":"#"}}},{"_id":"7b2b5d92-c62c-c231-ad15-d762f2b36cd5","text":true,"v":"Button Text"}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"3835cccd-2a42-a92c-4808-0bb2d94ee0df","fake":false,"type":"class","name":"navbar_menu-03","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{"medium":{"styleLess":"padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 50px 50px 0 hsla(0, 0.00%, 0.00%, 0.15);"},"tiny":{"styleLess":"padding-top: 0rem; padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"56759e22-58ae-7b19-7985-6b2e906c97cb","fake":false,"type":"class","name":"navbar_link-03","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; padding-left: 1.25rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-weight: 500;","variants":{"medium":{"styleLess":"margin-bottom: 1rem;"}},"children":["d9189d69-e72f-b0e3-5623-cdd8bc35b05b"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"5472097d-b0ab-31a0-bb18-43b3157676dc","fake":false,"type":"class","name":"SUPPRIME-MOI","namespace":"","comb":"","styleLess":"","variants":{},"children":["26774d64-92a9-22d2-6d59-28e8e978205f"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"5f3e6646-1886-dada-f7f4-0c5510125850","fake":false,"type":"class","name":"navbar_menu-btn-icn-03","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"f6665764-aed9-da85-d575-66d812eec8e1","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"e5fd0e40-22f3-39cb-9869-d434523ed6f2","fake":false,"type":"class","name":"navbar_menu-btn-03","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 2.5rem; height: 2.5rem; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem;"},"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4784039c-1e8f-f238-4528-cc99badfcc15","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"d9189d69-e72f-b0e3-5623-cdd8bc35b05b","fake":false,"type":"class","name":"is-hover","namespace":"","comb":"&","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"color: #6e44fe;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"26774d64-92a9-22d2-6d59-28e8e978205f","fake":false,"type":"class","name":"hide","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"5b3de888-b7de-04ba-0abe-ae5902b88485","fake":false,"type":"class","name":"navbar_logo-03","namespace":"","comb":"","styleLess":"","variants":{},"children":["90040f66-1f91-1e06-63df-f47fb89a99fa","999bf5ad-b0ed-a0eb-2d37-6aa15b91b918"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4dc28ce2-c700-45c1-5274-3573429e91de","fake":false,"type":"class","name":"navbar_logo-link-03","namespace":"","comb":"","styleLess":"width: 10rem;","variants":{"small":{"styleLess":"padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"b122a185-6612-7c7a-fb5a-bce8dbb70343","fake":false,"type":"class","name":"navbar_menu-btn-icn-line-03","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 100%; height: 0.125rem; padding-right: 0rem; padding-bottom: 0rem; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px; background-color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["0ae27199-5fd0-7c1c-ff02-47a1b1ae8066","4784039c-1e8f-f238-4528-cc99badfcc15","f6665764-aed9-da85-d575-66d812eec8e1"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"736944fc-88c0-6e60-727c-55b62d94ebd9","fake":false,"type":"class","name":"navbar_component-03","namespace":"","comb":"","styleLess":"z-index: 999; padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["b19b7bcf-db66-8e4d-a854-c6273befdeaa"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"0ae27199-5fd0-7c1c-ff02-47a1b1ae8066","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"7426bbaf-0b59-8005-fea7-0cafd23adc09","fake":false,"type":"class","name":"margin-left","namespace":"","comb":"&","styleLess":"","variants":{},"children":["eac7970d-13fb-24a9-bb2a-6e988287375c"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"e85828d1-cdde-c624-b645-e6bd80225019","fake":false,"type":"class","name":"navbar_container-03","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 90rem; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"7bcc77b0-1e30-8d0d-5616-e139ccb70df4","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00);"},"medium_hover":{"styleLess":"background-color: #6e44ff;"}},"children":["03374283-bf42-c928-4fd7-5eb88612b29b"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"eac7970d-13fb-24a9-bb2a-6e988287375c","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","siteId":"63ef421aa90a070b6bf377f5","isHD":false,"fileName":"63ef48914982bae2e105528a_logo funnellab.png","createdOn":"2023-02-17T09:27:45.462Z","origFileName":"logo funnellab.png","fileHash":"fbdb895a3dcb9d5323b4b902860d30c0","variants":[{"_id":"63ef489d4982ba81dd055418","origFileName":"logo%20funnellab-p-500.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-500.png","format":"png","size":6776,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png"},{"_id":"63ef489d4982ba82ea055419","origFileName":"logo%20funnellab-p-800.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-800.png","format":"png","size":11362,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png"},{"_id":"63ef489d4982ba6f8705541a","origFileName":"logo%20funnellab-p-1080.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","format":"png","size":15607,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png"},{"_id":"63ef489d4982ba743005541b","origFileName":"logo%20funnellab-p-1600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","format":"png","size":25678,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png"},{"_id":"63ef489d4982bade3c05541c","origFileName":"logo%20funnellab-p-2000.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","format":"png","size":33311,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png"},{"_id":"63ef489d4982ba680c05541d","origFileName":"logo%20funnellab-p-2600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","format":"png","size":47800,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png"},{"_id":"63ef489d4982ba498205541e","origFileName":"logo%20funnellab-p-3200.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","format":"png","size":61955,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-130x130q80.png","_id":"63ef48914982bae2e105528a","updatedOn":"2023-02-17T13:21:27.272Z","fileSize":1292365}],"ix1":[],"ix2":{"interactions":[{"id":"i-3","interactionTypeId":"NAVBAR_INTERACTION","eventIds":["e-5","e-6"],"target":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead762b","createdOn":1676631733862}],"events":[{"id":"e-5","name":"","animationType":"preset","eventTypeId":"NAVBAR_OPEN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-5","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-6"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead762b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead762b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676631733862},{"id":"e-6","name":"","animationType":"preset","eventTypeId":"NAVBAR_CLOSE","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-5"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead762b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead762b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676631733862}],"actionLists":[{"id":"a-5","title":"Burger Menu 03 / Open ✅","actionItemGroups":[{"actionItems":[{"id":"a-5-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7633","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-5-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7635","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-5-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7633","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-5-n-4","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7632","appliesTo":"ELEMENT_CLASS","styleBlockIds":["5f3e6646-1886-dada-f7f4-0c5510125850"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-5-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7634","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","4784039c-1e8f-f238-4528-cc99badfcc15"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-5-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7635","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-5-n-7","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7633","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-5-n-8","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7635","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-5-n-9","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7634","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","4784039c-1e8f-f238-4528-cc99badfcc15"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-5-n-10","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":200,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7632","appliesTo":"ELEMENT_CLASS","styleBlockIds":["5f3e6646-1886-dada-f7f4-0c5510125850"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":90,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-5-n-11","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7635","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":-45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-5-n-12","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7633","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1676628717612},{"id":"a-6","title":"Burger Menu 03 / Open ❌","actionItemGroups":[{"actionItems":[{"id":"a-6-n","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7635","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-6-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7633","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-6-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7632","appliesTo":"ELEMENT_CLASS","styleBlockIds":["5f3e6646-1886-dada-f7f4-0c5510125850"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-6-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7634","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","4784039c-1e8f-f238-4528-cc99badfcc15"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-6-n-5","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7633","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","0ae27199-5fd0-7c1c-ff02-47a1b1ae8066"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-6-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|a2f828e9-56d8-699e-2f37-ae7cfead7635","appliesTo":"ELEMENT_CLASS","styleBlockIds":["b122a185-6612-7c7a-fb5a-bce8dbb70343","f6665764-aed9-da85-d575-66d812eec8e1"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1676628717612}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Navigation 04

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons de ta navigation ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

Pour passer ta barre de navigation de la position "Static" à la position "Fixed", il te suffit de supprimer ou d'ajouter la classe combinée "is-fixed" à la classe "navbar_component-[numéro]"

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba95","type":"NavbarWrapper","tag":"div","classes":["c798c1a7-df54-71a1-0ff1-09d3fed9531c"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dba96","ec7d2c7e-7810-bc47-106f-7f636c1daa36"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","navbar":{"animation":"default","collapse":"medium","docHeight":false,"duration":500,"easing":"ease","easing2":"ease","noScroll":false,"type":"wrapper"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba96","type":"Block","tag":"div","classes":["c2a71e61-7371-66af-8e1e-5daba65cd19c"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dba97","88319f68-44c4-1754-9dac-fc8bfa0dba9a","88319f68-44c4-1754-9dac-fc8bfa0dbaa6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba97","type":"NavbarBrand","tag":"a","classes":["31db0671-eeba-a1a3-9aa3-db3904bbe0e8"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dba98"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"brand"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba98","type":"Image","tag":"img","classes":["a360c933-2b45-3a0a-e088-09eb422adede"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"63ef48914982bae2e105528a","sizes":[{"max":479,"size":"100vw"},{"max":991,"size":"160px"},{"max":1439,"size":"14vw"},{"max":1919,"size":"10vw"},{"max":10000,"size":"142.3984375px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba9a","type":"NavbarMenu","tag":"nav","classes":["6de1f228-88db-2e6e-b201-bad4f739a544"],"children":["d804cabf-4f66-910f-2b08-5c8503778d0f","88319f68-44c4-1754-9dac-fc8bfa0dbaa1"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"d804cabf-4f66-910f-2b08-5c8503778d0f","type":"Block","tag":"div","classes":["55c6fc54-5385-3a12-caf1-3b0ef353008e"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dba9b","88319f68-44c4-1754-9dac-fc8bfa0dba9d","88319f68-44c4-1754-9dac-fc8bfa0dba9f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba9b","type":"NavbarLink","tag":"a","classes":["e9aee298-bd63-6fe2-1792-374769d22d72","19ff1fcc-e7b0-5a52-d61c-36722a6b4681"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dba9c"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba9c","text":true,"v":"Accueil"},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba9d","type":"NavbarLink","tag":"a","classes":["e9aee298-bd63-6fe2-1792-374769d22d72","19ff1fcc-e7b0-5a52-d61c-36722a6b4681"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dba9e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba9e","text":true,"v":"Fonctionnalités"},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dba9f","type":"NavbarLink","tag":"a","classes":["e9aee298-bd63-6fe2-1792-374769d22d72","19ff1fcc-e7b0-5a52-d61c-36722a6b4681"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dbaa0"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa0","text":true,"v":"Tarifs"},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa1","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a","7426bbaf-0b59-8005-fea7-0cafd23adc09","eac7970d-13fb-24a9-bb2a-6e988287375c"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dbaa2","88319f68-44c4-1754-9dac-fc8bfa0dbaa4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa2","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","7bcc77b0-1e30-8d0d-5616-e139ccb70df4"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dbaa3"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa3","text":true,"v":"Commander"},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa4","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["ab6682db-744a-130e-637b-ac53eb30caf2"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ab6682db-744a-130e-637b-ac53eb30caf2","text":true,"v":"S'inscrire"},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa6","type":"NavbarButton","tag":"div","classes":["3989d028-a44b-e277-5a25-cf0c40fb288e"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dbaa7"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa7","type":"Block","tag":"div","classes":["d5dca956-65e1-7189-ff13-78ec682c8c32"],"children":["88319f68-44c4-1754-9dac-fc8bfa0dbaa8","88319f68-44c4-1754-9dac-fc8bfa0dbaa9","88319f68-44c4-1754-9dac-fc8bfa0dbaaa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa8","type":"Block","tag":"div","classes":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaa9","type":"Block","tag":"div","classes":["fa10aaab-d17b-97cb-80f5-df8fc4214704","57d67687-1ae0-f985-93a6-dd7d9a51ca3c"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"88319f68-44c4-1754-9dac-fc8bfa0dbaaa","type":"Block","tag":"div","classes":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ec7d2c7e-7810-bc47-106f-7f636c1daa36","type":"Block","tag":"div","classes":["5472097d-b0ab-31a0-bb18-43b3157676dc","26774d64-92a9-22d2-6d59-28e8e978205f"],"children":["ec7d2c7e-7810-bc47-106f-7f636c1daa37"],"data":{"tag":"div","text":false}},{"_id":"ec7d2c7e-7810-bc47-106f-7f636c1daa37","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["ec7d2c7e-7810-bc47-106f-7f636c1daa38"],"data":{"button":true,"block":"","search":{"exclude":true},"link":{"mode":"external","url":"#"}}},{"_id":"ec7d2c7e-7810-bc47-106f-7f636c1daa38","text":true,"v":"Button Text"}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"d5dca956-65e1-7189-ff13-78ec682c8c32","fake":false,"type":"class","name":"navbar_menu-btn-icn-04","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"57d67687-1ae0-f985-93a6-dd7d9a51ca3c","fake":false,"type":"class","name":"is-2","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"31db0671-eeba-a1a3-9aa3-db3904bbe0e8","fake":false,"type":"class","name":"navbar_logo-link-04","namespace":"","comb":"","styleLess":"width: 10rem;","variants":{"small":{"styleLess":"padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"5472097d-b0ab-31a0-bb18-43b3157676dc","fake":false,"type":"class","name":"SUPPRIME-MOI","namespace":"","comb":"","styleLess":"","variants":{},"children":["26774d64-92a9-22d2-6d59-28e8e978205f"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"e9aee298-bd63-6fe2-1792-374769d22d72","fake":false,"type":"class","name":"navbar_link-04","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; padding-left: 1.25rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-weight: 500;","variants":{"medium":{"styleLess":"margin-bottom: 1rem;"}},"children":["19ff1fcc-e7b0-5a52-d61c-36722a6b4681"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"55c6fc54-5385-3a12-caf1-3b0ef353008e","fake":false,"type":"class","name":"navbar_menu-link-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"6de1f228-88db-2e6e-b201-bad4f739a544","fake":false,"type":"class","name":"navbar_menu-04","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{"medium":{"styleLess":"padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 50px 50px 0 hsla(0, 0.00%, 0.00%, 0.15);"},"tiny":{"styleLess":"padding-top: 0rem; padding-left: 0rem;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"3d15fb60-2207-0d8b-3c77-499ea7bd5a7e","fake":false,"type":"class","name":"is-3","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"a360c933-2b45-3a0a-e088-09eb422adede","fake":false,"type":"class","name":"navbar_logo-01","namespace":"","comb":"","styleLess":"","variants":{},"children":["b48ace0e-87f7-191b-47e5-7a71a6b569fd","cab0ae34-39d8-d4b0-8d0a-ef0d6d29fe70"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"26774d64-92a9-22d2-6d59-28e8e978205f","fake":false,"type":"class","name":"hide","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"19ff1fcc-e7b0-5a52-d61c-36722a6b4681","fake":false,"type":"class","name":"is-hover","namespace":"","comb":"&","styleLess":"transition-property: color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"color: #6e44fe;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"3989d028-a44b-e277-5a25-cf0c40fb288e","fake":false,"type":"class","name":"navbar_menu-btn-04","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 2.5rem; height: 2.5rem; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem;"},"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"c798c1a7-df54-71a1-0ff1-09d3fed9531c","fake":false,"type":"class","name":"navbar_component-04","namespace":"","comb":"","styleLess":"z-index: 999; padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["ce723c05-a15c-aa9f-879e-6a88771f5188"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"fa10aaab-d17b-97cb-80f5-df8fc4214704","fake":false,"type":"class","name":"navbar_menu-btn-icn-line-04","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 100%; height: 0.125rem; padding-right: 0rem; padding-bottom: 0rem; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px; background-color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":["16d03f58-d20f-96c0-2a61-07f4d72def3b","57d67687-1ae0-f985-93a6-dd7d9a51ca3c","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"c2a71e61-7371-66af-8e1e-5daba65cd19c","fake":false,"type":"class","name":"navbar_container-04","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 90rem; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"7426bbaf-0b59-8005-fea7-0cafd23adc09","fake":false,"type":"class","name":"margin-left","namespace":"","comb":"&","styleLess":"","variants":{},"children":["eac7970d-13fb-24a9-bb2a-6e988287375c"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"16d03f58-d20f-96c0-2a61-07f4d72def3b","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"7bcc77b0-1e30-8d0d-5616-e139ccb70df4","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00);"},"medium_hover":{"styleLess":"background-color: #6e44ff;"}},"children":["03374283-bf42-c928-4fd7-5eb88612b29b"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"eac7970d-13fb-24a9-bb2a-6e988287375c","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","siteId":"63ef421aa90a070b6bf377f5","isHD":false,"fileName":"63ef48914982bae2e105528a_logo funnellab.png","createdOn":"2023-02-17T09:27:45.462Z","origFileName":"logo funnellab.png","fileHash":"fbdb895a3dcb9d5323b4b902860d30c0","variants":[{"_id":"63ef489d4982ba81dd055418","origFileName":"logo%20funnellab-p-500.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-500.png","format":"png","size":6776,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png"},{"_id":"63ef489d4982ba82ea055419","origFileName":"logo%20funnellab-p-800.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-800.png","format":"png","size":11362,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png"},{"_id":"63ef489d4982ba6f8705541a","origFileName":"logo%20funnellab-p-1080.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","format":"png","size":15607,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png"},{"_id":"63ef489d4982ba743005541b","origFileName":"logo%20funnellab-p-1600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","format":"png","size":25678,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png"},{"_id":"63ef489d4982bade3c05541c","origFileName":"logo%20funnellab-p-2000.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","format":"png","size":33311,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png"},{"_id":"63ef489d4982ba680c05541d","origFileName":"logo%20funnellab-p-2600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","format":"png","size":47800,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png"},{"_id":"63ef489d4982ba498205541e","origFileName":"logo%20funnellab-p-3200.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","format":"png","size":61955,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-130x130q80.png","_id":"63ef48914982bae2e105528a","updatedOn":"2023-02-17T13:21:27.272Z","fileSize":1292365}],"ix1":[],"ix2":{"interactions":[{"id":"i-4","interactionTypeId":"NAVBAR_INTERACTION","eventIds":["e-7","e-8"],"target":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dba95","createdOn":1676637076281}],"events":[{"id":"e-7","name":"","animationType":"preset","eventTypeId":"NAVBAR_OPEN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-7","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-8"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dba95","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dba95","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676637076281},{"id":"e-8","name":"","animationType":"preset","eventTypeId":"NAVBAR_CLOSE","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-8","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-7"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dba95","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dba95","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1676637076281}],"actionLists":[{"id":"a-7","title":"Burger Menu 04 / Open ✅","actionItemGroups":[{"actionItems":[{"id":"a-7-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-7-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaaa","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-7-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-7-n-4","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa7","appliesTo":"ELEMENT_CLASS","styleBlockIds":["d5dca956-65e1-7189-ff13-78ec682c8c32"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-7-n-5","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","57d67687-1ae0-f985-93a6-dd7d9a51ca3c"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-7-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaaa","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-7-n-7","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-7-n-8","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaaa","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-6,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-7-n-9","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","57d67687-1ae0-f985-93a6-dd7d9a51ca3c"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-7-n-10","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":200,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa7","appliesTo":"ELEMENT_CLASS","styleBlockIds":["d5dca956-65e1-7189-ff13-78ec682c8c32"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":90,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-7-n-11","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaaa","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":-45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-7-n-12","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":45,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1676628717612},{"id":"a-8","title":"Burger Menu 04 / Open ❌","actionItemGroups":[{"actionItems":[{"id":"a-8-n","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaaa","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-8-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-8-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa7","appliesTo":"ELEMENT_CLASS","styleBlockIds":["d5dca956-65e1-7189-ff13-78ec682c8c32"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false},{"id":"a-8-n-4","actionTypeId":"STYLE_OPACITY","config":{"delay":300,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa9","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","57d67687-1ae0-f985-93a6-dd7d9a51ca3c"],"useEventTarget":"CHILDREN","boundaryMode":false},"value":100,"unit":"%"},"instant":false},{"id":"a-8-n-5","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaa8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","16d03f58-d20f-96c0-2a61-07f4d72def3b"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-8-n-6","actionTypeId":"TRANSFORM_MOVE","config":{"delay":500,"easing":"ease","duration":300,"target":{"nodeId":"63ef4d70de17fefc5a910078|88319f68-44c4-1754-9dac-fc8bfa0dbaaa","appliesTo":"ELEMENT_CLASS","styleBlockIds":["fa10aaab-d17b-97cb-80f5-df8fc4214704","3d15fb60-2207-0d8b-3c77-499ea7bd5a7e"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1676628717612}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 01

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c0c42b14-01e7-e64c-a382-0b13c454c7c6","type":"Block","tag":"section","classes":["1c064bc7-78bd-f3d7-ce56-f61abdec1608"],"children":["23ed7750-06d4-16cf-f12e-9462e4311abf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"23ed7750-06d4-16cf-f12e-9462e4311abf","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["a8106eb4-9d1d-ec33-d505-c8a451d6d7dc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a8106eb4-9d1d-ec33-d505-c8a451d6d7dc","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["474c1f26-a117-6beb-fe28-88a6233d8f9d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"474c1f26-a117-6beb-fe28-88a6233d8f9d","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["941b4b3e-7079-ffae-2f27-65cc28f136a5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"941b4b3e-7079-ffae-2f27-65cc28f136a5","type":"Grid","tag":"div","classes":["d4e12c75-aea9-7ad6-d3b4-40ff850e5cf4"],"children":["0aaee9ce-339f-a84e-4b57-6a13865ae137","c44f0ba5-54e7-0f6e-b602-026c3239f557"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0aaee9ce-339f-a84e-4b57-6a13865ae137","type":"Block","tag":"div","classes":["f5087d10-b469-bcee-2bd4-ac3d87e4c8f4"],"children":["edbebf4d-c0af-d8d8-c54c-aa902436e274","5c2c06a7-d7d7-7c6d-c368-33b40d2c0282","8f976602-7267-01aa-d515-0c664d577957","921faf2f-fc80-ea1f-b207-5cb5fae6ce08","05970b1d-13f7-1f02-6462-f050ce20afb5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"edbebf4d-c0af-d8d8-c54c-aa902436e274","type":"Heading","tag":"h1","classes":[],"children":["edbebf4d-c0af-d8d8-c54c-aa902436e275"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"edbebf4d-c0af-d8d8-c54c-aa902436e275","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"5c2c06a7-d7d7-7c6d-c368-33b40d2c0282","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8f976602-7267-01aa-d515-0c664d577957","type":"Paragraph","tag":"p","classes":[],"children":["8f976602-7267-01aa-d515-0c664d577958"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8f976602-7267-01aa-d515-0c664d577958","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"921faf2f-fc80-ea1f-b207-5cb5fae6ce08","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"05970b1d-13f7-1f02-6462-f050ce20afb5","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["05970b1d-13f7-1f02-6462-f050ce20afb6"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"05970b1d-13f7-1f02-6462-f050ce20afb6","text":true,"v":"Let's go !"},{"_id":"c44f0ba5-54e7-0f6e-b602-026c3239f557","type":"Block","tag":"div","classes":["5d6527bd-981f-5b8d-9afc-c639c925558d"],"children":["196bd64f-09cb-fa05-8b17-1e12517418f9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"196bd64f-09cb-fa05-8b17-1e12517418f9","type":"Image","tag":"img","classes":["284ffa19-1258-44ee-dbd9-8c2986471171"],"children":[],"data":{"attr":{"src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"plugins/Basic/assets/placeholder.svg"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"284ffa19-1258-44ee-dbd9-8c2986471171","fake":false,"type":"class","name":"header_img-01","namespace":"","comb":"","styleLess":"width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; object-fit: cover;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"f5087d10-b469-bcee-2bd4-ac3d87e4c8f4","fake":false,"type":"class","name":"header_content-wrapper-01","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"5d6527bd-981f-5b8d-9afc-c639c925558d","fake":false,"type":"class","name":"header_img-wrapper-01","namespace":"","comb":"","styleLess":"height: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"1c064bc7-78bd-f3d7-ce56-f61abdec1608","fake":false,"type":"class","name":"section_header-01","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"selector":null},{"_id":"d4e12c75-aea9-7ad6-d3b4-40ff850e5cf4","fake":false,"type":"class","name":"header_component-01","namespace":"","comb":"","styleLess":"min-height: 50vh; align-items: center; grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-rows: auto;","variants":{"medium":{"styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 02

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f00","type":"Block","tag":"section","classes":["605109de-34ac-443d-8a51-7d030911f0ee"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f01"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f01","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f02"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f02","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f03"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f03","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f04"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f04","type":"Grid","tag":"div","classes":["5565edb8-93d2-92a1-feb1-2895857c1825"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f05","61d2e4d6-d556-2132-9401-b29bd71d3f0e"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f05","type":"Block","tag":"div","classes":["6ad6ebf8-7a1f-6a44-b350-4d80c6cc9ed9"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f06","61d2e4d6-d556-2132-9401-b29bd71d3f08","61d2e4d6-d556-2132-9401-b29bd71d3f09","61d2e4d6-d556-2132-9401-b29bd71d3f0b","2048a43d-840e-937a-94a0-02e9b5bc909d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f06","type":"Heading","tag":"h1","classes":[],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f07"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f07","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f08","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f09","type":"Paragraph","tag":"p","classes":[],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f0a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f0a","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f0b","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2048a43d-840e-937a-94a0-02e9b5bc909d","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f0c","3412fdbe-6dfa-ef87-8964-40d647781853"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f0c","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f0d"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f0d","text":true,"v":"Commander"},{"_id":"3412fdbe-6dfa-ef87-8964-40d647781853","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["3412fdbe-6dfa-ef87-8964-40d647781854"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"3412fdbe-6dfa-ef87-8964-40d647781854","text":true,"v":"En savoir plus"},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f0e","type":"Block","tag":"div","classes":["fa00d8b1-884f-e64e-b266-5f62b4ea6eb1"],"children":["61d2e4d6-d556-2132-9401-b29bd71d3f0f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"61d2e4d6-d556-2132-9401-b29bd71d3f0f","type":"Image","tag":"img","classes":["9434823b-8f0a-1e2c-a4db-7ea4c06ce74c"],"children":[],"data":{"attr":{"src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"plugins/Basic/assets/placeholder.svg"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"605109de-34ac-443d-8a51-7d030911f0ee","fake":false,"type":"class","name":"section_header-02","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"selector":null},{"_id":"9434823b-8f0a-1e2c-a4db-7ea4c06ce74c","fake":false,"type":"class","name":"header_img-02","namespace":"","comb":"","styleLess":"width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; object-fit: cover;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"6ad6ebf8-7a1f-6a44-b350-4d80c6cc9ed9","fake":false,"type":"class","name":"header_content-wrapper-02","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"5565edb8-93d2-92a1-feb1-2895857c1825","fake":false,"type":"class","name":"header_component-02","namespace":"","comb":"","styleLess":"min-height: 50vh; align-items: center; grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-rows: auto;","variants":{"medium":{"styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"fa00d8b1-884f-e64e-b266-5f62b4ea6eb1","fake":false,"type":"class","name":"header_img-wrapper-02","namespace":"","comb":"","styleLess":"height: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 03

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca2","type":"Block","tag":"section","classes":["4aa030cf-9461-6336-ce99-6351702e4fa1"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173ca3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca3","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173ca4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca4","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173ca5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca5","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173ca6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca6","type":"Grid","tag":"div","classes":["35925369-9e20-f268-4d3f-8c437d956e77"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173ca7","ab9e075e-557f-1a1e-3d72-34d9ef173cb3"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca7","type":"Block","tag":"div","classes":["50cd6361-7b74-d696-4391-2280969510b2"],"children":["2dcc4d5a-501c-194a-8e05-741c2a02fff5","ab9e075e-557f-1a1e-3d72-34d9ef173caa","ab9e075e-557f-1a1e-3d72-34d9ef173ca8","c5321d93-a5f4-e9eb-967f-81eeaed6f8e6","ab9e075e-557f-1a1e-3d72-34d9ef173cab","ab9e075e-557f-1a1e-3d72-34d9ef173cad","ab9e075e-557f-1a1e-3d72-34d9ef173cae"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2dcc4d5a-501c-194a-8e05-741c2a02fff5","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4435c","54c44503-6196-f91f-c891-ea33372fbd00"],"children":["2dcc4d5a-501c-194a-8e05-741c2a02fff6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2dcc4d5a-501c-194a-8e05-741c2a02fff6","text":true,"v":"7 jours d'essai offerts"},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173caa","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca8","type":"Heading","tag":"h1","classes":[],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173ca9"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173ca9","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"c5321d93-a5f4-e9eb-967f-81eeaed6f8e6","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cab","type":"Paragraph","tag":"p","classes":[],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173cac"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cac","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cad","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cae","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173caf","ab9e075e-557f-1a1e-3d72-34d9ef173cb1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173caf","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173cb0"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cb0","text":true,"v":"Commander"},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cb1","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173cb2"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cb2","text":true,"v":"En savoir plus"},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cb3","type":"Block","tag":"div","classes":["d3cc0afa-340e-c6dd-d062-4436ac9e5104"],"children":["ab9e075e-557f-1a1e-3d72-34d9ef173cb4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ab9e075e-557f-1a1e-3d72-34d9ef173cb4","type":"Image","tag":"img","classes":["7b65d5aa-c4f2-5176-8b37-31da184ea488"],"children":[],"data":{"attr":{"src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"plugins/Basic/assets/placeholder.svg"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"50cd6361-7b74-d696-4391-2280969510b2","fake":false,"type":"class","name":"header_content-wrapper-03","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"7b65d5aa-c4f2-5176-8b37-31da184ea488","fake":false,"type":"class","name":"header_img-03","namespace":"","comb":"","styleLess":"width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; object-fit: cover;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"4aa030cf-9461-6336-ce99-6351702e4fa1","fake":false,"type":"class","name":"section_header-03","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4435c","fake":false,"type":"class","name":"text-style-allcaps","namespace":"","comb":"","styleLess":"text-transform: uppercase;","variants":{},"children":["54c44503-6196-f91f-c891-ea33372fbd00"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"selector":null},{"_id":"d3cc0afa-340e-c6dd-d062-4436ac9e5104","fake":false,"type":"class","name":"header_img-wrapper-03","namespace":"","comb":"","styleLess":"height: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"54c44503-6196-f91f-c891-ea33372fbd00","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"35925369-9e20-f268-4d3f-8c437d956e77","fake":false,"type":"class","name":"header_component-03","namespace":"","comb":"","styleLess":"min-height: 50vh; align-items: center; grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-rows: auto;","variants":{"medium":{"styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 04

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7cf","type":"Block","tag":"section","classes":["af749da6-751e-34a7-8e9b-ae886335f3ae"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d0","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d1","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d2","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d3","type":"Grid","tag":"div","classes":["26911413-2475-ffd2-0600-81749c672740"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d4","3059d53e-a945-3a3d-536a-dae6c12ad7e3"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d4","type":"Block","tag":"div","classes":["ae1e9803-372b-5ad3-7033-345d097630ef"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d5","3059d53e-a945-3a3d-536a-dae6c12ad7d7","3059d53e-a945-3a3d-536a-dae6c12ad7d8","3059d53e-a945-3a3d-536a-dae6c12ad7da","3059d53e-a945-3a3d-536a-dae6c12ad7db","3059d53e-a945-3a3d-536a-dae6c12ad7dd","3059d53e-a945-3a3d-536a-dae6c12ad7de","e247fade-8c20-fe0c-334a-77c7941d4c1a","f0aa6b22-520e-b6c7-a905-20fa54b840b3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d5","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4435c","54c44503-6196-f91f-c891-ea33372fbd00"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d6","text":true,"v":"7 jours d'essai offerts"},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d7","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d8","type":"Heading","tag":"h1","classes":[],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7d9"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7d9","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7da","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7db","type":"Paragraph","tag":"p","classes":[],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7dc"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7dc","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7dd","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7de","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7df","3059d53e-a945-3a3d-536a-dae6c12ad7e1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7df","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7e0"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7e0","text":true,"v":"Commander"},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7e1","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7e2"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7e2","text":true,"v":"En savoir plus"},{"_id":"e247fade-8c20-fe0c-334a-77c7941d4c1a","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","70393789-d7c7-1ad3-da91-78c7b39bb775"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f0aa6b22-520e-b6c7-a905-20fa54b840b3","type":"Block","tag":"div","classes":["4d90afbc-5fc9-a9ae-5fac-825d8ef38627"],"children":["2d156610-9a31-5a12-e735-38284a9f2dfe","f8518927-7916-05ef-87fe-cd8e5f4ca985"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2d156610-9a31-5a12-e735-38284a9f2dfe","type":"Block","tag":"div","classes":["bf729ff6-a8b2-14f6-13dc-fcf657d8129d"],"children":["16bc1804-312b-5402-b481-fa59a17f73ac","9f6fdf42-7203-ed57-8509-4ad7bd04116e","318a11c2-1200-1006-491b-a6ca7bc04a1c","e8c3cb7b-3dc7-3e29-4b21-49f09ddbd16e","b5b86c10-4c7a-3035-d7bb-183867541a1e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"16bc1804-312b-5402-b481-fa59a17f73ac","type":"Image","tag":"img","classes":["be0b7272-aec2-da07-23da-e06049b26d74"],"children":[],"data":{"attr":{"src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"plugins/Basic/assets/placeholder.svg"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f6fdf42-7203-ed57-8509-4ad7bd04116e","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"318a11c2-1200-1006-491b-a6ca7bc04a1c","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442f6"],"children":["318a11c2-1200-1006-491b-a6ca7bc04a1d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"318a11c2-1200-1006-491b-a6ca7bc04a1d","text":true,"v":"Prénom Nom"},{"_id":"e8c3cb7b-3dc7-3e29-4b21-49f09ddbd16e","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b5b86c10-4c7a-3035-d7bb-183867541a1e","type":"Image","tag":"img","classes":["83d1766d-5641-977d-82c1-f8ffb3c27fbc"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars.png","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"63ef808d114f2b286502e919","sizes":[{"max":10000,"size":"96px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f8518927-7916-05ef-87fe-cd8e5f4ca985","type":"Block","tag":"div","classes":["359ce895-dd25-3c71-cdb6-59506e0a6cc0"],"children":["3544fec6-522c-a738-e7e2-3f0454ea5d30"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3544fec6-522c-a738-e7e2-3f0454ea5d30","type":"Paragraph","tag":"p","classes":["36633d59-97a1-0b7c-3515-9c765bd44309"],"children":["3544fec6-522c-a738-e7e2-3f0454ea5d31"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3544fec6-522c-a738-e7e2-3f0454ea5d31","text":true,"v":"\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla"},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7e3","type":"Block","tag":"div","classes":["783f7403-8273-ac1c-9b96-30e75809fbb4"],"children":["3059d53e-a945-3a3d-536a-dae6c12ad7e4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3059d53e-a945-3a3d-536a-dae6c12ad7e4","type":"Image","tag":"img","classes":["06a3c8de-cdf1-843f-74c5-02c40bea80e1"],"children":[],"data":{"attr":{"src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"plugins/Basic/assets/placeholder.svg"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442f6","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"","styleLess":"font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"26911413-2475-ffd2-0600-81749c672740","fake":false,"type":"class","name":"header_component-04","namespace":"","comb":"","styleLess":"min-height: 50vh; align-items: center; grid-column-gap: 5rem; grid-row-gap: 5rem; grid-template-rows: auto;","variants":{"medium":{"styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"be0b7272-aec2-da07-23da-e06049b26d74","fake":false,"type":"class","name":"header_review-customer-pic-04","namespace":"","comb":"","styleLess":"width: 4rem; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(253.54838709677418, 98.94%, 63.14%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(253.54838709677418, 98.94%, 63.14%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(253.54838709677418, 98.94%, 63.14%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(253.54838709677418, 98.94%, 63.14%, 1.00); border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"359ce895-dd25-3c71-cdb6-59506e0a6cc0","fake":false,"type":"class","name":"header_review-customer-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"783f7403-8273-ac1c-9b96-30e75809fbb4","fake":false,"type":"class","name":"header_img-wrapper-04","namespace":"","comb":"","styleLess":"height: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"06a3c8de-cdf1-843f-74c5-02c40bea80e1","fake":false,"type":"class","name":"header_img-04","namespace":"","comb":"","styleLess":"width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; object-fit: cover;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4435c","fake":false,"type":"class","name":"text-style-allcaps","namespace":"","comb":"","styleLess":"text-transform: uppercase;","variants":{},"children":["54c44503-6196-f91f-c891-ea33372fbd00"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"selector":null},{"_id":"af749da6-751e-34a7-8e9b-ae886335f3ae","fake":false,"type":"class","name":"section_header-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"83d1766d-5641-977d-82c1-f8ffb3c27fbc","fake":false,"type":"class","name":"header_customer-stars-review","namespace":"","comb":"","styleLess":"width: 6rem;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"70393789-d7c7-1ad3-da91-78c7b39bb775","fake":false,"type":"class","name":"padding-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"54c44503-6196-f91f-c891-ea33372fbd00","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4d90afbc-5fc9-a9ae-5fac-825d8ef38627","fake":false,"type":"class","name":"header_review-wrapper-04","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{"small":{"styleLess":"flex-direction: column; align-items: flex-start;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"bf729ff6-a8b2-14f6-13dc-fcf657d8129d","fake":false,"type":"class","name":"header_customer-info-wrapper","namespace":"","comb":"","styleLess":"min-width: 8rem; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44309","fake":false,"type":"class","name":"text-style-italic","namespace":"","comb":"","styleLess":"font-style: italic;","variants":{},"children":[],"selector":null},{"_id":"ae1e9803-372b-5ad3-7033-345d097630ef","fake":false,"type":"class","name":"header_content-wrapper-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"1ed5f1dd-298f-efdd-b006-fb842c1111ee","fake":false,"type":"class","name":"padding-xsmall","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars.png","siteId":"63ef421aa90a070b6bf377f5","width":1060,"isHD":false,"height":242,"fileName":"63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars.png","createdOn":"2023-02-17T13:26:37.624Z","origFileName":"5ffc822eb8e048320e7b9cb2_5stars.png","fileHash":"2d63226779675758af3fafc9426e72a0","variants":[{"_id":"63ef808ff4d39dd58f4dd670","origFileName":"5ffc822eb8e048320e7b9cb2_5stars-p-500.png","fileName":"63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-500.png","format":"png","size":7086,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-500.png"},{"_id":"63ef808ff4d39d90a14dd671","origFileName":"5ffc822eb8e048320e7b9cb2_5stars-p-800.png","fileName":"63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-800.png","format":"png","size":11813,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-800.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef808d114f2b286502e919_5ffc822eb8e048320e7b9cb2_5stars-p-130x130q80.png","_id":"63ef808d114f2b286502e919","updatedOn":"2023-02-17T13:46:30.226Z","fileSize":19201}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 05

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f6097093-6a57-ad9e-68d6-4304bb75e30f","type":"Block","tag":"section","classes":["29e2978d-337b-e005-1bce-b52a1569fad9"],"children":["f6097093-6a57-ad9e-68d6-4304bb75e310"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f6097093-6a57-ad9e-68d6-4304bb75e310","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["f6097093-6a57-ad9e-68d6-4304bb75e311"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f6097093-6a57-ad9e-68d6-4304bb75e311","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4434f"],"children":["f6097093-6a57-ad9e-68d6-4304bb75e312"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f6097093-6a57-ad9e-68d6-4304bb75e312","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["1ff341ec-ed9a-3102-35f2-fa370895d7b5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1ff341ec-ed9a-3102-35f2-fa370895d7b5","type":"Grid","tag":"div","classes":["c03e28e5-b168-3bcc-b25c-3549fa6dd040","f4f02a2e-3ff7-8cc5-3fdd-16f0aea64a83"],"children":["87358757-8e31-8b5d-e129-c5a74e72222e","206ea4de-8853-9064-35ee-c6e6c11716d1","7a205008-0ba8-4d0a-07ec-9bcbddb3edff"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"87358757-8e31-8b5d-e129-c5a74e72222e","type":"Heading","tag":"h1","classes":[],"children":["87358757-8e31-8b5d-e129-c5a74e72222f"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"87358757-8e31-8b5d-e129-c5a74e72222f","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"206ea4de-8853-9064-35ee-c6e6c11716d1","type":"Paragraph","tag":"p","classes":[],"children":["206ea4de-8853-9064-35ee-c6e6c11716d2"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"206ea4de-8853-9064-35ee-c6e6c11716d2","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh"},{"_id":"7a205008-0ba8-4d0a-07ec-9bcbddb3edff","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a","959a0c83-87f1-d38a-2692-a0ee90ae04a9"],"children":["1edc9044-8427-1473-bfd6-a688653fb3a5","d671681a-a57b-5c7a-0155-f18bcf947e51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1edc9044-8427-1473-bfd6-a688653fb3a5","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["1edc9044-8427-1473-bfd6-a688653fb3a6"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"1edc9044-8427-1473-bfd6-a688653fb3a6","text":true,"v":"Commander"},{"_id":"d671681a-a57b-5c7a-0155-f18bcf947e51","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["d671681a-a57b-5c7a-0155-f18bcf947e52"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"d671681a-a57b-5c7a-0155-f18bcf947e52","text":true,"v":"En savoir plus"}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"f4f02a2e-3ff7-8cc5-3fdd-16f0aea64a83","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"c03e28e5-b168-3bcc-b25c-3549fa6dd040","fake":false,"type":"class","name":"header_component-05","namespace":"","comb":"","styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto auto auto;","variants":{},"children":["f4f02a2e-3ff7-8cc5-3fdd-16f0aea64a83"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"959a0c83-87f1-d38a-2692-a0ee90ae04a9","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"29e2978d-337b-e005-1bce-b52a1569fad9","fake":false,"type":"class","name":"section_header-05","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4434f","fake":false,"type":"class","name":"container-small","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 06

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce27","type":"Block","tag":"section","classes":["dc65e688-a04f-a621-0e1e-0b091d6aef3e"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce28"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce28","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce29"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce29","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4434f"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce2a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce2a","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce2b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce2b","type":"Grid","tag":"div","classes":["ea49f5ba-2b0a-3559-913d-020b01223ab0","0bda2c9b-a881-ef99-b596-174b811e8601"],"children":["8fd5cf7d-b8a7-f2d1-89f7-9daa7320c04a","208ffb3b-51bf-5f7c-5a70-2846dc49ce2c","208ffb3b-51bf-5f7c-5a70-2846dc49ce2e","208ffb3b-51bf-5f7c-5a70-2846dc49ce30"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8fd5cf7d-b8a7-f2d1-89f7-9daa7320c04a","type":"Image","tag":"img","classes":["a2b0c6fc-6f03-ee82-84f8-053b15fcaed4","4ecc9de6-82e0-1c00-5045-cdb7bafde5aa"],"children":[],"data":{"attr":{"src":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"63ef48914982bae2e105528a","sizes":[{"max":479,"size":"100vw"},{"max":767,"size":"128px"},{"max":10000,"size":"160px"}]},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce2c","type":"Heading","tag":"h1","classes":[],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce2d"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce2d","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce2e","type":"Paragraph","tag":"p","classes":[],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce2f"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce2f","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh"},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce30","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a","959a0c83-87f1-d38a-2692-a0ee90ae04a9"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce31","208ffb3b-51bf-5f7c-5a70-2846dc49ce33"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce31","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce32"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce32","text":true,"v":"Commander"},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce33","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["208ffb3b-51bf-5f7c-5a70-2846dc49ce34"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"208ffb3b-51bf-5f7c-5a70-2846dc49ce34","text":true,"v":"En savoir plus"}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"0bda2c9b-a881-ef99-b596-174b811e8601","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"grid-template-rows: auto auto auto auto;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"a2b0c6fc-6f03-ee82-84f8-053b15fcaed4","fake":false,"type":"class","name":"header_logo-06","namespace":"","comb":"","styleLess":"width: 10rem;","variants":{"small":{"styleLess":"width: 8rem;"},"tiny":{"styleLess":"width: 6rem;"}},"children":["4ecc9de6-82e0-1c00-5045-cdb7bafde5aa"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"dc65e688-a04f-a621-0e1e-0b091d6aef3e","fake":false,"type":"class","name":"section_header-06","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"4ecc9de6-82e0-1c00-5045-cdb7bafde5aa","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"ea49f5ba-2b0a-3559-913d-020b01223ab0","fake":false,"type":"class","name":"header_component-06","namespace":"","comb":"","styleLess":"grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr; grid-template-rows: auto auto auto;","variants":{},"children":["0bda2c9b-a881-ef99-b596-174b811e8601"],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"959a0c83-87f1-d38a-2692-a0ee90ae04a9","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4434f","fake":false,"type":"class","name":"container-small","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","siteId":"63ef421aa90a070b6bf377f5","isHD":false,"fileName":"63ef48914982bae2e105528a_logo funnellab.png","createdOn":"2023-02-17T09:27:45.462Z","origFileName":"logo funnellab.png","fileHash":"fbdb895a3dcb9d5323b4b902860d30c0","variants":[{"_id":"63ef489d4982ba81dd055418","origFileName":"logo%20funnellab-p-500.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-500.png","format":"png","size":6776,"width":500,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-500.png"},{"_id":"63ef489d4982ba82ea055419","origFileName":"logo%20funnellab-p-800.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-800.png","format":"png","size":11362,"width":800,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-800.png"},{"_id":"63ef489d4982ba6f8705541a","origFileName":"logo%20funnellab-p-1080.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","format":"png","size":15607,"width":1080,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1080.png"},{"_id":"63ef489d4982ba743005541b","origFileName":"logo%20funnellab-p-1600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","format":"png","size":25678,"width":1600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-1600.png"},{"_id":"63ef489d4982bade3c05541c","origFileName":"logo%20funnellab-p-2000.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","format":"png","size":33311,"width":2000,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2000.png"},{"_id":"63ef489d4982ba680c05541d","origFileName":"logo%20funnellab-p-2600.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","format":"png","size":47800,"width":2600,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-2600.png"},{"_id":"63ef489d4982ba498205541e","origFileName":"logo%20funnellab-p-3200.png","fileName":"63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","format":"png","size":61955,"width":3200,"quality":100,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png","cdnUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-3200.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab.png","thumbUrl":"https://assets.website-files.com/63ef421aa90a070b6bf377f5/63ef48914982bae2e105528a_logo%20funnellab-p-130x130q80.png","_id":"63ef48914982bae2e105528a","updatedOn":"2023-02-17T13:21:27.272Z","fileSize":1292365}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Header 07

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"309e5652-c95d-a793-d369-e2b13480a6e4","type":"Block","tag":"section","classes":["d6e6b4c0-ae5c-80eb-8d6f-e9e243fe4cf9"],"children":["309e5652-c95d-a793-d369-e2b13480a6e5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"309e5652-c95d-a793-d369-e2b13480a6e5","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["309e5652-c95d-a793-d369-e2b13480a6e6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309e5652-c95d-a793-d369-e2b13480a6e6","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["309e5652-c95d-a793-d369-e2b13480a6e7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"309e5652-c95d-a793-d369-e2b13480a6e7","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["62861155-d621-0771-cc28-3a4ea76ed59a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"62861155-d621-0771-cc28-3a4ea76ed59a","type":"Block","tag":"div","classes":["ac9f5236-b256-7fcc-1c20-ccb4c14ca3ef"],"children":["204be241-7949-8244-b0e7-ce308a9643ac","c684ec4f-e256-0922-46c1-297bbe1345ca","236b8cff-fa26-a07d-63ba-cde80d7a8ed0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"204be241-7949-8244-b0e7-ce308a9643ac","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442fb"],"children":["d5f9e69b-173f-bb1d-c557-65bb46ddb3f3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d5f9e69b-173f-bb1d-c557-65bb46ddb3f3","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442fe"],"children":["96649fd3-ce98-875c-2177-0a292c4a4c51","e4a58305-3511-9365-3314-879be0045593","f14b58ef-4ed1-fd3f-c0f7-b025aab60509","c52ec128-5ba0-e352-86cf-5a4274ff1cde","ebeda4d2-ef16-d0ea-2c76-0a6b561f3cbf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"96649fd3-ce98-875c-2177-0a292c4a4c51","type":"Heading","tag":"h1","classes":[],"children":["96649fd3-ce98-875c-2177-0a292c4a4c52"],"data":{"tag":"h1","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96649fd3-ce98-875c-2177-0a292c4a4c52","text":true,"v":"Crées des sites Webflow incroyable ! "},{"_id":"e4a58305-3511-9365-3314-879be0045593","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f14b58ef-4ed1-fd3f-c0f7-b025aab60509","type":"Paragraph","tag":"p","classes":[],"children":["f14b58ef-4ed1-fd3f-c0f7-b025aab6050a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f14b58ef-4ed1-fd3f-c0f7-b025aab6050a","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh"},{"_id":"c52ec128-5ba0-e352-86cf-5a4274ff1cde","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ebeda4d2-ef16-d0ea-2c76-0a6b561f3cbf","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432a","d2df451c-89a1-3854-4370-caeb7afabc21"],"children":["ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc0","ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc0","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"children":["ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc1"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc1","text":true,"v":"Commander"},{"_id":"ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc2","type":"Link","tag":"a","classes":["36633d59-97a1-0b7c-3515-9c765bd44352","36633d59-97a1-0b7c-3515-9c765bd44360","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"children":["ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc3"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"ebeda4d2-ef16-d0ea-2c76-0a6b561f3cc3","text":true,"v":"En savoir plus"},{"_id":"c684ec4f-e256-0922-46c1-297bbe1345ca","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","70393789-d7c7-1ad3-da91-78c7b39bb775"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"236b8cff-fa26-a07d-63ba-cde80d7a8ed0","type":"Block","tag":"div","classes":["7c4044ce-9f1c-719e-e358-0d22bb04fe7a"],"children":["fe932592-88b2-da3d-f3f2-40e28563a727"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"fe932592-88b2-da3d-f3f2-40e28563a727","type":"Image","tag":"img","classes":["a8e0f97d-4e5e-9f02-a75f-35de468ee6b8"],"children":[],"data":{"attr":{"src":"https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"plugins/Basic/assets/placeholder.svg"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"8b51ded0-9cc4-9e2d-9295-00caf1a4eb10","fake":false,"type":"class","name":"is-hover-01","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium_hover":{"styleLess":"background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442fb","fake":false,"type":"class","name":"max-width-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem;","variants":{},"children":[],"selector":null},{"_id":"8c8368f0-aa76-56ee-c01a-2af5cb886d70","fake":false,"type":"class","name":"is-hover-02","namespace":"","comb":"&","styleLess":"transition-property: transform, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease;","variants":{"main_hover":{"styleLess":"background-color: hsla(253.475935828877, 65.88%, 51.15%, 1.00); transform: translate(0px, -3px);"},"medium_hover":{"styleLess":"background-color: #6e44ff; transform: none /* translate(0px, -3px) */;"}},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44352","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #6e44ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["36633d59-97a1-0b7c-3515-9c765bd44360","36633d59-97a1-0b7c-3515-9c765bd44361","36633d59-97a1-0b7c-3515-9c765bd44364","36633d59-97a1-0b7c-3515-9c765bd44366","36633d59-97a1-0b7c-3515-9c765bd44367","36633d59-97a1-0b7c-3515-9c765bd44369","7bcc77b0-1e30-8d0d-5616-e139ccb70df4","8c8368f0-aa76-56ee-c01a-2af5cb886d70"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44360","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"padding-top: 0.65rem; padding-bottom: 0.65rem; border-top-style: solid; border-top-width: 2px; border-top-color: black; border-right-style: solid; border-right-width: 2px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: black; border-left-style: solid; border-left-width: 2px; border-left-color: black; background-color: transparent; color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{},"children":["ea448ef6-008c-0713-73cf-ff56119e4dd4","8b51ded0-9cc4-9e2d-9295-00caf1a4eb10"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"ac9f5236-b256-7fcc-1c20-ccb4c14ca3ef","fake":false,"type":"class","name":"header_component-07","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"d6e6b4c0-ae5c-80eb-8d6f-e9e243fe4cf9","fake":false,"type":"class","name":"section_header-07","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee"],"selector":null},{"_id":"d2df451c-89a1-3854-4370-caeb7afabc21","fake":false,"type":"class","name":"is-justify-center","namespace":"","comb":"&","styleLess":"justify-content: center;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"7c4044ce-9f1c-719e-e358-0d22bb04fe7a","fake":false,"type":"class","name":"header_img-wrapper-07","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432a","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["7426bbaf-0b59-8005-fea7-0cafd23adc09","959a0c83-87f1-d38a-2692-a0ee90ae04a9","d2df451c-89a1-3854-4370-caeb7afabc21"],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"70393789-d7c7-1ad3-da91-78c7b39bb775","fake":false,"type":"class","name":"padding-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442fe","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"a8e0f97d-4e5e-9f02-a75f-35de468ee6b8","fake":false,"type":"class","name":"header_img-07","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

FAQ 01

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ad7ee080-d826-409a-0cec-aa683e473e93","type":"Block","tag":"section","classes":["26970a6f-5fba-4451-1de4-447750b3f2cf"],"children":["b606c972-341b-a2f8-e46b-46f0104de808"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"b606c972-341b-a2f8-e46b-46f0104de808","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["f925bd91-093b-681e-6cad-94d0e8ea6ac8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f925bd91-093b-681e-6cad-94d0e8ea6ac8","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["60c8cf4d-2e65-e127-b94f-e0bcd9710f15"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"60c8cf4d-2e65-e127-b94f-e0bcd9710f15","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["27a60434-6838-b9c4-2dd6-22e9007e3fc6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"27a60434-6838-b9c4-2dd6-22e9007e3fc6","type":"Block","tag":"div","classes":["ef0709c8-ea2e-6154-2b47-81da96e3758c"],"children":["bd693e2a-819b-2b75-1de1-f9b6e5693894","74b87d7f-2b5d-56b2-7e17-dda78b019475"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bd693e2a-819b-2b75-1de1-f9b6e5693894","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442fe"],"children":["f1b3b662-79e3-5c06-1d5e-b45ad36d0f11","392ffccf-ff52-6dd9-bfab-edff7bf7c313"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f1b3b662-79e3-5c06-1d5e-b45ad36d0f11","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442fb","e0ecaa46-0cb4-ed74-816d-8058e8110d90"],"children":["1c90877d-e2b5-7406-f2b2-9fdac9472ef8","31c072f7-e5ac-3f40-436c-51faefd75a68","513f7084-b489-4dbb-969d-8055ef80814d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1c90877d-e2b5-7406-f2b2-9fdac9472ef8","type":"Heading","tag":"h2","classes":[],"children":["1c90877d-e2b5-7406-f2b2-9fdac9472ef9"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"1c90877d-e2b5-7406-f2b2-9fdac9472ef9","text":true,"v":"FAQ"},{"_id":"31c072f7-e5ac-3f40-436c-51faefd75a68","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"513f7084-b489-4dbb-969d-8055ef80814d","type":"Paragraph","tag":"p","classes":[],"children":["513f7084-b489-4dbb-969d-8055ef80814e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"513f7084-b489-4dbb-969d-8055ef80814e","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum"},{"_id":"392ffccf-ff52-6dd9-bfab-edff7bf7c313","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","70393789-d7c7-1ad3-da91-78c7b39bb775"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"74b87d7f-2b5d-56b2-7e17-dda78b019475","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44358","1ca6ef9f-5cb4-bf76-a0b9-b5b35a45befc"],"children":["49394fda-f86e-a14e-f797-fffc80b1b891"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"49394fda-f86e-a14e-f797-fffc80b1b891","type":"Block","tag":"div","classes":["4b22e5ed-8b88-4f39-c4a6-9f6e5fc4b214"],"children":["b739e6a7-ba92-f461-1237-638fc908890b","660fe405-4ea9-32f3-2b04-bb528535405e","89761676-c7b0-bcba-d5cf-6587df4bc3d6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b739e6a7-ba92-f461-1237-638fc908890b","type":"Block","tag":"div","classes":["3f9c3899-94b6-13f7-ea5c-8a2dca4dcaa3"],"children":["fd1bca53-ba64-f7dc-5179-9d850b5e8e45","79f22741-22c6-b35e-a52f-d3c95fd988fc","6dfeb539-a32c-7edb-5d2d-3d8ec5c6ef5a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"fd1bca53-ba64-f7dc-5179-9d850b5e8e45","type":"Heading","tag":"h3","classes":["36633d59-97a1-0b7c-3515-9c765bd4434a"],"children":["fd1bca53-ba64-f7dc-5179-9d850b5e8e46"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"fd1bca53-ba64-f7dc-5179-9d850b5e8e46","text":true,"v":"Comment créer une FAQ pertinentes ?"},{"_id":"79f22741-22c6-b35e-a52f-d3c95fd988fc","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"6dfeb539-a32c-7edb-5d2d-3d8ec5c6ef5a","type":"Paragraph","tag":"p","classes":[],"children":["6dfeb539-a32c-7edb-5d2d-3d8ec5c6ef5b"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"6dfeb539-a32c-7edb-5d2d-3d8ec5c6ef5b","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."},{"_id":"660fe405-4ea9-32f3-2b04-bb528535405e","type":"Block","tag":"div","classes":["3f9c3899-94b6-13f7-ea5c-8a2dca4dcaa3"],"children":["660fe405-4ea9-32f3-2b04-bb528535405f","660fe405-4ea9-32f3-2b04-bb5285354061","660fe405-4ea9-32f3-2b04-bb5285354062"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"660fe405-4ea9-32f3-2b04-bb528535405f","type":"Heading","tag":"h3","classes":["36633d59-97a1-0b7c-3515-9c765bd4434a"],"children":["660fe405-4ea9-32f3-2b04-bb5285354060"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"660fe405-4ea9-32f3-2b04-bb5285354060","text":true,"v":"Comment convertir plus de visiteurs sur son site ?"},{"_id":"660fe405-4ea9-32f3-2b04-bb5285354061","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"660fe405-4ea9-32f3-2b04-bb5285354062","type":"Paragraph","tag":"p","classes":[],"children":["660fe405-4ea9-32f3-2b04-bb5285354063"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"660fe405-4ea9-32f3-2b04-bb5285354063","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."},{"_id":"89761676-c7b0-bcba-d5cf-6587df4bc3d6","type":"Block","tag":"div","classes":["3f9c3899-94b6-13f7-ea5c-8a2dca4dcaa3"],"children":["89761676-c7b0-bcba-d5cf-6587df4bc3d7","89761676-c7b0-bcba-d5cf-6587df4bc3d9","89761676-c7b0-bcba-d5cf-6587df4bc3da"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"89761676-c7b0-bcba-d5cf-6587df4bc3d7","type":"Heading","tag":"h3","classes":["36633d59-97a1-0b7c-3515-9c765bd4434a"],"children":["89761676-c7b0-bcba-d5cf-6587df4bc3d8"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"89761676-c7b0-bcba-d5cf-6587df4bc3d8","text":true,"v":"Comment designer rapidement un site ?"},{"_id":"89761676-c7b0-bcba-d5cf-6587df4bc3d9","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"89761676-c7b0-bcba-d5cf-6587df4bc3da","type":"Paragraph","tag":"p","classes":[],"children":["89761676-c7b0-bcba-d5cf-6587df4bc3db"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"89761676-c7b0-bcba-d5cf-6587df4bc3db","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."}],"styles":[{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"3f9c3899-94b6-13f7-ea5c-8a2dca4dcaa3","fake":false,"type":"class","name":"faq_block-01","namespace":"","comb":"","styleLess":"margin-bottom: 1rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(251, 100.00%, 67.19%, 1.00); border-right-style: solid; border-right-width: 0.5px; border-right-color: hsla(251, 100.00%, 67.19%, 1.00); border-bottom-style: solid; border-bottom-width: 0.5px; border-bottom-color: hsla(251, 100.00%, 67.19%, 1.00); border-left-style: solid; border-left-width: 0.5px; border-left-color: hsla(251, 100.00%, 67.19%, 1.00); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(253.38461538461542, 100.00%, 65.40%, 0.03);","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442fb","fake":false,"type":"class","name":"max-width-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem;","variants":{},"children":["e0ecaa46-0cb4-ed74-816d-8058e8110d90"],"selector":null},{"_id":"ef0709c8-ea2e-6154-2b47-81da96e3758c","fake":false,"type":"class","name":"faq_component-01","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44358","fake":false,"type":"class","name":"max-width-xlarge","namespace":"","comb":"","styleLess":"width: 100%; max-width: 64rem;","variants":{},"children":["1ca6ef9f-5cb4-bf76-a0b9-b5b35a45befc"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"4b22e5ed-8b88-4f39-c4a6-9f6e5fc4b214","fake":false,"type":"class","name":"faq_container-01","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4434a","fake":false,"type":"class","name":"heading-style-h5","namespace":"","comb":"","styleLess":"font-size: 1.25rem; line-height: 1.5; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.15rem;"}},"children":[],"selector":null},{"_id":"1ca6ef9f-5cb4-bf76-a0b9-b5b35a45befc","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"26970a6f-5fba-4451-1de4-447750b3f2cf","fake":false,"type":"class","name":"section_faq-01","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee","6909470e-d3cb-b15d-4ccb-84350906f9e0"],"selector":null},{"_id":"e0ecaa46-0cb4-ed74-816d-8058e8110d90","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"70393789-d7c7-1ad3-da91-78c7b39bb775","fake":false,"type":"class","name":"padding-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442fe","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

FAQ 04

Copier

Copier

Compatible avec :

Détails

100% responsive

Développé avec la méthode Client First

Informations

N'oublie pas de cloner la style guide 👉🏻 Client First

Tu souhaites ajouter des animations aux liens et aux boutons ? Ajoute les doubles classes ".is-hover-01", ".is-hover-02", ".is-hover-03" pour appliquer différentes animations.

ATTENTION : Dans la plupart des composants se cache une div avec la mention "SUPPRIME-MOI". Cette div sert à ajouter les classes combinées sur les éléments animé du composant. Pense bien à supprimer cette div.

Copier

Copier

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047aec","type":"Block","tag":"section","classes":["6b0ff5f2-8eac-8ea3-c071-2cd5df66373f"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047aed"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047aed","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432c"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047aee"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047aee","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442e5"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047aef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047aef","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442c0"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047af0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af0","type":"Block","tag":"div","classes":["d35d3b8b-5059-3c51-fc6f-4f27e00cf8eb"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047af1","f5a62d8f-ba83-4c46-1639-0a3e9d047af9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af1","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442fe"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047af2","f5a62d8f-ba83-4c46-1639-0a3e9d047af8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af2","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd442fb","e0ecaa46-0cb4-ed74-816d-8058e8110d90"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047af3","f5a62d8f-ba83-4c46-1639-0a3e9d047af5","f5a62d8f-ba83-4c46-1639-0a3e9d047af6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af3","type":"Heading","tag":"h2","classes":[],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047af4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af4","text":true,"v":"FAQ"},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af5","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","65a01ec0-a503-a124-f109-8c57bafd6c09"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af6","type":"Paragraph","tag":"p","classes":[],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047af7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af7","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum"},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af8","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44330","70393789-d7c7-1ad3-da91-78c7b39bb775"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047af9","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44358","1ca6ef9f-5cb4-bf76-a0b9-b5b35a45befc"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047afa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047afa","type":"Block","tag":"div","classes":["c4cb173e-10aa-91ee-7e7e-5c102c87122a"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047afb","956ba174-b46a-d23a-0056-acaf1e5ced6e","9c79f9fb-1d74-532e-8b48-f8896b00b299"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047afb","type":"Block","tag":"div","classes":["b05fb476-6c2e-7d4e-7118-25eecd14d382"],"children":["665769c0-8a27-0a02-77f4-d0eb7d392d4b","02978b2e-fcc3-8e13-c707-b0bbde042946"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"665769c0-8a27-0a02-77f4-d0eb7d392d4b","type":"Block","tag":"div","classes":["a38a49bf-ac4c-9c9d-6af9-d0b338ac8d46"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047afc","831a93a2-2110-25e7-21ef-cc8a137051fd"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047afc","type":"Heading","tag":"h3","classes":["36633d59-97a1-0b7c-3515-9c765bd4434a"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047afd"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047afd","text":true,"v":"Comment créer une FAQ pertinentes ?"},{"_id":"831a93a2-2110-25e7-21ef-cc8a137051fd","type":"Block","tag":"div","classes":["426c53e7-6202-134b-c141-08725c96b4cd"],"children":["ad9d242d-6fe8-71ea-8ff3-367b4c530239"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ad9d242d-6fe8-71ea-8ff3-367b4c530239","type":"HtmlEmbed","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4431f"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z\"></path></svg>","data":{"insideRTE":false,"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"search":{"exclude":true},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"02978b2e-fcc3-8e13-c707-b0bbde042946","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44315"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047afe"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047afe","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432f","edd37ca7-2b66-3021-bef6-bfb022e1dfe6"],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047aff"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047aff","type":"Paragraph","tag":"p","classes":[],"children":["f5a62d8f-ba83-4c46-1639-0a3e9d047b00"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"f5a62d8f-ba83-4c46-1639-0a3e9d047b00","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced6e","type":"Block","tag":"div","classes":["b05fb476-6c2e-7d4e-7118-25eecd14d382"],"children":["956ba174-b46a-d23a-0056-acaf1e5ced6f","956ba174-b46a-d23a-0056-acaf1e5ced74"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced6f","type":"Block","tag":"div","classes":["a38a49bf-ac4c-9c9d-6af9-d0b338ac8d46"],"children":["956ba174-b46a-d23a-0056-acaf1e5ced70","956ba174-b46a-d23a-0056-acaf1e5ced72"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced70","type":"Heading","tag":"h3","classes":["36633d59-97a1-0b7c-3515-9c765bd4434a"],"children":["956ba174-b46a-d23a-0056-acaf1e5ced71"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced71","text":true,"v":"Comment convertir plus de visiteurs sur son site ?"},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced72","type":"Block","tag":"div","classes":["426c53e7-6202-134b-c141-08725c96b4cd"],"children":["956ba174-b46a-d23a-0056-acaf1e5ced73"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced73","type":"HtmlEmbed","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4431f"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z\"></path></svg>","data":{"insideRTE":false,"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"search":{"exclude":true},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced74","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44315"],"children":["956ba174-b46a-d23a-0056-acaf1e5ced75"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced75","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432f","edd37ca7-2b66-3021-bef6-bfb022e1dfe6"],"children":["956ba174-b46a-d23a-0056-acaf1e5ced76"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced76","type":"Paragraph","tag":"p","classes":[],"children":["956ba174-b46a-d23a-0056-acaf1e5ced77"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"956ba174-b46a-d23a-0056-acaf1e5ced77","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b299","type":"Block","tag":"div","classes":["b05fb476-6c2e-7d4e-7118-25eecd14d382"],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b29a","9c79f9fb-1d74-532e-8b48-f8896b00b29f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b29a","type":"Block","tag":"div","classes":["a38a49bf-ac4c-9c9d-6af9-d0b338ac8d46"],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b29b","9c79f9fb-1d74-532e-8b48-f8896b00b29d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b29b","type":"Heading","tag":"h3","classes":["36633d59-97a1-0b7c-3515-9c765bd4434a"],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b29c"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b29c","text":true,"v":"Comment designer rapidement un site ?"},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b29d","type":"Block","tag":"div","classes":["426c53e7-6202-134b-c141-08725c96b4cd"],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b29e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b29e","type":"HtmlEmbed","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4431f"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z\"></path></svg>","data":{"insideRTE":false,"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z\"></path></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"search":{"exclude":true},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b29f","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd44315"],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b2a0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b2a0","type":"Block","tag":"div","classes":["36633d59-97a1-0b7c-3515-9c765bd4432f","edd37ca7-2b66-3021-bef6-bfb022e1dfe6"],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b2a1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b2a1","type":"Paragraph","tag":"p","classes":[],"children":["9c79f9fb-1d74-532e-8b48-f8896b00b2a2"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9c79f9fb-1d74-532e-8b48-f8896b00b2a2","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."}],"styles":[{"_id":"d35d3b8b-5059-3c51-fc6f-4f27e00cf8eb","fake":false,"type":"class","name":"faq_component-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4431f","fake":false,"type":"class","name":"icon-1x1-medium","namespace":"","comb":"","styleLess":"width: 2rem; height: 2rem;","variants":{},"children":[],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442c0","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432c","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442fb","fake":false,"type":"class","name":"max-width-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem;","variants":{},"children":["e0ecaa46-0cb4-ed74-816d-8058e8110d90"],"selector":null},{"_id":"6b0ff5f2-8eac-8ea3-c071-2cd5df66373f","fake":false,"type":"class","name":"section_faq-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"65a01ec0-a503-a124-f109-8c57bafd6c09","fake":false,"type":"class","name":"padding-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"426c53e7-6202-134b-c141-08725c96b4cd","fake":false,"type":"class","name":"faq_open-icn-wrapper-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44358","fake":false,"type":"class","name":"max-width-xlarge","namespace":"","comb":"","styleLess":"width: 100%; max-width: 64rem;","variants":{},"children":["1ca6ef9f-5cb4-bf76-a0b9-b5b35a45befc"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442e5","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"selector":null},{"_id":"b05fb476-6c2e-7d4e-7118-25eecd14d382","fake":false,"type":"class","name":"faq_block-04","namespace":"","comb":"","styleLess":"margin-bottom: 1rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(253.38461538461542, 100.00%, 65.40%, 0.03);","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4434a","fake":false,"type":"class","name":"heading-style-h5","namespace":"","comb":"","styleLess":"font-size: 1.25rem; line-height: 1.5; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.15rem;"}},"children":[],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44315","fake":false,"type":"class","name":"overflow-hidden","namespace":"","comb":"","styleLess":"overflow: hidden;","variants":{},"children":[],"selector":null},{"_id":"1ca6ef9f-5cb4-bf76-a0b9-b5b35a45befc","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd44330","fake":false,"type":"class","name":"padding-top","namespace":"","comb":"","styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"small":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"},"tiny":{"styleLess":"padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;"}},"children":["65a01ec0-a503-a124-f109-8c57bafd6c09","70393789-d7c7-1ad3-da91-78c7b39bb775","1ed5f1dd-298f-efdd-b006-fb842c1111ee","6909470e-d3cb-b15d-4ccb-84350906f9e0"],"selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd4432f","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"","styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;","variants":{"medium":{"styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;"},"small":{"styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;"},"tiny":{"styleLess":"margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem;"}},"children":["edd37ca7-2b66-3021-bef6-bfb022e1dfe6"],"selector":null},{"_id":"a38a49bf-ac4c-9c9d-6af9-d0b338ac8d46","fake":false,"type":"class","name":"faq_answer-container-04","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"e0ecaa46-0cb4-ed74-816d-8058e8110d90","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"70393789-d7c7-1ad3-da91-78c7b39bb775","fake":false,"type":"class","name":"padding-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"edd37ca7-2b66-3021-bef6-bfb022e1dfe6","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null},{"_id":"36633d59-97a1-0b7c-3515-9c765bd442fe","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"selector":null},{"_id":"c4cb173e-10aa-91ee-7e7e-5c102c87122a","fake":false,"type":"class","name":"faq_container-04","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5f6a47e91e62737ab2008ad7","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-5","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-9","e-10"],"target":"640862edbdc992b3b44e1c76|665769c0-8a27-0a02-77f4-d0eb7d392d4b","createdOn":1678277847670}],"events":[{"id":"e-9","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-9","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-10"},"instant":true},"mediaQueries":["main","medium","small","tiny"],"target":{"appliesTo":"CLASS","styleBlockIds":["a38a49bf-ac4c-9c9d-6af9-d0b338ac8d46"],"id":"640862edbdc992b3b44e1c76|665769c0-8a27-0a02-77f4-d0eb7d392d4b"},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1678277847671},{"id":"e-10","name":"","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-10","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-9"},"instant":true},"mediaQueries":["main","medium","small","tiny"],"target":{"appliesTo":"CLASS","styleBlockIds":["a38a49bf-ac4c-9c9d-6af9-d0b338ac8d46"],"id":"640862edbdc992b3b44e1c76|665769c0-8a27-0a02-77f4-d0eb7d392d4b"},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1678277847671}],"actionLists":[{"id":"a-9","title":"FAQ 04 / open ✅","actionItemGroups":[{"actionItems":[{"id":"a-9-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"","duration":500,"locked":false,"target":{"nodeId":"640862edbdc992b3b44e1c76|02978b2e-fcc3-8e13-c707-b0bbde042946","appliesTo":"ELEMENT_CLASS","styleBlockIds":["36633d59-97a1-0b7c-3515-9c765bd44315"],"useEventTarget":"SIBLINGS","boundaryMode":false},"heightValue":0,"widthUnit":"PX","heightUnit":"px"},"instant":false},{"id":"a-9-n-5","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"640862edbdc992b3b44e1c76|831a93a2-2110-25e7-21ef-cc8a137051fd","appliesTo":"ELEMENT_CLASS","styleBlockIds":["426c53e7-6202-134b-c141-08725c96b4cd"],"useEventTarget":"CHILDREN","boundaryMode":false},"rValue":0,"gValue":0,"bValue":0,"aValue":1},"instant":false},{"id":"a-9-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"640862edbdc992b3b44e1c76|831a93a2-2110-25e7-21ef-cc8a137051fd","appliesTo":"ELEMENT_CLASS","styleBlockIds":["426c53e7-6202-134b-c141-08725c96b4cd"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]},{"actionItems":[{"id":"a-9-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"ease","duration":300,"locked":false,"target":{"nodeId":"640862edbdc992b3b44e1c76|02978b2e-fcc3-8e13-c707-b0bbde042946","appliesTo":"ELEMENT_CLASS","styleBlockIds":["36633d59-97a1-0b7c-3515-9c765bd44315"],"useEventTarget":"SIBLINGS","boundaryMode":false},"widthUnit":"PX","heightUnit":"AUTO"},"instant":false},{"id":"a-9-n-6","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"ease","duration":300,"target":{"nodeId":"640862edbdc992b3b44e1c76|831a93a2-2110-25e7-21ef-cc8a137051fd","appliesTo":"ELEMENT_CLASS","styleBlockIds":["426c53e7-6202-134b-c141-08725c96b4cd"],"useEventTarget":"CHILDREN","boundaryMode":false},"rValue":106,"gValue":65,"bValue":245,"aValue":1},"instant":false},{"id":"a-9-n-4","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":300,"target":{"nodeId":"640862edbdc992b3b44e1c76|831a93a2-2110-25e7-21ef-cc8a137051fd","appliesTo":"ELEMENT_CLASS","styleBlockIds":["426c53e7-6202-134b-c141-08725c96b4cd"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":135,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]}],"createdOn":1678277850444,"useFirstGroupAsInitialState":true},{"id":"a-10","title":"FAQ 04 / Close ❌","actionItemGroups":[{"actionItems":[{"id":"a-10-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"ease","duration":300,"locked":false,"target":{"nodeId":"640862edbdc992b3b44e1c76|02978b2e-fcc3-8e13-c707-b0bbde042946","appliesTo":"ELEMENT_CLASS","styleBlockIds":["36633d59-97a1-0b7c-3515-9c765bd44315"],"useEventTarget":"SIBLINGS","boundaryMode":false},"heightValue":0,"widthUnit":"PX","heightUnit":"px"},"instant":false},{"id":"a-10-n-2","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"ease","duration":300,"target":{"nodeId":"640862edbdc992b3b44e1c76|831a93a2-2110-25e7-21ef-cc8a137051fd","appliesTo":"ELEMENT_CLASS","styleBlockIds":["426c53e7-6202-134b-c141-08725c96b4cd"],"useEventTarget":"CHILDREN","boundaryMode":false},"rValue":0,"gValue":0,"bValue":0,"aValue":1},"instant":false},{"id":"a-10-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"ease","duration":300,"target":{"nodeId":"640862edbdc992b3b44e1c76|831a93a2-2110-25e7-21ef-cc8a137051fd","appliesTo":"ELEMENT_CLASS","styleBlockIds":["426c53e7-6202-134b-c141-08725c96b4cd"],"useEventTarget":"CHILDREN","boundaryMode":false},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"deg"},"instant":false}]}],"createdOn":1678277850444,"useFirstGroupAsInitialState":false}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}