Build /solutions/ubuntu-os and modal form

[mtruj013]

Done

• Built /ubutnu-os page and respective modal

QA

• View the site locally in your web browser at: https://canonical-com-1314.demos.haus/solutions/ubuntu-os
• Compare against doc and design
• Click on the main CTA's and check form against doc
• See that submission goes through as expected

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-12723

[webteam-app]

Demo

Jenkins

demos.haus

[Sophie-32]

There's one copyedit tagged on the copydoc and we need the correct images. They're linked in the copydocs.

[lyubomir-popov]

• @Sophie-32 would you agree to change the > signs to "Over"? It's a math symbol, not a typographic one so it is not entirely correct to use it outside of formulas

• duplicate p-sections - we need just one at the bottom of the hero:

• pls wrap the p in a p-section--shallow:

• this should be an h2:

• spacing here should be p-section--shallow, not regular:

• this h2 needs p-section--shallow:

• can we please make these paragraphs (differs from the figma file, which I've now updasted to p as well):

• the baselines of these are misaligned, can cite elements be placed inside ps? please replace the folowing imagfes, they are blurry https://assets.ubuntu.com/manager?tag=ubuntu-os-solutions-page-assets (apart from the hero one, which is ok, but including it at 2x just in case)

[lyubomir-popov]

muted on this hr please: highlighted background on this (vanilla example)

[mtruj013]

Totally right @jmuzina, mistakenly switched these around indeed! Thanks for flagging!

[petesfrench]

Modal looks a little broken on mobile:

[petesfrench]

A little out of scope, but we are getting these errors in console: