Services

Legal services cards

Four service cards, each with an icon, description and "Learn more" button. Styled for a law firm website in a light 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":"f25ad7c","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":"#ffffff"},"elements":[{"id":"a8a053a","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":"bae31e3","elType":"widget","isInner":false,"settings":{"title":"Services","header_size":"p","align":"center","title_color":"#1d4ed8","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":"3fb2fe5","elType":"widget","isInner":false,"settings":{"title":"Who we 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":"515df23","elType":"widget","isInner":false,"settings":{"editor":"<p>Experienced solicitors who explain your options clearly and act quickly when it matters.</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":"e6699e9","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":"6059ae4","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":"b63a5bd","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-users-cog","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"For employers","description_text":"HR policies, disputes and restructuring.","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":"#eff6ff","secondary_color":"#1d4ed8","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":"d40f375","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":"e54c08a","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":"59eb1d9","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-user","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"For employees","description_text":"Settlements, discrimination and contracts.","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":"#eff6ff","secondary_color":"#1d4ed8","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":"58d3a10","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":"d6b0489","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":"be02d94","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-store","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"For businesses","description_text":"Commercial contracts and company law.","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":"#eff6ff","secondary_color":"#1d4ed8","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":"428840f","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":"ca19909","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":"a6f3a73","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-handshake","library":"fa-solid"},"view":"stacked","shape":"rounded","title_text":"Mediation","description_text":"Resolving disputes without court.","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":"#eff6ff","secondary_color":"#1d4ed8","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":"36e92d6","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