Inline css support working: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Suggested improvements

1. A extra column adjustment, to limit the long lines of text

The Two Columns Layout is very text heavy with a very narrow gutter, this section takes effect to read. I would suggest abandoning this section and moving to a 3 col layout which is easer to read. This section should also have the ability to add more columns to give flexibility. But this 3-col layout can me design how we want via some copy and paste html.

The Full Width Banner Block does not have as much impact as it could due to small font size. Also it should have a colour overlay to help adjust the contrast of the text to the background image. Again I also think the text runs to long and the images could work a little harder with out pulling focus form the copy. We could also use a white out version, so it helps the flow of page. But think this could also maybe overcomplex and simple bright blue CTA would work.

Full Width Banner Block

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

CTA

I think these sections work well, and flow is fine. But some extra control over col sizing and padding would be a nice to have good.

Advantages New

The alignment of this section is off, above is col-6 | col-6, where this is col-7 | col-3 with a offset of 1, this makes the image very small and inconstant along with the text not lining up which interrupts the follow of the page, . In most use cases this is used in conjunction with the Full Size CTA Box Block.

I’m not 100% sure the padding section is working for the block, as its set to 0 but showing as; padding: 80px 0 30px.

Suggested flow updated

Full Size CTA Box Block | img left

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipi

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Quis nostrud exercitation ullamco laboris nisi ut

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Quis nostrud exercitation ullamco laboris nisi ut

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

I think the current solution box are a little to large and this leads to unneeded scrolling, I also believe the icons are a little to large and pull focus form the titles and should be moved to more secondary design elements. It would be nice to design a new more compact version of these which has a little more inject off brand colours and design flexibility.

I think this would also work nicely for features in some instances. We could have a boxed and unboxed versions, as the boxed version but used if links are needed.

Please note this image is not to scale as its jpeg.

We could go even smaller for product links.

I don’t love the button down the side on a rollover due to the jump you get.

Also think we can make it a little more simple and makes the copy section more a focus and the nav a little more secondary.