Heroes

Online course hero, dark split layout

Two-column hero: headline, supporting text, two buttons and a trust line beside a visual panel. Stacks to one column on tablets and phones. Styled for a online course website in a dark 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

33 containers and these free Elementor widgets: heading (2), text-editor (2), button (2). 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":"11ed590","elType":"container","isInner":false,"settings":{"content_width":"boxed","padding":{"unit":"px","top":"112","right":"24","bottom":"112","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":48,"column":"48","row":"48","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":"#0b1120"},"elements":[{"id":"0292b6d","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_gap":{"unit":"px","size":56,"column":"56","row":"56","isLinked":true},"flex_align_items":"center","flex_justify_content":"space-between","flex_wrap":"nowrap","flex_direction_tablet":"column","flex_direction_mobile":"column","flex_align_items_tablet":"stretch","flex_align_items_mobile":"stretch"},"elements":[{"id":"f3c00cc","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":"stretch","flex_justify_content":"flex-start","width":{"unit":"%","size":50,"sizes":[]},"width_tablet":{"unit":"%","size":100,"sizes":[]},"width_mobile":{"unit":"%","size":100,"sizes":[]}},"elements":[{"id":"7fe1183","elType":"widget","isInner":false,"settings":{"title":"Six-week online course","header_size":"p","align":"start","title_color":"#ddd6fe","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":"340b777","elType":"widget","isInner":false,"settings":{"title":"The practical course for your first website","header_size":"h1","align":"start","title_color":"#f8fafc","typography_typography":"custom","typography_font_size":{"unit":"px","size":56,"sizes":[]},"typography_font_size_tablet":{"unit":"px","size":46,"sizes":[]},"typography_font_size_mobile":{"unit":"px","size":38,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.15,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":-0.5,"sizes":[]}},"elements":[],"widgetType":"heading"},{"id":"09ab28e","elType":"widget","isInner":false,"settings":{"editor":"<p>Short video lessons, weekly projects and live feedback from instructors. Build a real, published website by the end of week six.</p>","align":"start","text_color":"#cbd5e1","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":[]}},"elements":[],"widgetType":"text-editor"},{"id":"43039c9","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":"flex-start","flex_justify_content_mobile":"flex-start","flex_align_items":"center"},"elements":[{"id":"dfd2b8d","elType":"widget","isInner":false,"settings":{"text":"Enrol 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":"#4c1d95","background_color":"#ffffff","button_background_hover_color":"#f5f3ff","hover_color":"#4c1d95","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":"8f8ee16","elType":"widget","isInner":false,"settings":{"text":"See the syllabus","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":"rgba(255,255,255,0)","button_background_hover_color":"rgba(255,255,255,0.12)","hover_color":"#ffffff","border_border":"solid","border_width":{"unit":"px","top":"2","right":"2","bottom":"2","left":"2","isLinked":true},"border_color":"rgba(255,255,255,0.7)"},"elements":[],"widgetType":"button"}]},{"id":"5132fdf","elType":"widget","isInner":false,"settings":{"editor":"<p>Next cohort starts on the first Monday of the month</p>","align":"start","text_color":"#94a3b8","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"400","typography_line_height":{"unit":"em","size":1.65,"sizes":[]}},"elements":[],"widgetType":"text-editor"}]},{"id":"338d0c9","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":"stretch","flex_justify_content":"flex-start","width":{"unit":"%","size":46,"sizes":[]},"width_tablet":{"unit":"%","size":100,"sizes":[]},"width_mobile":{"unit":"%","size":100,"sizes":[]}},"elements":[{"id":"1793ccb","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":0,"column":"0","row":"0","isLinked":true},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"overflow":"hidden","border_border":"solid","border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"border_color":"rgba(255,255,255,0.12)","box_shadow_box_shadow_type":"yes","box_shadow_box_shadow":{"horizontal":0,"vertical":24,"blur":60,"spread":-20,"color":"rgba(15,23,42,0.35)"},"background_background":"classic","background_color":"#f8fafc"},"elements":[{"id":"f3d3975","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"12","right":"16","bottom":"12","left":"16","isLinked":false},"flex_direction":"row","flex_gap":{"unit":"px","size":6,"column":"6","row":"6","isLinked":true},"flex_align_items":"center","background_background":"classic","background_color":"#ffffff","border_border":"solid","border_width":{"unit":"px","top":"0","right":"0","bottom":"1","left":"0","isLinked":false},"border_color":"#e2e8f0"},"elements":[{"id":"5302e0f","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"px","size":10,"sizes":[]},"min_height":{"unit":"px","size":10,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#f87171"},"elements":[]},{"id":"a349e3b","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"px","size":10,"sizes":[]},"min_height":{"unit":"px","size":10,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#fbbf24"},"elements":[]},{"id":"0d36481","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"px","size":10,"sizes":[]},"min_height":{"unit":"px","size":10,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#34d399"},"elements":[]},{"id":"29bc81f","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":50,"sizes":[]},"min_height":{"unit":"px","size":10,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"margin":{"unit":"px","top":"0","right":"0","bottom":"0","left":"12","isLinked":false},"background_background":"classic","background_color":"#f1f5f9"},"elements":[]}]},{"id":"77e6893","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"20","right":"20","bottom":"20","left":"20","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":14,"column":"14","row":"14","isLinked":true},"padding_mobile":{"unit":"px","top":"14","right":"14","bottom":"14","left":"14","isLinked":true}},"elements":[{"id":"49fef32","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_gap":{"unit":"px","size":12,"column":"12","row":"12","isLinked":true},"flex_direction_mobile":"row"},"elements":[{"id":"4fa0000","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"14","right":"14","bottom":"14","left":"14","isLinked":true},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true},"background_background":"classic","background_color":"#ffffff","border_border":"solid","border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"border_color":"#e2e8f0","width":{"unit":"%","size":33,"sizes":[]}},"elements":[{"id":"0bdfab2","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":40,"sizes":[]},"min_height":{"unit":"px","size":8,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#cbd5e1"},"elements":[]},{"id":"5e34f09","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":55,"sizes":[]},"min_height":{"unit":"px","size":14,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#6d28d9"},"elements":[]},{"id":"24123a3","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":70,"sizes":[]},"min_height":{"unit":"px","size":8,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#e2e8f0"},"elements":[]}]},{"id":"f5efe9c","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"14","right":"14","bottom":"14","left":"14","isLinked":true},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true},"background_background":"classic","background_color":"#ffffff","border_border":"solid","border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"border_color":"#e2e8f0","width":{"unit":"%","size":33,"sizes":[]}},"elements":[{"id":"a3daf65","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":40,"sizes":[]},"min_height":{"unit":"px","size":8,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#cbd5e1"},"elements":[]},{"id":"3ea262d","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":75,"sizes":[]},"min_height":{"unit":"px","size":14,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#db2777"},"elements":[]},{"id":"fb63931","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":70,"sizes":[]},"min_height":{"unit":"px","size":8,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#e2e8f0"},"elements":[]}]},{"id":"e1f418d","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"14","right":"14","bottom":"14","left":"14","isLinked":true},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true},"background_background":"classic","background_color":"#ffffff","border_border":"solid","border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"border_color":"#e2e8f0","width":{"unit":"%","size":33,"sizes":[]}},"elements":[{"id":"475d558","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":40,"sizes":[]},"min_height":{"unit":"px","size":8,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#cbd5e1"},"elements":[]},{"id":"60892b3","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":45,"sizes":[]},"min_height":{"unit":"px","size":14,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#94a3b8"},"elements":[]},{"id":"db6cba3","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":70,"sizes":[]},"min_height":{"unit":"px","size":8,"sizes":[]},"border_radius":{"unit":"px","top":"99","right":"99","bottom":"99","left":"99","isLinked":true},"background_background":"classic","background_color":"#e2e8f0"},"elements":[]}]}]},{"id":"7759c2e","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"flex_direction":"row","flex_align_items":"flex-end","flex_gap":{"unit":"px","size":8,"column":"8","row":"8","isLinked":true},"min_height":{"unit":"px","size":120,"sizes":[]},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true},"background_background":"classic","background_color":"#ffffff","border_border":"solid","border_width":{"unit":"px","top":"1","right":"1","bottom":"1","left":"1","isLinked":true},"border_color":"#e2e8f0"},"elements":[{"id":"03ff7aa","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":38,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#f5f3ff"},"elements":[]},{"id":"90c1ad1","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":62,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#f5f3ff"},"elements":[]},{"id":"bd1f47f","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":48,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#f5f3ff"},"elements":[]},{"id":"183fbfb","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":80,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#f5f3ff"},"elements":[]},{"id":"117be14","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":56,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#f5f3ff"},"elements":[]},{"id":"1a445c7","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":92,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#6d28d9"},"elements":[]},{"id":"468dd51","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"width":{"unit":"%","size":11,"sizes":[]},"min_height":{"unit":"px","size":70,"sizes":[]},"border_radius":{"unit":"px","top":"6","right":"6","bottom":"6","left":"6","isLinked":true},"background_background":"classic","background_color":"#f5f3ff"},"elements":[]}]}]}]}]}]}]}]}

Download