Exported content

site_uuid: 9f1b47cb-cc31-4024-881a-a2cb31cb1573 uuid: 0dd90521-53cd-4f4d-9a09-eb2412fb5da3 entity_type: node bundle: page base_fields: title: 'Teller css en jv met load viewport' status: false langcode: nl created: '1743606877' author: info@fullmoon.nl url: /voorbeelden-editie-bewaren/teller-css-en-jv-met-load-viewport revision_log_message: null revision_uid: '309' custom_fields: body: null field_achtergrond_kleur: null field_background_image_position: - value: fixed field_background_media_page: null field_background_position_x: - value: center field_background_position_y: - value: top field_background_repeat: - value: no-repeat field_background_size: - value: '100% auto' field_background_video: null field_background_video_media: null field_background_zoom: - value: '0' field_background_zoom_scroll: - value: '0' field_bgimg2: null field_custom_font: null field_display_title: - value: 'Teller css en jv met load viewport' field_editie_cover: null field_korte_beschrijving: null field_meta_description: null field_mobile_background_size: - value: 'auto 100%' field_mobile_bg_position_x: - value: center field_mobile_bg_position_y: - value: top field_overlay: - value: '0' field_pagina_thumb: null field_pop_up: - value: '0' field_subtitel: - value: 'Tellertje met css en javascript' field_template: - value: '0' field_template_tags: null layout_builder__layout: sections: TzoyOToiRHJ1cGFsXGxheW91dF9idWlsZGVyXFNlY3Rpb24iOjQ6e3M6MTE6IgAqAGxheW91dElkIjtzOjEwOiJtYWd6XzFfa29sIjtzOjE3OiIAKgBsYXlvdXRTZXR0aW5ncyI7YToyMTp7czo1OiJsYWJlbCI7czoxNjoiYmFja2dyb3VuZCB2aWRlbyI7czo3OiJtYWd6X2lkIjtzOjA6IiI7czoxMToiY3NzX2NsYXNzZXMiO3M6MDoiIjtzOjEwOiJicmVha3BvaW50IjtzOjM6Ijc2OCI7czo3OiJjbGFzc18xIjtzOjA6IiI7czo4OiJiZ19jb2xvciI7czowOiIiO3M6MTQ6ImJnX2NvbG9yX2tvbF8xIjtzOjA6IiI7czo2OiJiZ19pbWciO2E6MDp7fXM6MjA6ImJnX2ltZ19tZWRpYV9saWJyYXJ5IjtzOjA6IiI7czoxMzoiYmdfaW1nX3JlcGVhdCI7czowOiIiO3M6MTM6ImJnX2ltZ19nZWRyYWciO3M6MDoiIjtzOjE0OiJiZ19pbWdfcG9zaXRpZSI7czoxMDoiY2VudGVyIHRvcCI7czoxMToiYmdfaW1nX3NpemUiO3M6OToiMTAwJSBhdXRvIjtzOjEyOiJib3JkZXJfd2lkdGgiO3M6MzoiMHB4IjtzOjEyOiJib3JkZXJfc3R5bGUiO3M6NDoibm9uZSI7czoxMjoiYm9yZGVyX2NvbG9yIjtzOjA6IiI7czoxMDoibWFyZ2luX3RvcCI7czowOiIiO3M6MTM6Im1hcmdpbl9ib3R0b20iO3M6MDoiIjtzOjE0OiJzdHlsZV90ZXh0X2NzcyI7czowOiIiO3M6MTU6ImNvbnRleHRfbWFwcGluZyI7YTowOnt9czoxMDoic2V0X2JvcmRlciI7YjowO31zOjEzOiIAKgBjb21wb25lbnRzIjthOjE6e3M6MzY6ImRiOGRjZWQyLTMwM2UtNDg0Yy1iYTY4LTNlZGFkNTlkODZkMCI7TzozODoiRHJ1cGFsXGxheW91dF9idWlsZGVyXFNlY3Rpb25Db21wb25lbnQiOjU6e3M6NzoiACoAdXVpZCI7czozNjoiZGI4ZGNlZDItMzAzZS00ODRjLWJhNjgtM2VkYWQ1OWQ4NmQwIjtzOjk6IgAqAHJlZ2lvbiI7czo0OiJtYWluIjtzOjE2OiIAKgBjb25maWd1cmF0aW9uIjthOjY6e3M6MjoiaWQiO3M6NDQ6ImZpZWxkX2Jsb2NrOm5vZGU6cGFnZTpmaWVsZF9iYWNrZ3JvdW5kX3ZpZGVvIjtzOjU6ImxhYmVsIjtzOjE2OiJCYWNrZ3JvdW5kIHZpZGVvIjtzOjEzOiJsYWJlbF9kaXNwbGF5IjtzOjE6IjAiO3M6ODoicHJvdmlkZXIiO3M6MTQ6ImxheW91dF9idWlsZGVyIjtzOjE1OiJjb250ZXh0X21hcHBpbmciO2E6Mjp7czo2OiJlbnRpdHkiO3M6MjE6ImxheW91dF9idWlsZGVyLmVudGl0eSI7czo5OiJ2aWV3X21vZGUiO3M6OToidmlld19tb2RlIjt9czo5OiJmb3JtYXR0ZXIiO2E6NDp7czo0OiJ0eXBlIjtzOjE0OiJmaWxlX3VybF9wbGFpbiI7czo1OiJsYWJlbCI7czo2OiJoaWRkZW4iO3M6ODoic2V0dGluZ3MiO2E6MDp7fXM6MjA6InRoaXJkX3BhcnR5X3NldHRpbmdzIjthOjI6e3M6MjE6ImZpZWxkX2Zvcm1hdHRlcl9jbGFzcyI7YToxOntzOjU6ImNsYXNzIjtzOjA6IiI7fXM6MTI6ImxpbmtlZF9maWVsZCI7YTo1OntzOjY6ImxpbmtlZCI7aTowO3M6NDoidHlwZSI7czo1OiJmaWVsZCI7czoxMToiZGVzdGluYXRpb24iO2E6Mjp7czo1OiJmaWVsZCI7czowOiIiO3M6NjoiY3VzdG9tIjtzOjA6IiI7fXM6ODoiYWR2YW5jZWQiO2E6NTp7czo1OiJ0aXRsZSI7czowOiIiO3M6NjoidGFyZ2V0IjtzOjA6IiI7czo1OiJjbGFzcyI7czowOiIiO3M6MzoicmVsIjtzOjA6IiI7czo0OiJ0ZXh0IjtzOjA6IiI7fXM6NToidG9rZW4iO3M6MDoiIjt9fX19czo5OiIAKgB3ZWlnaHQiO2k6MDtzOjEzOiIAKgBhZGRpdGlvbmFsIjthOjA6e319fXM6MjE6IgAqAHRoaXJkUGFydHlTZXR0aW5ncyI7YTowOnt9fXxPOjI5OiJEcnVwYWxcbGF5b3V0X2J1aWxkZXJcU2VjdGlvbiI6NDp7czoxMToiACoAbGF5b3V0SWQiO3M6MTA6Im1hZ3pfM19rb2wiO3M6MTc6IgAqAGxheW91dFNldHRpbmdzIjthOjI4OntzOjU6ImxhYmVsIjtzOjA6IiI7czo3OiJtYWd6X2lkIjtzOjA6IiI7czoxMToiY3NzX2NsYXNzZXMiO3M6MDoiIjtzOjEwOiJicmVha3BvaW50IjtzOjM6Ijc2OCI7czo3OiJjbGFzc18xIjtzOjk6ImNvbC03NjgtMyI7czo3OiJjbGFzc18yIjtzOjk6ImNvbC03NjgtNiI7czo3OiJjbGFzc18zIjtzOjk6ImNvbC03NjgtMyI7czoxMToiY29sX3dpZHRoXzEiO3M6MToiMyI7czoxMToiY29sX3dpZHRoXzIiO3M6MToiNiI7czoxMToiY29sX3dpZHRoXzMiO3M6MToiMyI7czo4OiJiZ19jb2xvciI7czowOiIiO3M6MTQ6ImJnX2NvbG9yX2tvbF8xIjtzOjA6IiI7czoxNDoiYmdfY29sb3Jfa29sXzIiO3M6MDoiIjtzOjE0OiJiZ19jb2xvcl9rb2xfMyI7czowOiIiO3M6NjoiYmdfaW1nIjthOjA6e31zOjIwOiJiZ19pbWdfbWVkaWFfbGlicmFyeSI7TjtzOjEzOiJiZ19pbWdfcmVwZWF0IjtzOjA6IiI7czoxMzoiYmdfaW1nX2dlZHJhZyI7czowOiIiO3M6MTQ6ImJnX2ltZ19wb3NpdGllIjtzOjEwOiJjZW50ZXIgdG9wIjtzOjExOiJiZ19pbWdfc2l6ZSI7czo5OiIxMDAlIGF1dG8iO3M6MTI6ImJvcmRlcl93aWR0aCI7czozOiIwcHgiO3M6MTI6ImJvcmRlcl9zdHlsZSI7czo0OiJub25lIjtzOjEyOiJib3JkZXJfY29sb3IiO3M6MDoiIjtzOjEwOiJtYXJnaW5fdG9wIjtzOjA6IiI7czoxMzoibWFyZ2luX2JvdHRvbSI7czowOiIiO3M6MTQ6InN0eWxlX3RleHRfY3NzIjtzOjA6IiI7czoxMDoic2V0X2JvcmRlciI7YjowO3M6MTU6ImNvbnRleHRfbWFwcGluZyI7YTowOnt9fXM6MTM6IgAqAGNvbXBvbmVudHMiO2E6Mzp7czozNjoiNTBjM2Q0MTctMmUwYS00NWEwLTgyNGEtYzI1YTc5ZDVkM2EyIjtPOjM4OiJEcnVwYWxcbGF5b3V0X2J1aWxkZXJcU2VjdGlvbkNvbXBvbmVudCI6NTp7czo3OiIAKgB1dWlkIjtzOjM2OiI1MGMzZDQxNy0yZTBhLTQ1YTAtODI0YS1jMjVhNzlkNWQzYTIiO3M6OToiACoAcmVnaW9uIjtzOjM6Im1pZCI7czoxNjoiACoAY29uZmlndXJhdGlvbiI7YTo4OntzOjI6ImlkIjtzOjIyOiJpbmxpbmVfYmxvY2s6dGVrc3RibG9rIjtzOjU6ImxhYmVsIjtzOjk6IlRla3N0YmxvayI7czoxMzoibGFiZWxfZGlzcGxheSI7czowOiIiO3M6ODoicHJvdmlkZXIiO3M6MTQ6ImxheW91dF9idWlsZGVyIjtzOjk6InZpZXdfbW9kZSI7czo0OiJmdWxsIjtzOjE3OiJibG9ja19yZXZpc2lvbl9pZCI7czo1OiIyMjk1MCI7czoxNjoiYmxvY2tfc2VyaWFsaXplZCI7TjtzOjE1OiJjb250ZXh0X21hcHBpbmciO2E6MDp7fX1zOjk6IgAqAHdlaWdodCI7aTowO3M6MTM6IgAqAGFkZGl0aW9uYWwiO2E6MDp7fX1zOjM2OiJhMmRjZTcyYy05OTljLTQ0NjEtOTc1Yy0zYzQ1ZWE1ODYyYWYiO086Mzg6IkRydXBhbFxsYXlvdXRfYnVpbGRlclxTZWN0aW9uQ29tcG9uZW50Ijo1OntzOjc6IgAqAHV1aWQiO3M6MzY6ImEyZGNlNzJjLTk5OWMtNDQ2MS05NzVjLTNjNDVlYTU4NjJhZiI7czo5OiIAKgByZWdpb24iO3M6MzoibWlkIjtzOjE2OiIAKgBjb25maWd1cmF0aW9uIjthOjg6e3M6MjoiaWQiO3M6MjI6ImlubGluZV9ibG9jazp0ZWtzdGJsb2siO3M6NToibGFiZWwiO3M6OToiVGVrc3RibG9rIjtzOjEzOiJsYWJlbF9kaXNwbGF5IjtzOjA6IiI7czo4OiJwcm92aWRlciI7czoxNDoibGF5b3V0X2J1aWxkZXIiO3M6OToidmlld19tb2RlIjtzOjQ6ImZ1bGwiO3M6MTc6ImJsb2NrX3JldmlzaW9uX2lkIjtzOjU6IjIyOTU5IjtzOjE2OiJibG9ja19zZXJpYWxpemVkIjtOO3M6MTU6ImNvbnRleHRfbWFwcGluZyI7YTowOnt9fXM6OToiACoAd2VpZ2h0IjtpOjE7czoxMzoiACoAYWRkaXRpb25hbCI7YTowOnt9fXM6MzY6ImI3MWQ1MzA0LTg5NzUtNGNmYi1hNGU5LTI5Mjk0NzY3NDA3MyI7TzozODoiRHJ1cGFsXGxheW91dF9idWlsZGVyXFNlY3Rpb25Db21wb25lbnQiOjU6e3M6NzoiACoAdXVpZCI7czozNjoiYjcxZDUzMDQtODk3NS00Y2ZiLWE0ZTktMjkyOTQ3Njc0MDczIjtzOjk6IgAqAHJlZ2lvbiI7czozOiJtaWQiO3M6MTY6IgAqAGNvbmZpZ3VyYXRpb24iO2E6ODp7czoyOiJpZCI7czoyMjoiaW5saW5lX2Jsb2NrOnRla3N0YmxvayI7czo1OiJsYWJlbCI7czo1OiJUZWtzdCI7czoxMzoibGFiZWxfZGlzcGxheSI7czowOiIiO3M6ODoicHJvdmlkZXIiO3M6MTQ6ImxheW91dF9idWlsZGVyIjtzOjk6InZpZXdfbW9kZSI7czo0OiJmdWxsIjtzOjE3OiJibG9ja19yZXZpc2lvbl9pZCI7czo1OiIyMjkzMiI7czoxNjoiYmxvY2tfc2VyaWFsaXplZCI7TjtzOjE1OiJjb250ZXh0X21hcHBpbmciO2E6MDp7fX1zOjk6IgAqAHdlaWdodCI7aToyO3M6MTM6IgAqAGFkZGl0aW9uYWwiO2E6MDp7fX19czoyMToiACoAdGhpcmRQYXJ0eVNldHRpbmdzIjthOjA6e319fE86Mjk6IkRydXBhbFxsYXlvdXRfYnVpbGRlclxTZWN0aW9uIjo0OntzOjExOiIAKgBsYXlvdXRJZCI7czoxMDoibWFnel8zX2tvbCI7czoxNzoiACoAbGF5b3V0U2V0dGluZ3MiO2E6Mjg6e3M6NToibGFiZWwiO3M6MDoiIjtzOjc6Im1hZ3pfaWQiO3M6MDoiIjtzOjExOiJjc3NfY2xhc3NlcyI7czowOiIiO3M6MTA6ImJyZWFrcG9pbnQiO3M6MzoiNzY4IjtzOjc6ImNsYXNzXzEiO3M6OToiY29sLTc2OC00IjtzOjc6ImNsYXNzXzIiO3M6OToiY29sLTc2OC00IjtzOjc6ImNsYXNzXzMiO3M6OToiY29sLTc2OC00IjtzOjExOiJjb2xfd2lkdGhfMSI7czoxOiI0IjtzOjExOiJjb2xfd2lkdGhfMiI7czoxOiI0IjtzOjExOiJjb2xfd2lkdGhfMyI7czoxOiI0IjtzOjg6ImJnX2NvbG9yIjtzOjY6ImVlZWVlZSI7czoxNDoiYmdfY29sb3Jfa29sXzEiO3M6MDoiIjtzOjE0OiJiZ19jb2xvcl9rb2xfMiI7czowOiIiO3M6MTQ6ImJnX2NvbG9yX2tvbF8zIjtzOjA6IiI7czo2OiJiZ19pbWciO2E6MDp7fXM6MjA6ImJnX2ltZ19tZWRpYV9saWJyYXJ5IjtOO3M6MTM6ImJnX2ltZ19yZXBlYXQiO3M6MDoiIjtzOjEzOiJiZ19pbWdfZ2VkcmFnIjtzOjA6IiI7czoxNDoiYmdfaW1nX3Bvc2l0aWUiO3M6MTA6ImNlbnRlciB0b3AiO3M6MTE6ImJnX2ltZ19zaXplIjtzOjk6IjEwMCUgYXV0byI7czoxMjoiYm9yZGVyX3dpZHRoIjtzOjM6IjBweCI7czoxMjoiYm9yZGVyX3N0eWxlIjtzOjQ6Im5vbmUiO3M6MTI6ImJvcmRlcl9jb2xvciI7czowOiIiO3M6MTA6Im1hcmdpbl90b3AiO3M6MDoiIjtzOjEzOiJtYXJnaW5fYm90dG9tIjtzOjA6IiI7czoxNDoic3R5bGVfdGV4dF9jc3MiO3M6MDoiIjtzOjEwOiJzZXRfYm9yZGVyIjtiOjA7czoxNToiY29udGV4dF9tYXBwaW5nIjthOjA6e319czoxMzoiACoAY29tcG9uZW50cyI7YTowOnt9czoyMToiACoAdGhpcmRQYXJ0eVNldHRpbmdzIjthOjA6e319 blocks: - uuid: ebbae88b-caa1-4896-b015-06787af022d5 entity_type: block_content bundle: tekstblok base_fields: info: Tekstblok reusable: false langcode: nl block_revision_id: '22950' enforce_new_revision: true custom_fields: body: - value: "<h1><span class=\"turquoise\">Teller 3 javascript - teller in viewport. Kan maar met 1 teller</span></h1>\r\n\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin finibus commodo mollis. Proin varius feugiat libero sit amet malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed eleifend, dolor ut euismod varius, est felis lobortis sem, a lacinia risus justo vitae risus. Curabitur urna eros, tristique quis mollis nec, congue cursus sem. Vivamus auctor tincidunt maximus. Praesent dignissim augue sed libero interdum, cursus dignissim quam tempor. Fusce laoreet eros ex, id molestie orci pharetra non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut mauris rhoncus, tempus justo quis, consequat sem. Fusce condimentum cursus dolor sed sagittis. Quisque quis sem lectus. Duis placerat sed sapien ut sagittis.</p>\r\n\r\n<p>Nullam finibus diam nec justo interdum, eget gravida turpis laoreet. Donec non rutrum nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris quis magna ante. Vivamus molestie tristique pulvinar. Nulla lobortis justo ut justo cursus rutrum. Donec sit amet suscipit tellus.</p>\r\n\r\n<p>Fusce varius vehicula nisl ac vehicula. Aliquam a laoreet lectus. Mauris sed mattis mi. Suspendisse in ex blandit, sagittis orci et, imperdiet nunc. Quisque mollis commodo arcu, quis dignissim massa. Donec sollicitudin ornare neque ac tincidunt. Proin sit amet ullamcorper risus, sit amet gravida arcu. Vivamus interdum odio at ante auctor, ut lacinia ante mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam tristique aliquet auctor. Pellentesque eget congue ante. Duis risus massa, malesuada non suscipit id, dignissim sed arcu. Fusce mauris orci, tincidunt quis convallis vel, commodo feugiat leo. Morbi consectetur, est id posuere consectetur, ex tellus malesuada augue, a imperdiet purus orci nec orci.</p>\r\n\r\n<p>Pellentesque pellentesque est eu purus semper tincidunt. Aliquam placerat posuere nisi, a viverra lorem blandit et. Vivamus sagittis ultricies pulvinar. Duis interdum efficitur erat eget sollicitudin. Fusce purus nunc, sodales eget facilisis nec, aliquam id leo. Quisque ac massa in erat accumsan elementum laoreet sodales est. Fusce mollis a magna et hendrerit.</p>\r\n\r\n<p>Duis sagittis lobortis ipsum sed rhoncus. Donec mattis lacus eu mauris commodo dignissim. Integer dapibus urna eget diam tempor, vitae fringilla dolor molestie. Nunc nisi tortor, consectetur quis dapibus porta, placerat nec magna. Donec in porttitor mauris, vitae volutpat augue. Curabitur et magna at ante vehicula euismod vel ac lorem. Nam elit arcu, mattis eu faucibus in, rutrum sed risus. Donec tincidunt sodales laoreet. Praesent luctus id orci vitae mattis. Aenean sollicitudin commodo nulla at lobortis. Curabitur blandit ligula non lectus mattis porttitor. Nullam at lorem et orci feugiat efficitur non et nisi. Fusce ornare placerat tellus in gravida. Nulla suscipit bibendum velit vitae placerat.</p>\r\n\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin finibus commodo mollis. Proin varius feugiat libero sit amet malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed eleifend, dolor ut euismod varius, est felis lobortis sem, a lacinia risus justo vitae risus. Curabitur urna eros, tristique quis mollis nec, congue cursus sem. Vivamus auctor tincidunt maximus. Praesent dignissim augue sed libero interdum, cursus dignissim quam tempor. Fusce laoreet eros ex, id molestie orci pharetra non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut mauris rhoncus, tempus justo quis, consequat sem. Fusce condimentum cursus dolor sed sagittis. Quisque quis sem lectus. Duis placerat sed sapien ut sagittis.</p>\r\n\r\n<p>Nullam finibus diam nec justo interdum, eget gravida turpis laoreet. Donec non rutrum nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris quis magna ante. Vivamus molestie tristique pulvinar. Nulla lobortis justo ut justo cursus rutrum. Donec sit amet suscipit tellus.</p>\r\n\r\n<p>Fusce varius vehicula nisl ac vehicula. Aliquam a laoreet lectus. Mauris sed mattis mi. Suspendisse in ex blandit, sagittis orci et, imperdiet nunc. Quisque mollis commodo arcu, quis dignissim massa. Donec sollicitudin ornare neque ac tincidunt. Proin sit amet ullamcorper risus, sit amet gravida arcu. Vivamus interdum odio at ante auctor, ut lacinia ante mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam tristique aliquet auctor. Pellentesque eget congue ante. Duis risus massa, malesuada non suscipit id, dignissim sed arcu. Fusce mauris orci, tincidunt quis convallis vel, commodo feugiat leo. Morbi consectetur, est id posuere consectetur, ex tellus malesuada augue, a imperdiet purus orci nec orci.</p>\r\n\r\n<p>Pellentesque pellentesque est eu purus semper tincidunt. Aliquam placerat posuere nisi, a viverra lorem blandit et. Vivamus sagittis ultricies pulvinar. Duis interdum efficitur erat eget sollicitudin. Fusce purus nunc, sodales eget facilisis nec, aliquam id leo. Quisque ac massa in erat accumsan elementum laoreet sodales est. Fusce mollis a magna et hendrerit.</p>\r\n\r\n<p>Duis sagittis lobortis ipsum sed rhoncus. Donec mattis lacus eu mauris commodo dignissim. Integer dapibus urna eget diam tempor, vitae fringilla dolor molestie. Nunc nisi tortor, consectetur quis dapibus porta, placerat nec magna. Donec in porttitor mauris, vitae volutpat augue. Curabitur et magna at ante vehicula euismod vel ac lorem. Nam elit arcu, mattis eu faucibus in, rutrum sed risus. Donec tincidunt sodales laoreet. Praesent luctus id orci vitae mattis. Aenean sollicitudin commodo nulla at lobortis. Curabitur blandit ligula non lectus mattis porttitor. Nullam at lorem et orci feugiat efficitur non et nisi. Fusce ornare placerat tellus in gravida. Nulla suscipit bibendum velit vitae placerat.</p>\r\n" summary: '' format: basic_html field_a: null field_achtergrond_kleur: null field_achtergrond_repeat: - value: no-repeat field_achtergrond_richting: - value: horizontal field_achtergrond_snelheid: null field_animatie3: null field_animatie_duur: null field_animatie_uit: null field_animatie_uit_delay: null field_animatie_uit_duur: null field_anker_positie: null field_background_media_library: null field_background_position: - value: 'center top' field_background_size: - value: '100% auto' field_block_opacity: - value: '1.0' field_borderradius_linksboven: null field_borderradius_linksonder: null field_borderradius_rechtsboven: null field_borderradius_rechtsonder: null field_border_dikte: null field_border_kleur: null field_border_radius: null field_border_style: null field_breedte: null field_class_blok_: null field_css: null field_hoogte: null field_image_media_library: null field_interne_link: null field_kolomhoogte_uitvullen_: - value: '0' field_link_target: null field_link_titel: null field_margin_all: null field_margin_boven: null field_margin_links: - value: auto field_margin_onder: null field_margin_rechts: - value: auto field_max_width: null field_min_width_op_mobile: null field_mobile_15px_: - value: '1' field_nt_background_image: null field_nt_padding_all: null field_nt_padding_bottom: null field_nt_padding_left: null field_nt_padding_right: null field_nt_padding_top: null field_overlay_trigger_button: null field_overlay_trigger_title: null field_parallax_richting: - value: horizontal field_parallax_snelheid: null field_responsive_width: null field_tekstkleur2: null field_tekst_uitlijnen: - value: left field_width_bottom: null field_width_left: null field_width_right: null field_width_top: null - uuid: 42110477-b985-4fa1-b651-8f852aa7b113 entity_type: block_content bundle: tekstblok base_fields: info: Tekstblok reusable: false langcode: nl block_revision_id: '22959' enforce_new_revision: true custom_fields: body: - value: "<h2><span class=\"turquoise\">Teller 3</span></h2>\r\n\r\n\r\n <div class=\"number\">0</div>\r\n <div class=\"label\">followers</div>\r\n\r\n\r\n<script>\r\n\r\nconst config = {\r\n amount: 58,\r\n increment: 1,\r\n counterSpeed: 30\r\n};\r\n\r\nlet counter = document.querySelector(\".counter-container .number\");\r\nlet i = 0;\r\nlet interval;\r\n\r\nfunction startCounter() {\r\n if (interval) return; // Voorkomt dat de teller meerdere keren start\r\n interval = setInterval(() => {\r\n if (i < config.amount) {\r\n i += config.increment;\r\n counter.innerText = i;\r\n } else {\r\n counter.innerText = config.amount;\r\n clearInterval(interval);\r\n }\r\n }, config.counterSpeed);\r\n}\r\n\r\nconst observer = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n startCounter();\r\n observer.unobserve(counter); // Stop observer zodra de teller begint\r\n }\r\n });\r\n}, { threshold: 0.5 }); // Start wanneer 50% van het element zichtbaar is\r\n\r\nobserver.observe(counter);\r\n\r\n\r\n</script>" summary: '' format: php field_a: null field_achtergrond_kleur: null field_achtergrond_repeat: - value: no-repeat field_achtergrond_richting: - value: horizontal field_achtergrond_snelheid: null field_animatie3: null field_animatie_duur: null field_animatie_uit: null field_animatie_uit_delay: null field_animatie_uit_duur: null field_anker_positie: null field_background_media_library: null field_background_position: - value: 'center top' field_background_size: - value: '100% auto' field_block_opacity: - value: '1.0' field_borderradius_linksboven: null field_borderradius_linksonder: null field_borderradius_rechtsboven: null field_borderradius_rechtsonder: null field_border_dikte: null field_border_kleur: null field_border_radius: null field_border_style: null field_breedte: null field_class_blok_: - value: counter-container field_css: - value: ".counter-container .number{\r\n font-size: 100px;\r\n}\r\n\r\n.counter-container .label{\r\n font-size: 18px;\r\n margin-top: -30px;\r\n}" field_hoogte: null field_image_media_library: null field_interne_link: null field_kolomhoogte_uitvullen_: - value: '0' field_link_target: null field_link_titel: null field_margin_all: null field_margin_boven: null field_margin_links: - value: auto field_margin_onder: null field_margin_rechts: - value: auto field_max_width: null field_min_width_op_mobile: null field_mobile_15px_: - value: '1' field_nt_background_image: null field_nt_padding_all: null field_nt_padding_bottom: null field_nt_padding_left: null field_nt_padding_right: null field_nt_padding_top: null field_overlay_trigger_button: null field_overlay_trigger_title: null field_parallax_richting: - value: horizontal field_parallax_snelheid: null field_responsive_width: null field_tekstkleur2: null field_tekst_uitlijnen: - value: center field_width_bottom: null field_width_left: null field_width_right: null field_width_top: null - uuid: 36cde0b8-6bdc-4676-a119-8ff0f011ae3e entity_type: block_content bundle: tekstblok base_fields: info: Tekst reusable: false langcode: nl block_revision_id: '22932' enforce_new_revision: true custom_fields: body: - value: "<h2><span class=\"turquoise\">Teller 3 javascript - tellen alleen in viewport</span></h2>\r\n\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin finibus commodo mollis. Proin varius feugiat libero sit amet malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed eleifend, dolor ut euismod varius, est felis lobortis sem, a lacinia risus justo vitae risus. Curabitur urna eros, tristique quis mollis nec, congue cursus sem. Vivamus auctor tincidunt maximus. Praesent dignissim augue sed libero interdum, cursus dignissim quam tempor. Fusce laoreet eros ex, id molestie orci pharetra non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut mauris rhoncus, tempus justo quis, consequat sem. Fusce condimentum cursus dolor sed sagittis. Quisque quis sem lectus. Duis placerat sed sapien ut sagittis.</p>\r\n\r\n<p>Nullam finibus diam nec justo interdum, eget gravida turpis laoreet. Donec non rutrum nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris quis magna ante. Vivamus molestie tristique pulvinar. Nulla lobortis justo ut justo cursus rutrum. Donec sit amet suscipit tellus.</p>\r\n\r\n<p>Fusce varius vehicula nisl ac vehicula. Aliquam a laoreet lectus. Mauris sed mattis mi. Suspendisse in ex blandit, sagittis orci et, imperdiet nunc. Quisque mollis commodo arcu, quis dignissim massa. Donec sollicitudin ornare neque ac tincidunt. Proin sit amet ullamcorper risus, sit amet gravida arcu. Vivamus interdum odio at ante auctor, ut lacinia ante mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam tristique aliquet auctor. Pellentesque eget congue ante. Duis risus massa, malesuada non suscipit id, dignissim sed arcu. Fusce mauris orci, tincidunt quis convallis vel, commodo feugiat leo. Morbi consectetur, est id posuere consectetur, ex tellus malesuada augue, a imperdiet purus orci nec orci.</p>\r\n\r\n<p>Pellentesque pellentesque est eu purus semper tincidunt. Aliquam placerat posuere nisi, a viverra lorem blandit et. Vivamus sagittis ultricies pulvinar. Duis interdum efficitur erat eget sollicitudin. Fusce purus nunc, sodales eget facilisis nec, aliquam id leo. Quisque ac massa in erat accumsan elementum laoreet sodales est. Fusce mollis a magna et hendrerit.</p>\r\n\r\n<p>Duis sagittis lobortis ipsum sed rhoncus. Donec mattis lacus eu mauris commodo dignissim. Integer dapibus urna eget diam tempor, vitae fringilla dolor molestie. Nunc nisi tortor, consectetur quis dapibus porta, placerat nec magna. Donec in porttitor mauris, vitae volutpat augue. Curabitur et magna at ante vehicula euismod vel ac lorem. Nam elit arcu, mattis eu faucibus in, rutrum sed risus. Donec tincidunt sodales laoreet. Praesent luctus id orci vitae mattis. Aenean sollicitudin commodo nulla at lobortis. Curabitur blandit ligula non lectus mattis porttitor. Nullam at lorem et orci feugiat efficitur non et nisi. Fusce ornare placerat tellus in gravida. Nulla suscipit bibendum velit vitae placerat.</p>\r\n\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin finibus commodo mollis. Proin varius feugiat libero sit amet malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed eleifend, dolor ut euismod varius, est felis lobortis sem, a lacinia risus justo vitae risus. Curabitur urna eros, tristique quis mollis nec, congue cursus sem. Vivamus auctor tincidunt maximus. Praesent dignissim augue sed libero interdum, cursus dignissim quam tempor. Fusce laoreet eros ex, id molestie orci pharetra non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut mauris rhoncus, tempus justo quis, consequat sem. Fusce condimentum cursus dolor sed sagittis. Quisque quis sem lectus. Duis placerat sed sapien ut sagittis.</p>\r\n\r\n<p>Nullam finibus diam nec justo interdum, eget gravida turpis laoreet. Donec non rutrum nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris quis magna ante. Vivamus molestie tristique pulvinar. Nulla lobortis justo ut justo cursus rutrum. Donec sit amet suscipit tellus.</p>\r\n\r\n<p>Fusce varius vehicula nisl ac vehicula. Aliquam a laoreet lectus. Mauris sed mattis mi. Suspendisse in ex blandit, sagittis orci et, imperdiet nunc. Quisque mollis commodo arcu, quis dignissim massa. Donec sollicitudin ornare neque ac tincidunt. Proin sit amet ullamcorper risus, sit amet gravida arcu. Vivamus interdum odio at ante auctor, ut lacinia ante mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam tristique aliquet auctor. Pellentesque eget congue ante. Duis risus massa, malesuada non suscipit id, dignissim sed arcu. Fusce mauris orci, tincidunt quis convallis vel, commodo feugiat leo. Morbi consectetur, est id posuere consectetur, ex tellus malesuada augue, a imperdiet purus orci nec orci.</p>\r\n\r\n<p>Pellentesque pellentesque est eu purus semper tincidunt. Aliquam placerat posuere nisi, a viverra lorem blandit et. Vivamus sagittis ultricies pulvinar. Duis interdum efficitur erat eget sollicitudin. Fusce purus nunc, sodales eget facilisis nec, aliquam id leo. Quisque ac massa in erat accumsan elementum laoreet sodales est. Fusce mollis a magna et hendrerit.</p>\r\n\r\n<p>Duis sagittis lobortis ipsum sed rhoncus. Donec mattis lacus eu mauris commodo dignissim. Integer dapibus urna eget diam tempor, vitae fringilla dolor molestie. Nunc nisi tortor, consectetur quis dapibus porta, placerat nec magna. Donec in porttitor mauris, vitae volutpat augue. Curabitur et magna at ante vehicula euismod vel ac lorem. Nam elit arcu, mattis eu faucibus in, rutrum sed risus. Donec tincidunt sodales laoreet. Praesent luctus id orci vitae mattis. Aenean sollicitudin commodo nulla at lobortis. Curabitur blandit ligula non lectus mattis porttitor. Nullam at lorem et orci feugiat efficitur non et nisi. Fusce ornare placerat tellus in gravida. Nulla suscipit bibendum velit vitae placerat.</p>\r\n" summary: '' format: basic_html field_a: null field_achtergrond_kleur: null field_achtergrond_repeat: - value: no-repeat field_achtergrond_richting: - value: horizontal field_achtergrond_snelheid: null field_animatie3: null field_animatie_duur: null field_animatie_uit: null field_animatie_uit_delay: null field_animatie_uit_duur: null field_anker_positie: null field_background_media_library: null field_background_position: - value: 'center top' field_background_size: - value: '100% auto' field_block_opacity: - value: '1.0' field_borderradius_linksboven: null field_borderradius_linksonder: null field_borderradius_rechtsboven: null field_borderradius_rechtsonder: null field_border_dikte: null field_border_kleur: null field_border_radius: null field_border_style: null field_breedte: null field_class_blok_: null field_css: null field_hoogte: null field_image_media_library: null field_interne_link: null field_kolomhoogte_uitvullen_: - value: '0' field_link_target: null field_link_titel: null field_margin_all: null field_margin_boven: - value: 40px field_margin_links: - value: auto field_margin_onder: null field_margin_rechts: - value: auto field_max_width: null field_min_width_op_mobile: null field_mobile_15px_: - value: '1' field_nt_background_image: null field_nt_padding_all: null field_nt_padding_bottom: null field_nt_padding_left: null field_nt_padding_right: null field_nt_padding_top: null field_overlay_trigger_button: null field_overlay_trigger_title: null field_parallax_richting: - value: horizontal field_parallax_snelheid: null field_responsive_width: null field_tekstkleur2: null field_tekst_uitlijnen: - value: left field_width_bottom: null field_width_left: null field_width_right: null field_width_top: null

Include all translations?

The exported content will be refreshed to preview it with translations.