Heroes

Charity hero with impact numbers

Centred hero followed by a row of four animated counters separated by a divider line. Styled for a nonprofit website in a tint colour scheme.

How to use it

Download the .json file, then in WordPress go to Templates → Saved Templates → Import Templates and choose the file. Or use "Copy JSON" and paste into the Elementor editor (right-click → Paste from other site).
Insert the template into a page from the Elementor editor's template library (My Templates).
Replace the sample text, links and contact details with your own, and adjust colours to your brand.

What's inside

8 containers and these free Elementor widgets: heading (2), text-editor (1), button (2), counter (4). No Elementor Pro, add-ons, images or external files are required; fonts are inherited from your theme.

Before you publish

All text, prices, statistics and contact details are placeholders. Replace them with accurate information for your business.
Buttons and links point to "#". Set each one to a real page.

Responsive behaviour

Built with flexbox and grid containers. Multi-column rows stack on tablets or phones, grids drop to two columns on tablets and one on phones, and heading sizes scale down at each breakpoint. Tested at 1440px, 820px and 390px wide.

{"type":"elementor","siteurl":"https://wpdesignvault.com/wp-json/","elements":[{"id":"3027c18","elType":"container","isInner":false,"settings":{"content_width":"boxed","padding":{"unit":"px","top":"120","right":"24","bottom":"120","left":"24","isLinked":false},"boxed_width":{"unit":"px","size":1200,"sizes":[]},"html_tag":"section","flex_direction":"column","flex_align_items":"stretch","flex_gap":{"unit":"px","size":64,"column":"64","row":"64","isLinked":true},"flex_gap_mobile":{"unit":"px","size":32,"column":"32","row":"32","isLinked":true},"padding_tablet":{"unit":"px","top":"72","right":"24","bottom":"72","left":"24","isLinked":false},"padding_mobile":{"unit":"px","top":"56","right":"20","bottom":"56","left":"20","isLinked":false},"background_background":"classic","background_color":"#f0f9ff"},"elements":[{"id":"a2e2d64","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":22,"column":"22","row":"22","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"72a6be3","elType":"widget","isInner":false,"settings":{"title":"Community literacy charity","header_size":"p","align":"center","title_color":"#0369a1","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"5980e8e","elType":"widget","isInner":false,"settings":{"title":"Every child deserves a love of reading","header_size":"h1","align":"center","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":58,"sizes":[]},"typography_font_size_tablet":{"unit":"px","size":48,"sizes":[]},"typography_font_size_mobile":{"unit":"px","size":39,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.15,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":-0.5,"sizes":[]},"_element_width":"initial","_element_custom_width":{"unit":"%","size":85,"sizes":[]}},"elements":[],"widgetType":"heading"},{"id":"0c14084","elType":"widget","isInner":false,"settings":{"editor":"<p>We pair trained volunteers with children who are behind in reading, for one hour a week in their school. Small moments, lasting change.</p>","align":"center","text_color":"#475569","typography_typography":"custom","typography_font_size":{"unit":"px","size":19,"sizes":[]},"typography_font_size_mobile":{"unit":"px","size":17,"sizes":[]},"typography_font_weight":"400","typography_line_height":{"unit":"em","size":1.65,"sizes":[]},"_element_width":"initial","_element_custom_width":{"unit":"%","size":68,"sizes":[]},"_element_custom_width_mobile":{"unit":"%","size":100,"sizes":[]}},"elements":[],"widgetType":"text-editor"},{"id":"fcc058a","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"row","flex_wrap":"wrap","flex_gap":{"unit":"px","size":12,"column":"12","row":"12","isLinked":true},"flex_justify_content":"center","flex_justify_content_mobile":"center","flex_align_items":"center"},"elements":[{"id":"8252dc5","elType":"widget","isInner":false,"settings":{"text":"Donate now","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"md","align":"left","background_background":"classic","button_background_hover_background":"classic","border_radius":{"unit":"px","top":"10","right":"10","bottom":"10","left":"10","isLinked":true},"text_padding":{"unit":"px","top":"18","right":"30","bottom":"18","left":"30","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":17,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#ffffff","background_color":"#0369a1","button_background_hover_color":"#075985","hover_color":"#ffffff","selected_icon":{"value":"fas fa-arrow-right","library":"fa-solid"},"icon_align":"row-reverse","icon_indent":{"unit":"px","size":8,"sizes":[]}},"elements":[],"widgetType":"button"},{"id":"4ab2be8","elType":"widget","isInner":false,"settings":{"text":"Become a volunteer","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"md","align":"left","background_background":"classic","button_background_hover_background":"classic","border_radius":{"unit":"px","top":"10","right":"10","bottom":"10","left":"10","isLinked":true},"text_padding":{"unit":"px","top":"18","right":"30","bottom":"18","left":"30","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":17,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#0369a1","background_color":"rgba(255,255,255,0)","button_background_hover_color":"#f0f9ff","hover_color":"#0369a1","border_border":"solid","border_width":{"unit":"px","top":"2","right":"2","bottom":"2","left":"2","isLinked":true},"border_color":"#0369a1"},"elements":[],"widgetType":"button"}]}]},{"id":"7d01836","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"32","right":"0","bottom":"0","left":"0","isLinked":false},"container_type":"grid","grid_columns_grid":{"unit":"fr","size":4,"sizes":[]},"grid_columns_grid_tablet":{"unit":"fr","size":2,"sizes":[]},"grid_columns_grid_mobile":{"unit":"fr","size":2,"sizes":[]},"grid_rows_grid":{"unit":"fr","size":1,"sizes":[]},"grid_gaps":{"unit":"px","size":24,"column":"24","row":"24","isLinked":true},"grid_auto_flow":"row","grid_align_items":"stretch","border_border":"solid","border_width":{"unit":"px","top":"1","right":"0","bottom":"0","left":"0","isLinked":false},"border_color":"#e2e8f0"},"elements":[{"id":"180a592","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":16,"column":"16","row":"16","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"5397d9e","elType":"widget","isInner":false,"settings":{"starting_number":0,"ending_number":2300,"prefix":"","suffix":"+","duration":1600,"thousand_separator":"yes","title":"Children supported","title_tag":"p","number_color":"#0369a1","title_color":"#475569","title_position":"after","number_alignment":"center","title_horizontal_alignment":"center","typography_number_typography":"custom","typography_number_font_size":{"unit":"px","size":44,"sizes":[]},"typography_number_font_size_mobile":{"unit":"px","size":35,"sizes":[]},"typography_number_font_weight":"800","typography_number_line_height":{"unit":"em","size":1.1,"sizes":[]},"typography_title_typography":"custom","typography_title_font_size":{"unit":"px","size":15,"sizes":[]},"typography_title_font_weight":"500"},"elements":[],"widgetType":"counter"}]},{"id":"5a50238","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":16,"column":"16","row":"16","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"321899e","elType":"widget","isInner":false,"settings":{"starting_number":0,"ending_number":640,"prefix":"","suffix":"","duration":1600,"thousand_separator":"yes","title":"Active volunteers","title_tag":"p","number_color":"#0369a1","title_color":"#475569","title_position":"after","number_alignment":"center","title_horizontal_alignment":"center","typography_number_typography":"custom","typography_number_font_size":{"unit":"px","size":44,"sizes":[]},"typography_number_font_size_mobile":{"unit":"px","size":35,"sizes":[]},"typography_number_font_weight":"800","typography_number_line_height":{"unit":"em","size":1.1,"sizes":[]},"typography_title_typography":"custom","typography_title_font_size":{"unit":"px","size":15,"sizes":[]},"typography_title_font_weight":"500"},"elements":[],"widgetType":"counter"}]},{"id":"d89c30a","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":16,"column":"16","row":"16","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"528d62d","elType":"widget","isInner":false,"settings":{"starting_number":0,"ending_number":85,"prefix":"","suffix":"","duration":1600,"thousand_separator":"yes","title":"Partner schools","title_tag":"p","number_color":"#0369a1","title_color":"#475569","title_position":"after","number_alignment":"center","title_horizontal_alignment":"center","typography_number_typography":"custom","typography_number_font_size":{"unit":"px","size":44,"sizes":[]},"typography_number_font_size_mobile":{"unit":"px","size":35,"sizes":[]},"typography_number_font_weight":"800","typography_number_line_height":{"unit":"em","size":1.1,"sizes":[]},"typography_title_typography":"custom","typography_title_font_size":{"unit":"px","size":15,"sizes":[]},"typography_title_font_weight":"500"},"elements":[],"widgetType":"counter"}]},{"id":"42465e9","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":16,"column":"16","row":"16","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"8a8cdcf","elType":"widget","isInner":false,"settings":{"starting_number":0,"ending_number":87,"prefix":"","suffix":"%","duration":1600,"thousand_separator":"yes","title":"Of donations fund programmes","title_tag":"p","number_color":"#0369a1","title_color":"#475569","title_position":"after","number_alignment":"center","title_horizontal_alignment":"center","typography_number_typography":"custom","typography_number_font_size":{"unit":"px","size":44,"sizes":[]},"typography_number_font_size_mobile":{"unit":"px","size":35,"sizes":[]},"typography_number_font_weight":"800","typography_number_line_height":{"unit":"em","size":1.1,"sizes":[]},"typography_title_typography":"custom","typography_title_font_size":{"unit":"px","size":15,"sizes":[]},"typography_title_font_weight":"500"},"elements":[],"widgetType":"counter"}]}]}]}]}

Download