Hero Block - just image (not sure of the heigth here yet)

Testimonial left

Testimonial Center

Testimonial right

Three columns - alternative title toggled

Three columns - alternative title toggled

Three columns - alternative title toggled

Three columns - alternative title toggled

Three columns - alternative title toggled

Three columns - alternative title toggled

You can also center all of the content

You can also center all of the content

You can also center all of the content

You can also center all of the content

You can also center all of the content

You can also center all of the content

Full-width content Heading

The image block before this one is simply a "Full width image" one. Height can be variable. Can have more than 1130px width but no point because that is the maximum width of the container.

Explanation for the above block

The above block is called "Images grid" and it may be confusing. For each image, you add you'll have a width option of Narrow, Wide and Full. You should be basing the smaller images size on the full-width one. The block is technically split into 5 grid columns. The "Full" image takes up all 5 of them, the "Wide" takes 3 and the "Narrow" takes 2. There is also a gap in between. I'm saying this because it will be easier to understand the following calculations:

Because "Wide" is taking 3 out of 5 columns it will be 0.6 the size of the full-width image
Because "Narrow" is taking 2 out of 5 columns it will be 0.4 the size of the full-width image
So
In this case the "Wide" would be 678px (1130 multiplied by 0.6) wide and "Narrow" - 452px (1130px multiplied by 0.4)
But because of the gap, you would have to subtract 10px from "Wide" and 6px from "Narrow"

So in the above case - Full 1130px, Wide 672px, Narrow 442px

I did not talk about heights here because they could be variable depending on what style you're aiming for.

I've used the full image as 1130px because that is the maximum width of the container, so no need for a bigger image here.

Center Slider

Center slider block, you'll need to preselect this. It's a different content type. That's where you build it

Left or right hinged single leaf

Hinged internal doors are considered the traditional option for door openings around the home. This configuration features its hinges placed to either the left or right-hand side of the door, dependent on the layout of the room and the homeowner’s preference.

Find out more

What’s included?

A door and frame set from Deuren includes the door and its lining (or frame), stop beads, architraves, hinges, latch and handle.

Slide left and right to see all features

test

MAGNETIC DOOR CATCH

Routed for the perfect fit in the factory, with no strike plate required on the frame. The latch is flush to the door.

Test

Lorem ipsum dolor sit amet

Test button

Sticky with content

60/40

Frame Animation 0

INSIDE A PRE-HUNG DOOR SET

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Center sliders

Testing the center slider presets below

Single Leaf

A hinged door with one leaf (door panel) is considered the traditional option for door openings around the home.

Find out more

Single hinged door

In simple statement style, this single door is hinged and opens inward or outward.

Find out more

Side Sectional

Split into several vertical sections, our side sectional garage doors run along a track on the inside of your garage wall, gracefully opening and closing in a dramatic sweeping effect.

Find out more