Placing a form so it overlaps with my header image

[alivia]

Hey,

I'm trying to build a page like this one: https://pages.alteryx.com/Data-Blending-Starter-Kit-Q3-W.html?

so having the for overlapping the header a little bit - though mine has a image, not just a color.

How do I do this in Hubspot?

Thanks 🙂

[Jsum · Accepted solution]

@alivia,

Your example page is built kind of wierd. Each section of the form is absolute positioned for the top of the page. I'm not sure why they would break the form up into sections to position each section, let alone use absolute positioning like they did. 

https://jsfiddle.net/qatyj0oh/

Check out this fiddle. The red box is the form, the green box is a container that the form is absolute positioned to, the yellow box is the content area, and the blue box is the banner area.

[warnerjm]

@Jsum

This is exactly what I want to do. I'm not yet an expert with designer but can follow directions so, what does this look like in HubSpot exactly.