No products in the cart.
Add a new page
In WordPress, go to Pages → Add New, click Edit with Elementor, and add a new section with one column.
Made for Elementor + WordPress
Design modern pages in minutes, not hours
Drop this template into an Elementor HTML widget and customise the text, colours, and spacing to match your brand. Lightweight, responsive, and built with clean, semantic HTML + CSS.
Live Preview Elementor HTML widget
Clean markup .hero .features-grid .cta
Time to first draft
< 15 minutes
Extra plugins required
0
How this works with Elementor
Use this layout as a starting point. Paste it into an HTML widget, then tweak padding/margins using Elementor's visual controls.
Drop in an HTML widget
Search for the HTML widget in Elementor, drag it into your section, and paste this entire code block inside.
Style & connect
Update text, links, and brand colours. Optionally move the CSS into Custom CSS (Pro) or your child theme.
Perfect for simple landing pages
Use this as a homepage, product launch page, or lead generation page. It's built to be lightweight and easy to maintain.
What you can customise
No coding required- ✓ Headings & text – replace copy with your brand message.
- ✓ Buttons & links – connect to your shop, forms, or other pages.
- ✓ Colours & spacing – adjust padding, margins, and alignment.
- ✓ Sections – duplicate or remove sections as needed.
Optional: move CSS into theme
For cleaner HTML If you prefer, copy everything inside the <style> tag into your theme’s style.css or Elementor Pro’s Custom CSS panel and remove it from the HTML widget.
Quick start checklist
5–10 minutes- 1 Paste this layout into an Elementor HTML widget.
- 2 Change the main heading and subheading.
- 3 Connect the primary button to your key action (form / shop / booking).
- 4 Update colours in the
:rootCSS variables at the top. - 5 Test on mobile, tablet, and desktop in Elementor preview.
Need more sections?
Duplicate this layout in Elementor and rename classes like
Scroll back to top ↑ Duplicate this layout in Elementor and rename classes like
.hero, .features-grid, etc. so each block stays organised.