{"id":165863,"date":"2020-10-13T16:51:03","date_gmt":"2020-10-13T21:51:03","guid":{"rendered":"https:\/\/dev.new.datacolor.eu\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/"},"modified":"2023-01-30T09:02:32","modified_gmt":"2023-01-30T15:02:32","slug":"colonna-blocco-esempi","status":"publish","type":"page","link":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/","title":{"rendered":"Colonne \/ Schede Blocco pagina ripetitore"},"content":{"rendered":"<section id=\"gutenblock-block_5f86168ea49f8\" class=\"gutenblock gutenblock--oms-columns bg-color-white card_column_style fullwidth_image  num-columns-4\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2 style=\"text-align: center;\">Carte a 4 colonne, collegate<\/h2>\n<p class=\"intro-text\" style=\"text-align: center;\">Curabitur at lacus ac velit ornare lobortis. Vivamus in erat ut urna cursus vestibulum. Ut a nisl id ante tempus hendrerit. Vestibulum suscipit nulla quis orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_image has_text text-white\"><a href=\"https:\/\/google.com\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card__image card__image--fullwidth_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma abbastanza lungo da trasmettere un messaggio solido.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_image has_text text-white\"><a href=\"https:\/\/google.com\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card__image card__image--fullwidth_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma abbastanza lungo da trasmettere un messaggio solido.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_image has_text text-white\"><a href=\"https:\/\/google.com\" target=\"_blank\" class=\"card card--card_column_style\">                                <div class=\"card__image card__image--fullwidth_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link offsite<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_image has_text text-white\"><a href=\"https:\/\/google.com\" target=\"_blank\" class=\"card card--card_column_style\">                                <div class=\"card__image card__image--fullwidth_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link offsite<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_61e1a1d0c2390\" class=\"gutenblock gutenblock--oms-columns bg-color-white card_column_style default_image  num-columns-3\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2 style=\"text-align: center;\">Carte a 3 colonne di solo testo, collegate<\/h2>\n<p class=\"intro-text\" style=\"text-align: center;\">Curabitur at lacus ac velit ornare lobortis. Vivamus in erat ut urna cursus vestibulum. Ut a nisl id ante tempus hendrerit. Vestibulum suscipit nulla quis orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/google.com\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma abbastanza lungo da trasmettere un messaggio solido.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/google.com\" target=\"_blank\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link offsite<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/google.com\" target=\"_blank\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link offsite<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Questa scheda \u00e8 cliccabile<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_62458f3c2f009\" class=\"gutenblock gutenblock--oms-columns bg-color-dark_gray text-light card_column_style default_image  num-columns-3\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2 style=\"text-align: center;\">Carte a 3 colonne di solo testo, non collegate<\/h2>\n<p class=\"intro-text\" style=\"text-align: center;\">Curabitur at lacus ac velit ornare lobortis. Vivamus in erat ut urna cursus vestibulum. Ut a nisl id ante tempus hendrerit. Vestibulum suscipit nulla quis orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_text text-white\"><div class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Questa scheda non \u00e8 cliccabile<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma abbastanza lungo da trasmettere un messaggio solido.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text text-white\"><div class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Questa scheda non \u00e8 cliccabile<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text text-white\"><div class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Questa scheda non \u00e8 cliccabile<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_60ba8adb8f298\" class=\"gutenblock gutenblock--oms-columns bg-color-gray card_column_style fullwidth_image  num-columns-2\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2 style=\"text-align: center;\">Carte a 2 colonne, non collegate<\/h2>\n<p class=\"intro-text\">Le immagini sono impostate a larghezza piena in modo che siano a filo con i bordi delle schede. Il collegamento di una scheda modifica l&#8217;intestazione trovata per prima nel testo della scheda.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_image has_text text-white\"><div class=\"card card--card_column_style\">                                <div class=\"card__image card__image--fullwidth_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3 style=\"text-align: center;\">Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p style=\"text-align: center;\">Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. abbastanza a lungo da trasmettere un messaggio solido e non ovvio.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image has_text text-white\"><div class=\"card card--card_column_style\">                                <div class=\"card__image card__image--fullwidth_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3 style=\"text-align: center;\">Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p style=\"text-align: center;\">Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f86100c18217\" class=\"gutenblock gutenblock--oms-columns bg-color-gray card_column_style default_image  num-columns-4\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h3>Schede a 4 colonne, righe multiple<\/h3>\n<p>Le possibilit\u00e0 sono ampie.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div><div class=\"col-12 l-column has_text text-white\"><a href=\"https:\/\/www.datacolor.com\/faq-page\/\" target=\"\" class=\"card card--card_column_style\">                                <div class=\"card_content\">\n                                    <span class=\"card_content__link\">Titolo del link<\/span>                                    <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/a><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_60ba8aa28f297\" class=\"gutenblock gutenblock--oms-columns bg-color-white default_column_style icon_image  num-columns-3\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2 style=\"text-align: center;\">3 colonne, immagini impostate su icona<\/h2>\n<p class=\"intro-text\">Utilizzando l&#8217;impostazione &#8220;Predefinito&#8221; per le immagini, queste non vengono allungate o ridimensionate, ma mantengono le loro dimensioni naturali e il loro centro.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-team100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. abbastanza a lungo da trasmettere un messaggio solido e non ovvio.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-shop-center100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma sufficientemente lungo<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-decrease-budget100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f861621a49f4\" class=\"gutenblock gutenblock--oms-columns bg-color-white default_column_style icon_image  num-columns-4\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <p class=\"pre-title\">4 colonne Utilizzo di icone, schede, non collegate<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-process100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-lightbulb-sustainability100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-global100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--icon_image\"><img decoding=\"async\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/icon-shop-center100x100.svg\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                                                            <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f9897fc6264e\" class=\"gutenblock gutenblock--oms-columns bg-color-gray default_column_style fullwidth_image  num-columns-4\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2>4 colonne, senza immagini<\/h2>\n<p class=\"intro-text\">Le immagini sono impostate a larghezza piena in modo che siano a filo con i bordi delle schede. Il collegamento di una scheda modifica l&#8217;intestazione trovata per prima nel testo della scheda.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. abbastanza a lungo da trasmettere un messaggio solido e non ovvio.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma sufficientemente lungo<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>H3, esempio di titolo<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f860f1b18216\" class=\"gutenblock gutenblock--oms-columns bg-color-gray default_column_style default_image  num-columns-3\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2>3 colonne, nessuna immagine<\/h2>\n<p class=\"intro-text\">Utilizzando l&#8217;impostazione &#8220;Predefinito&#8221; per le immagini, queste non vengono allungate o ridimensionate, ma mantengono le loro dimensioni naturali e il loro centro.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato. abbastanza a lungo da trasmettere un messaggio solido e non ovvio.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafo di testo abbastanza breve da essere letto ma sufficientemente lungo<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_text\"><div class=\"card card--default_column_style\">                                <div class=\"card_content\">\n                                                                        <div class=\"card_content__text\">\n                                        <h3>Esempio di titolo dell&#8217;intestazione 3<\/h3>\n<p>Paragrafi abbastanza brevi da essere letti, ma abbastanza lunghi da trasmettere un messaggio solido e non scontato.<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f9787a43b711\" class=\"gutenblock gutenblock--oms-columns bg-color-white default_column_style default_image  num-columns-4\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2>4 colonne di sole immagini<\/h2>\n<p>Questa configurazione \u00e8 ottima per i loghi. Le colonne possono variare da 2 a 6.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                \n                    <div class=\"row l-column__row\">\n\n                        <div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img decoding=\"async\" width=\"243\" height=\"105\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-bousseau-black-1.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-bousseau-black-1.png 243w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-bousseau-black-1-100x43.png 100w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-bousseau-black-1-150x65.png 150w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img decoding=\"async\" width=\"150\" height=\"85\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/testimonial-vonzipper-1.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/testimonial-vonzipper-1.png 150w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/testimonial-vonzipper-1-100x57.png 100w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"100\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/150x100.webp\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/150x100.webp 150w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/150x100-100x67.webp 100w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img loading=\"lazy\" decoding=\"async\" width=\"190\" height=\"114\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-ace-d7172f.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-ace-d7172f.png 190w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-ace-d7172f-100x60.png 100w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/logo-ace-d7172f-150x90.png 150w\" sizes=\"(max-width: 190px) 100vw, 190px\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"100\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/150x100.webp\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/150x100.webp 150w, https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/150x100-100x67.webp 100w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div><div class=\"col-12 l-column has_image\"><div class=\"card card--default_column_style\">                                <div class=\"card__image card__image--default_image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"232\" src=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/500x300-500x232.webp\" class=\"attachment-card size-card\" alt=\"\" \/><\/div>\n                            <\/div><\/div>                    <\/div>\n                \n                \n    <div class=\"gutenblock-footer\">\n        <div class=\"row footer_row justify-content-center\">\n            <div class=\"footer_column\">\n                <p><strong>Questo blocco supporta anche il pi\u00e8 di pagina<\/strong><\/p>\n<p><a class=\"btn-primary\" href=\"#\">Pulsante qui<\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":139069,"menu_order":36,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"Yoast SEO Relevanssi index exclude","footnotes":""},"class_list":["post-165863","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Colonne \/ Schede Blocco pagina ripetitore | Datacolor<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colonne \/ Schede Blocco pagina ripetitore | Datacolor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/\" \/>\n<meta property=\"og:site_name\" content=\"Datacolor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/DatacolorCorporate\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T15:02:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Colonne \/ Schede Blocco pagina ripetitore | Datacolor","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"it_IT","og_type":"article","og_title":"Colonne \/ Schede Blocco pagina ripetitore | Datacolor","og_url":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/","og_site_name":"Datacolor","article_publisher":"https:\/\/facebook.com\/DatacolorCorporate","article_modified_time":"2023-01-30T15:02:32+00:00","og_image":[{"width":800,"height":700,"url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/","url":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/","name":"Colonne \/ Schede Blocco pagina ripetitore | Datacolor","isPartOf":{"@id":"https:\/\/www.datacolor.com\/it\/#website"},"datePublished":"2020-10-13T21:51:03+00:00","dateModified":"2023-01-30T15:02:32+00:00","breadcrumb":{"@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/colonna-blocco-esempi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"How To &#8211; IT","item":"https:\/\/www.datacolor.com\/it\/come-fare\/"},{"@type":"ListItem","position":2,"name":"Biblioteca a blocchi di pagina"}]},{"@type":"WebSite","@id":"https:\/\/www.datacolor.com\/it\/#website","url":"https:\/\/www.datacolor.com\/it\/","name":"Datacolor","description":"Color Management Solutions","publisher":{"@id":"https:\/\/www.datacolor.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.datacolor.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.datacolor.com\/it\/#organization","name":"Datacolor","url":"https:\/\/www.datacolor.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","contentUrl":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","width":259,"height":45,"caption":"Datacolor"},"image":{"@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/DatacolorCorporate","https:\/\/linkedin.com\/company\/datacolor","https:\/\/www.youtube.com\/user\/DatacolorIndustrial"]}]}},"_links":{"self":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/comments?post=165863"}],"version-history":[{"count":1,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165863\/revisions"}],"predecessor-version":[{"id":165867,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165863\/revisions\/165867"}],"up":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/139069"}],"wp:attachment":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/media?parent=165863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}