{"id":53151,"date":"2025-10-09T05:51:05","date_gmt":"2025-10-09T05:51:05","guid":{"rendered":"https:\/\/aacblockmanufacturingplant.com\/?p=53151"},"modified":"2025-10-09T06:51:44","modified_gmt":"2025-10-09T06:51:44","slug":"column-buttom-html-test","status":"publish","type":"post","link":"https:\/\/aacblockmanufacturingplant.com\/fr\/column-buttom-html-test\/","title":{"rendered":"Test HTML pour les colonnes et les boutons"},"content":{"rendered":"<div class=\"responsive-column-wrapper\">\n<div class=\"responsive-column left\">\n<h2>Colonne 1 Titre<\/h2>\n<p>Il s'agit du contenu de la premi\u00e8re colonne. Sur les grands \u00e9crans (ordinateur de bureau\/tablette), la largeur sera de 48%. Sur les \u00e9crans plus petits (mobiles), le CSS ci-dessus l'oblige \u00e0 prendre toute la largeur de 100% et \u00e0 s'empiler sur le dessus.<\/p>\n<p>Ajoutez ici votre texte, vos images et d'autres \u00e9l\u00e9ments HTML. <a class=\"custom-classic-button\" href=\"#popmake-52018\">Obtenir un devis gratuit<\/a><\/p>\n<\/div>\n<div class=\"responsive-column right\">\n<h2>Colonne 2 Titre<\/h2>\n<p>Il s'agit du contenu de la deuxi\u00e8me colonne. Elle suit les m\u00eames r\u00e8gles de r\u00e9activit\u00e9 que la premi\u00e8re colonne.<\/p>\n<ul>\n<li>Premier point<\/li>\n<li>Deuxi\u00e8me point<\/li>\n<li>Troisi\u00e8me point<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"responsive-three-col-wrapper\">\n<div class=\"responsive-three-col left\">\n<h3>Colonne 1 Titre<\/h3>\n<p>Voici le contenu de la premi\u00e8re colonne. Sur un ordinateur de bureau, il occupe environ un tiers de l'espace.<\/p>\n<p>Sur mobile, cette colonne occupera toute la largeur de l'\u00e9cran et s'empilera joliment au-dessus des autres.<\/p>\n<\/div>\n<div class=\"responsive-three-col center\">\n<h3>Colonne 2 Titre<\/h3>\n<p>Voici le contenu de la colonne du milieu. Nous utilisons une marge sur cette colonne pour cr\u00e9er un espace horizontal entre les trois colonnes sur l'ordinateur de bureau.<\/p>\n<ul>\n<li>Poste A<\/li>\n<li>Poste B<\/li>\n<li>Poste C<\/li>\n<\/ul>\n<\/div>\n<div class=\"responsive-three-col right\">\n<h3>Colonne 3 Titre<\/h3>\n<p>Il s'agit du contenu de la troisi\u00e8me colonne. Il se trouve \u00e0 l'extr\u00eame droite sur l'ordinateur de bureau et en bas sur l'ordinateur mobile.<\/p>\n<p>Pour une pr\u00e9sentation en trois colonnes, le contenu doit \u00eatre concis.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Titre de la colonne 1 Il s'agit du contenu de la premi\u00e8re colonne. Sur les grands \u00e9crans (desktop\/tablette), il aura une largeur de 48%. Sur les \u00e9crans plus petits (mobiles), le CSS ci-dessus l'oblige \u00e0 ... <\/p>\n<p class=\"read-more-container\"><a title=\"Test HTML pour les colonnes et les boutons\" class=\"read-more button\" href=\"https:\/\/aacblockmanufacturingplant.com\/fr\/column-buttom-html-test\/#more-53151\" aria-label=\"En savoir plus sur Test HTML Column &amp; Buttom\">Lire plus<\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-53151","post","type-post","status-publish","format-standard","hentry","category-uncategorized","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/posts\/53151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/comments?post=53151"}],"version-history":[{"count":0,"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/posts\/53151\/revisions"}],"wp:attachment":[{"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/media?parent=53151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/categories?post=53151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/fr\/wp-json\/wp\/v2\/tags?post=53151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}