{"id":245,"date":"2022-11-25T18:20:20","date_gmt":"2022-11-25T16:20:20","guid":{"rendered":"https:\/\/fassinabalanya.cat\/?page_id=245"},"modified":"2022-11-25T18:20:21","modified_gmt":"2022-11-25T16:20:21","slug":"seccions","status":"publish","type":"page","link":"https:\/\/fassinabalanya.cat\/seccions\/","title":{"rendered":"Seccions"},"content":{"rendered":"    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h2>Pestanyes horitzontals<\/h2>    <\/div>\n\n\n\n\n\n\n\n    <div class=\"tabbed \">\n                <ul class=\"tab-menu\" role=\"tablist\">\n                                                                    <li role=\"presentation\">\n                        <a class=\"py-1 px-3 has-text-weight-bold\"  title=\"Pestanya 1\" href=\"#tab-0\">Pestanya 1<\/a>\n                        <\/li>\n                                                                    <li role=\"presentation\">\n                        <a class=\"py-1 px-3 has-text-weight-bold\"  title=\"Pestanya 2\" href=\"#tab-1\">Pestanya 2<\/a>\n                        <\/li>\n                                                                    <li role=\"presentation\">\n                        <a class=\"py-1 px-3 has-text-weight-bold\"  title=\"Pestanya 3\" href=\"#tab-2\">Pestanya 3<\/a>\n                        <\/li>\n                     \n                <\/ul>\n                        \n\n<section class=\"tab-panel  flow   pb-4-desktop pb-4-tablet pb-4-mobile mt-6\" role=\"tabpanel\">\n    <div class=\"tinymce max-width--50 flow\"><p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div><\/section>\n\n\n\n<section class=\"tab-panel  flow   pb-4-desktop pb-4-tablet pb-4-mobile mt-6\" role=\"tabpanel\">\n    \n\n    <div class=\"is-flex-tablet  mb-4-desktop mb-4-tablet mb-2-mobile   seccio\">\n        <div class=\"columns   is-multiline is-variable is-6 max-width--70 is-flex-grow-1  \">\n            \n\n<div class=\"column  \" >\n      \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lor em ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque\u00a0 solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"column  \" >\n      \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n<\/div>\n\n \n        <\/div>        \n    <\/div>\n\n\n\n<\/section>\n\n\n\n<section class=\"tab-panel  flow   pb-4-desktop pb-4-tablet pb-4-mobile mt-6\" role=\"tabpanel\">\n    <div class=\"tinymce max-width--50 flow\"><p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.\u00a0<\/p>\n<\/div><\/section>\n\n \n    <\/div>\n\n\n\n\n\n\n\n<div class=\"mt-0 pb-2-desktop pb-2-tablet pb-2-mobile\">\n    <hr class=\"ml-0 max-width--70 btso-1-black mt-1 mb-1 \">\n<\/div>\n\n    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h2>Desplegables<\/h2>    <\/div>\n\n\n\n\n    <div class=\"  pb-4-desktop pb-4-tablet pb-4-mobile max-width--50\">\n\n    <div class=\"collapsible\">\n                                                   <h3 class=\"collapsible__title\">T\u00edtol desplegable<\/h3>\n                    <div class=\"pt-1\"><p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n                                                    <h3 class=\"collapsible__title\">T\u00edtol desplegable<\/h3>\n                    <div class=\"pt-1\"><p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n                                                    <h3 class=\"collapsible__title\">T\u00edtol desplegable<\/h3>\n                    <div class=\"pt-1\"><p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n                         \n    <\/div>\n    <\/div>\n\n\n\n\n<div class=\"mt-0 pb-2-desktop pb-2-tablet pb-2-mobile\">\n    <hr class=\"ml-0 max-width--70 btso-1-black mt-1 mb-1 \">\n<\/div>\n\n    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h2>Pis destacat<\/h2>    <\/div>\n\n\n\n\n    <div class=\"piscolors \">\n        <div class=\"max-width--70\">\n            <div class=\"has-background-black is-white mt-0 px-6-desktop py-2-desktop px-6-tablet py-4-tablet-only px-4-mobile py-2-mobile  mb-4-desktop mb-2-mobile\" >\n            \n    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h3>T\u00edtol<\/h3>    <\/div>\n\n\n\n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n\n            <\/div>\n        <\/div>\n    <\/div>\n            \n\n\n<div class=\"mt-0 pb-2-desktop pb-2-tablet pb-2-mobile\">\n    <hr class=\"ml-0 max-width--70 btso-1-black mt-1 mb-1 \">\n<\/div>\n\n    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h2>Caixes amb enlla\u00e7<\/h2>    <\/div>\n\n\n\n<div class=\"max-width--60 mb-4  pb-4-desktop pb-4-tablet pb-4-mobile\">\n    <div class=\"wrapper\">\n        <div class=\"columns\">\n            <div class=\"column pl-0\">\n                <ul class=\"cols-list-3 \">\n                                            <li>\n                            <div class=\"box p-0 has-font-weight-bold \">\n                                <div class=\"btso-1-black bbso-1-black py-1\">\n                                    <h3 class=\"mb-1 is-size-4\">Lorem ipsum parola tentation un qui<\/h3>\n                                                                            <p class=\"has-text-weight-normal\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<\/p>\n                                                                                                        <a class=\"button mt-2 no-border black\" href=\"#\">Llegir m\u00e9s<\/a>\n                                                                <\/div>\n                            <\/div>\n                        <\/li>\n                                            <li>\n                            <div class=\"box p-0 has-font-weight-bold \">\n                                <div class=\"btso-1-black bbso-1-black py-1\">\n                                    <h3 class=\"mb-1 is-size-4\">Lorem ipsum parola tentation un qui<\/h3>\n                                                                            <p class=\"has-text-weight-normal\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<\/p>\n                                                                                                        <a class=\"button mt-2 no-border black\" href=\"#\">Llegir m\u00e9s<\/a>\n                                                                <\/div>\n                            <\/div>\n                        <\/li>\n                                            <li>\n                            <div class=\"box p-0 has-font-weight-bold \">\n                                <div class=\"btso-1-black bbso-1-black py-1\">\n                                    <h3 class=\"mb-1 is-size-4\">Lorem ipsum parola tentation un qui<\/h3>\n                                                                            <p class=\"has-text-weight-normal\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<\/p>\n                                                                                                        <a class=\"button mt-2 no-border black\" href=\"#\">Llegir m\u00e9s<\/a>\n                                                                <\/div>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h2>Secci\u00f3<\/h2>    <\/div>\n\n\n\n\n    <div class=\"is-flex-tablet  mb-4-desktop mb-4-tablet mb-2-mobile   seccio\">\n        <div class=\"columns   is-multiline is-variable is-6 max-width--70 is-flex-grow-1  \">\n            \n\n<div class=\"column  \" >\n      \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n\n<div class=\"mt-0 pb-2-desktop pb-2-tablet pb-2-mobile\">\n    <hr class=\"ml-0 max-width--70 btso-1-black mt-1 mb-1 \">\n<\/div>\n\n<div class=\"  pt-2 pb-2 mb-2-mobile botons\">   \n   <a href=\"#\" class=\"button   white\">Text del bot\u00f3<\/a><\/div>\n\n<\/div>\n\n\n\n<div class=\"column  \" >\n      \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n\n<div class=\"mt-0 pb-2-desktop pb-2-tablet pb-2-mobile\">\n    <hr class=\"ml-0 max-width--70 btso-1-black mt-1 mb-1 \">\n<\/div>\n\n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei.<\/p>\n<\/div>\n\n\n<\/div>\n\n\n\n<div class=\"column  \" >\n      \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n\n<div class=\"mt-0 pb-2-desktop pb-2-tablet pb-2-mobile\">\n    <hr class=\"ml-0 max-width--70 btso-1-black mt-1 mb-1 \">\n<\/div>\n\n    <div class=\"max-width--70 mt-4-desktop pb-4-desktop pb-4-tablet pb-2-mobile capcalera  \">\n        <h4>T\u00edtol<\/h4>    <\/div>\n\n\n<\/div>\n\n \n        <\/div>        \n    <\/div>\n\n\n\n\n\n    <div class=\"is-flex-tablet  mb-4-desktop mb-4-tablet mb-2-mobile   seccio\">\n        <div class=\"columns is-desktop  is-multiline is-variable is-6 max-width--90 is-flex-grow-1  \">\n            \n\n<div class=\"column  \" >\n    <div class=\"has-background-black  is-white py-4 px-6 height--100\">\n        \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n    <\/div>\n<\/div>\n\n\n\n<div class=\"column  \" >\n    <div class=\"has-background-primary  is-white py-4 px-6 height--100\">\n        \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n    <\/div>\n<\/div>\n\n\n\n<div class=\"column  \" >\n    <div class=\"has-background-secondary  is-white py-4 px-6 height--100\">\n        \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n    <\/div>\n<\/div>\n\n\n\n<div class=\"column  \" >\n    <div class=\"has-background-terciary  is-black py-4 px-6 height--100\">\n        \n<div class=\"tinymce max-width--60  pb-4-desktop pb-4-tablet pb-2-mobile flow\">\n    <p>Lorem ipsum dolor sit amet, ius perpetua euripidis te, sit ne cotidieque vituperatoribus, oratio euismod iudicabit te mei. Usu cu option repudiare. Aeque solet theophrastus ut eam, et nullam eruditi posidonium qui. Ea pro aliquam electram periculis, et sit liber appetere, et est invidunt referrentur. Pro ne brute utamur commodo.<\/p>\n<\/div>\n\n\n    <\/div>\n<\/div>\n\n \n        <\/div>        \n    <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/pages\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":1,"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/pages\/245\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/fassinabalanya.cat\/ca\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}