{"id":118782,"date":"2022-02-09T16:47:52","date_gmt":"2022-02-09T15:47:52","guid":{"rendered":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/?page_id=118782"},"modified":"2026-03-13T15:17:06","modified_gmt":"2026-03-13T14:17:06","slug":"numberbox","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/numberbox\/","title":{"rendered":"Numberbox"},"content":{"rendered":"<jgu-base-pageheader react-props=\"{\n    &quot;items&quot;: [\n        {\n            &quot;box&quot;: {\n                &quot;index&quot;: &quot;module&quot;,\n                &quot;title&quot;: &quot;Numberbox = number box&quot;,\n                &quot;link&quot;: {\n                    &quot;url&quot;: &quot;&quot;,\n                    &quot;title&quot;: &quot;learn more&quot;\n                }\n            },\n            &quot;color&quot;: &quot;dark&quot;,\n            &quot;image&quot;: {\n                &quot;url&quot;: &quot;https:\\\/\\\/via.placeholder.com\\\/1600x1050&quot;\n            },\n            &quot;imgCredit&quot;: &quot;&quot;,\n            &quot;video&quot;: false\n        }\n    ],\n    &quot;type&quot;: &quot;small&quot;,\n    &quot;align&quot;: &quot;full&quot;,\n    &quot;quicklinks&quot;: {\n        &quot;show&quot;: false,\n        &quot;selects&quot;: []\n    },\n    &quot;useBreadcrumb&quot;: false\n}\">\n<\/jgu-base-pageheader>\n<p class=\"has-big-font-size\">Standard with picture<\/p>\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;isSet&quot;: true,\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-studierende-illu.b41814e6.svg&quot;\n    },\n    &quot;title&quot;: &quot;scientific. Collections&quot;,\n    &quot;subline&quot;: &quot;on campus&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;31&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;isSet&quot;: true,\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-nationen-illu.e35e97bc.svg&quot;\n    },\n    &quot;title&quot;: &quot;Events&quot;,\n    &quot;subline&quot;: &quot;take place annually on the campus&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h4&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h4&quot;\n    },\n    &quot;number&quot;: &quot;1500&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;isSet&quot;: true,\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-studierende-illu.b41814e6.svg&quot;\n    },\n    &quot;title&quot;: &quot;Sports&quot;,\n    &quot;subline&quot;: &quot;offers the General University Sports&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;60&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n<\/div>\n<\/div>\n\n<p class=\"has-big-font-size\">Standard without picture<\/p>\n\n<p class=\"has-big-font-size\"><\/p>\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;isSet&quot;: true,\n        &quot;url&quot;: null,\n        &quot;id&quot;: null\n    },\n    &quot;title&quot;: &quot;scientific. Collections&quot;,\n    &quot;subline&quot;: &quot;on campus&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;31&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;isSet&quot;: true,\n        &quot;url&quot;: null,\n        &quot;id&quot;: null\n    },\n    &quot;title&quot;: &quot;Events&quot;,\n    &quot;subline&quot;: &quot;take place annually on the campus&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h4&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h4&quot;\n    },\n    &quot;number&quot;: &quot;1500&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;isSet&quot;: true,\n        &quot;url&quot;: null,\n        &quot;id&quot;: null\n    },\n    &quot;title&quot;: &quot;Sports&quot;,\n    &quot;subline&quot;: &quot;offers the General University Sports&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;h6&quot;,\n        &quot;tag&quot;: &quot;h2.h6&quot;\n    },\n    &quot;number&quot;: &quot;60&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n<\/div>\n<\/div>\n\n<p class=\"has-big-font-size\">A numberbox slider:<\/p>\n<jgu-base-slider react-props=\"{&quot;template&quot;:&quot;numberbox&quot;,&quot;slidesCount&quot;:3,&quot;responsiveSettings&quot;:{&quot;mobile&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:false,&quot;pagination&quot;:false},&quot;tablet&quot;:{&quot;perPage&quot;:2,&quot;arrows&quot;:true,&quot;pagination&quot;:false},&quot;desktop&quot;:{&quot;perPage&quot;:3,&quot;arrows&quot;:true,&quot;pagination&quot;:false},&quot;desktop-xl&quot;:{&quot;perPage&quot;:4,&quot;arrows&quot;:true,&quot;pagination&quot;:false}},&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;perPage&quot;:4,&quot;scrollDistance&quot;:&quot;screen&quot;}\">\n    \n<jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: null,\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-studierende-illu.b41814e6.svg&quot;\n    },\n    &quot;title&quot;: &quot;Foo&quot;,\n    &quot;subline&quot;: &quot;Bar&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;33000&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n\n\n<jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: null,\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-studierende-illu.b41814e6.svg&quot;\n    },\n    &quot;title&quot;: &quot;Bar&quot;,\n    &quot;subline&quot;: &quot;Baz&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;10231&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n\n\n<jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: null,\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-studierende-illu.b41814e6.svg&quot;\n    },\n    &quot;title&quot;: &quot;Heading&quot;,\n    &quot;subline&quot;: &quot;and additional description&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;23454&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n\n\n<\/jgu-base-slider>\n\n<p class=\"has-big-font-size\">A number box with bolded content before and after the {number} placeholder<\/p>\n<jgu-base-numberbox react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: 242,\n        &quot;url&quot;: null,\n        &quot;awaitId&quot;: 0.5893714035709017\n    },\n    &quot;title&quot;: &quot;Lorem ipsum &lt;strong&gt;dolor&lt;\\\/strong&gt; sit &lt;strong&gt;amet&lt;\\\/strong&gt;...&quot;,\n    &quot;subline&quot;: &quot;and additional &lt;strong&gt;description&lt;\\\/strong&gt;&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;number&quot;: &quot;1123&quot;,\n    &quot;formatString&quot;: &quot;&lt;strong&gt;Insgesamt&lt;\\\/strong&gt; {number} &lt;em&gt;Euro&lt;\\\/em&gt;&quot;,\n    &quot;counting&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;\n}\">\n    \n<\/jgu-base-numberbox>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Standard with picture Standard without picture A numberbox slider: A number box with bolded content before and after the {number} placeholder<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-118782","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"module\",\"title\":\"Numberbox = number box\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"dark\",\"image\":{\"url\":\"https:\/\/via.placeholder.com\/1600x1050\"},\"imgCredit\":\"\",\"video\":false}],\"type\":\"small\"} \/--><!-- wp:paragraph {\"className\":\"has-big-font-size\",\"translatedWithWPMLTM\":\"1\"} -->\n<p class=\"has-big-font-size\">Standard with picture<\/p>\n<!-- \/wp:paragraph --><!-- wp:columns {\"className\":\"alignwide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/numberbox {\"image\":{\"isSet\":true,\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-studierende-illu.b41814e6.svg\"},\"title\":\"scientific. Collections\",\"subline\":\"on campus\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"31\",\"counting\":true} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/numberbox {\"image\":{\"isSet\":true,\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-nationen-illu.e35e97bc.svg\"},\"title\":\"Events\",\"subline\":\"take place annually on the campus\",\"headline\":{\"htmlTag\":\"h4\",\"classTag\":\"\",\"tag\":\"h4\"},\"number\":\"1500\",\"counting\":true} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/numberbox {\"image\":{\"isSet\":true,\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-studierende-illu.b41814e6.svg\"},\"title\":\"Sports\",\"subline\":\"offers the General University Sports\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"60\",\"counting\":true} \/--><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><!-- wp:paragraph {\"className\":\"has-big-font-size\",\"translatedWithWPMLTM\":\"1\"} -->\n<p class=\"has-big-font-size\">Standard without picture<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph --><!-- wp:columns {\"className\":\"alignwide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/numberbox {\"image\":{\"isSet\":true,\"url\":null,\"id\":null},\"title\":\"scientific. Collections\",\"subline\":\"on campus\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"31\",\"counting\":true} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/numberbox {\"image\":{\"isSet\":true,\"url\":null,\"id\":null},\"title\":\"Events\",\"subline\":\"take place annually on the campus\",\"headline\":{\"htmlTag\":\"h4\",\"classTag\":\"\",\"tag\":\"h4\"},\"number\":\"1500\",\"counting\":true} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/numberbox {\"image\":{\"isSet\":true,\"url\":null,\"id\":null},\"title\":\"Sports\",\"subline\":\"offers the General University Sports\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"h6\",\"tag\":\"h2.h6\"},\"number\":\"60\",\"counting\":true} \/--><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><!-- wp:paragraph {\"className\":\"has-big-font-size\",\"translatedWithWPMLTM\":\"1\"} -->\n<p class=\"has-big-font-size\">A numberbox slider:<\/p>\n<!-- \/wp:paragraph --><!-- wp:jgu\/slider {\"template\":\"numberbox\",\"slidesCount\":3,\"responsiveSettings\":{\"mobile\":{\"perPage\":1,\"arrows\":false,\"pagination\":false},\"tablet\":{\"perPage\":2,\"arrows\":true,\"pagination\":false},\"desktop\":{\"perPage\":3,\"arrows\":true,\"pagination\":false},\"desktop-xl\":{\"perPage\":4,\"arrows\":true,\"pagination\":false}}} -->\n<!-- wp:jgu\/numberbox {\"image\":{\"id\":null,\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-studierende-illu.b41814e6.svg\"},\"title\":\"Foo\",\"subline\":\"Bar\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"33000\",\"counting\":true} \/-->\n\n<!-- wp:jgu\/numberbox {\"image\":{\"id\":null,\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-studierende-illu.b41814e6.svg\"},\"title\":\"Bar\",\"subline\":\"Baz\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"10231\",\"counting\":true} \/-->\n\n<!-- wp:jgu\/numberbox {\"image\":{\"id\":null,\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-studierende-illu.b41814e6.svg\"},\"title\":\"Heading\",\"subline\":\"and additional description\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"23454\",\"counting\":true} \/-->\n<!-- \/wp:jgu\/slider --><!-- wp:paragraph {\"translatedWithWPMLTM\":\"1\"} -->\n<p class=\"has-big-font-size\">A number box with bolded content before and after the {number} placeholder<\/p>\n<!-- \/wp:paragraph --><!-- wp:jgu\/numberbox {\"image\":{\"id\":242,\"url\":null,\"awaitId\":0.5893714035709017},\"title\":\"Lorem ipsum \\u003cstrong\\u003edolor\\u003c\/strong\\u003e sit \\u003cstrong\\u003eamet\\u003c\/strong\\u003e...\",\"subline\":\"and additional \\u003cstrong\\u003edescription\\u003c\/strong\\u003e\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"number\":\"1123\",\"formatString\":\"\\u003cstrong\\u003eInsgesamt\\u003c\/strong\\u003e {number} \\u003cem\\u003eEuro\\u003c\/em\\u003e\",\"counting\":true} \/-->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/pages\/118782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/comments?post=118782"}],"version-history":[{"count":4,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/pages\/118782\/revisions"}],"predecessor-version":[{"id":118798,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/pages\/118782\/revisions\/118798"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/media?parent=118782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/categories?post=118782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/en\/wp-json\/wp\/v2\/tags?post=118782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}