Services

Four service cards

Four service cards, each with an icon, description and "Learn more" button. Styled for a agency website in a soft 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

7 containers and these free Elementor widgets: heading (2), text-editor (1), icon-box (4), button (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":"d6298c0","elType":"container","isInner":false,"settings":{"content_width":"boxed","padding":{"unit":"px","top":"96","right":"24","bottom":"96","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":"#f8fafc"},"elements":[{"id":"a7b5519","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":14,"column":"14","row":"14","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"01eca6e","elType":"widget","isInner":false,"settings":{"title":"Services","header_size":"p","align":"center","title_color":"#111827","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":"1b8c74f","elType":"widget","isInner":false,"settings":{"title":"How we can help","header_size":"h2","align":"center","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":40,"sizes":[]},"typography_font_size_tablet":{"unit":"px","size":33,"sizes":[]},"typography_font_size_mobile":{"unit":"px","size":27,"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":"d0c4c5b","elType":"widget","isInner":false,"settings":{"editor":"<p>Clear strategy, distinctive design and clean code, delivered by the same people from kick-off to launch.</p>","align":"center","text_color":"#475569","typography_typography":"custom","typography_font_size":{"unit":"px","size":18,"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":75,"sizes":[]},"_element_custom_width_mobile":{"unit":"%","size":100,"sizes":[]}},"elements":[],"widgetType":"text-editor"}]},{"id":"a871cc1","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"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":1,"sizes":[]},"grid_rows_grid":{"unit":"fr","size":1,"sizes":[]},"grid_gaps":{"unit":"px","size":20,"column":"20","row":"20","isLinked":true},"grid_auto_flow":"row","grid_align_items":"stretch"},"elements":[{"id":"073a69a","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"28","right":"28","bottom":"28","left":"28","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":14,"column":"14","row":"14","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"24","right":"24","bottom":"24","left":"24","isLinked":true},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","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","flex_justify_content":"space-between"},"elements":[{"id":"9518c3d","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-bullseye","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"Brand strategy","description_text":"Positioning, messaging and naming workshops.","title_size":"h3","position":"block-start","text_align":"start","icon_space":{"unit":"px","size":18,"sizes":[]},"title_bottom_space":{"unit":"px","size":8,"sizes":[]},"primary_color":"#f3f4f6","secondary_color":"#111827","icon_size":{"unit":"px","size":22,"sizes":[]},"icon_padding":{"unit":"px","size":14,"sizes":[]},"title_color":"#0f172a","description_color":"#475569","title_typography_typography":"custom","title_typography_font_size":{"unit":"px","size":20,"sizes":[]},"title_typography_font_weight":"700","title_typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"description_typography_typography":"custom","description_typography_font_size":{"unit":"px","size":16,"sizes":[]},"description_typography_line_height":{"unit":"em","size":1.6,"sizes":[]},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true}},"elements":[],"widgetType":"icon-box"},{"id":"d7f9f27","elType":"widget","isInner":false,"settings":{"text":"Learn more","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"sm","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":"14","right":"24","bottom":"14","left":"24","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":16,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#0f172a","background_color":"#f1f5f9","button_background_hover_color":"#e2e8f0","hover_color":"#0f172a","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":"dbb395f","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"28","right":"28","bottom":"28","left":"28","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":14,"column":"14","row":"14","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"24","right":"24","bottom":"24","left":"24","isLinked":true},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","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","flex_justify_content":"space-between"},"elements":[{"id":"9b265fe","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-palette","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"Visual identity","description_text":"Logos, colour systems and brand guidelines.","title_size":"h3","position":"block-start","text_align":"start","icon_space":{"unit":"px","size":18,"sizes":[]},"title_bottom_space":{"unit":"px","size":8,"sizes":[]},"primary_color":"#f3f4f6","secondary_color":"#111827","icon_size":{"unit":"px","size":22,"sizes":[]},"icon_padding":{"unit":"px","size":14,"sizes":[]},"title_color":"#0f172a","description_color":"#475569","title_typography_typography":"custom","title_typography_font_size":{"unit":"px","size":20,"sizes":[]},"title_typography_font_weight":"700","title_typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"description_typography_typography":"custom","description_typography_font_size":{"unit":"px","size":16,"sizes":[]},"description_typography_line_height":{"unit":"em","size":1.6,"sizes":[]},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true}},"elements":[],"widgetType":"icon-box"},{"id":"20d7934","elType":"widget","isInner":false,"settings":{"text":"Learn more","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"sm","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":"14","right":"24","bottom":"14","left":"24","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":16,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#0f172a","background_color":"#f1f5f9","button_background_hover_color":"#e2e8f0","hover_color":"#0f172a","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":"86b94b7","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"28","right":"28","bottom":"28","left":"28","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":14,"column":"14","row":"14","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"24","right":"24","bottom":"24","left":"24","isLinked":true},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","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","flex_justify_content":"space-between"},"elements":[{"id":"dcbe1e0","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-laptop-code","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"Web design & build","description_text":"Marketing sites and design systems.","title_size":"h3","position":"block-start","text_align":"start","icon_space":{"unit":"px","size":18,"sizes":[]},"title_bottom_space":{"unit":"px","size":8,"sizes":[]},"primary_color":"#f3f4f6","secondary_color":"#111827","icon_size":{"unit":"px","size":22,"sizes":[]},"icon_padding":{"unit":"px","size":14,"sizes":[]},"title_color":"#0f172a","description_color":"#475569","title_typography_typography":"custom","title_typography_font_size":{"unit":"px","size":20,"sizes":[]},"title_typography_font_weight":"700","title_typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"description_typography_typography":"custom","description_typography_font_size":{"unit":"px","size":16,"sizes":[]},"description_typography_line_height":{"unit":"em","size":1.6,"sizes":[]},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true}},"elements":[],"widgetType":"icon-box"},{"id":"9b9eff8","elType":"widget","isInner":false,"settings":{"text":"Learn more","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"sm","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":"14","right":"24","bottom":"14","left":"24","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":16,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#0f172a","background_color":"#f1f5f9","button_background_hover_color":"#e2e8f0","hover_color":"#0f172a","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":"e9dbb9c","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"28","right":"28","bottom":"28","left":"28","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":14,"column":"14","row":"14","isLinked":true},"flex_align_items":"stretch","padding_mobile":{"unit":"px","top":"24","right":"24","bottom":"24","left":"24","isLinked":true},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","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","flex_justify_content":"space-between"},"elements":[{"id":"c64d089","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-chart-bar","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"Growth & SEO","description_text":"Experiments, analytics and content that ranks.","title_size":"h3","position":"block-start","text_align":"start","icon_space":{"unit":"px","size":18,"sizes":[]},"title_bottom_space":{"unit":"px","size":8,"sizes":[]},"primary_color":"#f3f4f6","secondary_color":"#111827","icon_size":{"unit":"px","size":22,"sizes":[]},"icon_padding":{"unit":"px","size":14,"sizes":[]},"title_color":"#0f172a","description_color":"#475569","title_typography_typography":"custom","title_typography_font_size":{"unit":"px","size":20,"sizes":[]},"title_typography_font_weight":"700","title_typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"description_typography_typography":"custom","description_typography_font_size":{"unit":"px","size":16,"sizes":[]},"description_typography_line_height":{"unit":"em","size":1.6,"sizes":[]},"border_radius":{"unit":"px","top":"12","right":"12","bottom":"12","left":"12","isLinked":true}},"elements":[],"widgetType":"icon-box"},{"id":"cb5a306","elType":"widget","isInner":false,"settings":{"text":"Learn more","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"sm","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":"14","right":"24","bottom":"14","left":"24","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":16,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#0f172a","background_color":"#f1f5f9","button_background_hover_color":"#e2e8f0","hover_color":"#0f172a","selected_icon":{"value":"fas fa-arrow-right","library":"fa-solid"},"icon_align":"row-reverse","icon_indent":{"unit":"px","size":8,"sizes":[]}},"elements":[],"widgetType":"button"}]}]}]}]}

Download