feat: /security/fips redesign

[mtruj013]

Done

• Applied redesign per doc and design

QA

• View the site locally in your web browser at: https://ubuntu-com-14694.demos.haus/security/fips
  • Be sure to test on mobile, tablet and desktop screen sizes
• Check against doc and design

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-12035, #14633

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (feature-security-bubble@a906ef4). Learn more about missing BASE report.

Additional details and impacted files

@@                    Coverage Diff                     @@
##             feature-security-bubble   #14694   +/-   ##
==========================================================
  Coverage                           ?   72.32%           
==========================================================
  Files                              ?      120           
  Lines                              ?     3404           
  Branches                           ?     1177           
==========================================================
  Hits                               ?     2462           
  Misses                             ?      917           
  Partials                           ?       25           

[eliman11]

Thanks @mtruj013! Comments:

• US spelling: optimised -> optimized in "...preconfigured with FIPS 140 certified packages optimised for the cloud."
• Could we remove "140-3" from the button to keep it consistent with the previous section

• Under "Certified packages under FIPS 140-3" we're missing the "libgcrypt" row

• Henry's left a suggestion on the copydoc to remove that last "FIPS 140-3 and Ubuntu" section at the bottom

• Sorry this wasn't on the design before but could we add the webinar link next to the contact us button

• Could we hide the hero image on smaller screens? Or maybe there's a workaround @mattea-turic can suggest on how it resizes

[mattea-turic]

Thanks @mtruj013 !

Just one thing:

• As @eliman11 mentioned, maybe we hide the nist logo on smaller screens? It doesn't really add much so I think it's fine to omit it there

All else is good, so I'll +1 :)

[eliman11]

Thanks for making those changes so quickly @mtruj013! Adding UX+1

[muhammad-ali-pk]

Suggested change

U.S Federal agencies and anyone deploying systems and cloud services for Federal government agency use, whether directly or through contractors, are required to run workloads with FIPS 140 validated cryptography. FIPS 140 has also been adopted outside of the public sector in industries where data security is heavily regulated, such as financial services (PCI-DSS), healthcare (HIPAA), and other sectors. <a href="/pro">Ubuntu Pro</a> provides FIPS 140 certified cryptographic packages.

US federal agencies and anyone deploying systems and cloud services for Federal government agency use, whether directly or through contractors, are required to run workloads with FIPS 140 validated cryptography. FIPS 140 has also been adopted outside of the public sector in industries where data security is heavily regulated, such as financial services (PCI-DSS), healthcare (HIPAA), and other sectors. <a href="/pro">Ubuntu Pro</a> provides FIPS 140 certified cryptographic packages.

[muhammad-ali-pk]

Suggested change

	<h2>How Ubuntu enables your compliance with FedRAMP, FISMA, FIPS and DISA-STIG</h2>
	<h2>How Ubuntu enables your compliance with FedRAMP, FISMA, FIPS, and DISA-STIG</h2>

[muhammad-ali-pk]

Please remove the space between "image" and "(" and reformat the document with djlint.

[muhammad-ali-pk]

Please remove the space between "image" and "(" and reformat the document with djlint.

[muhammad-ali-pk]

Please remove the space between "image" and "(" and reformat the document with djlint.

[muhammad-ali-pk]

Please remove the space between "image" and "(" and reformat the document with djlint.

[muhammad-ali-pk]

Please remove the space between "image" and "(" and reformat the document with djlint.

[muhammad-ali-pk]

Please remove the space between "image" and "(" and reformat the document with djlint.

[muhammad-ali-pk]

Suggested change

The following list contains the FIPS 140 validated components that are available with <a href="/pro">Ubuntu Pro</a>. The validated modules are API and ABI compatible with the default Ubuntu packages. The validation testing for Ubuntu was performed by atsec Information Security, a NIST accredited laboratory. Certifications under FIPS 140-2 will be moved to the historical list after September 2026 (although these products can still be purchased and used), and new products are expected to be certified <a href="https://csrc.nist.gov/Projects/cryptographic-module-validation-program/fips-140-3-standards">under FIPS 140-3</a>.

The following list contains the FIPS 140-2 validated components that are available with <a href="/pro">Ubuntu Pro</a>. The validated modules are API and ABI compatible with the default Ubuntu packages. The validation testing for Ubuntu was performed by atsec Information Security, a NIST accredited laboratory. Certifications under FIPS 140-2 will be moved to the historical list after September 2026 (although these products can still be purchased and used), and new products are expected to be certified <a href="https://csrc.nist.gov/Projects/cryptographic-module-validation-program/fips-140-3-standards">under FIPS 140-3</a>.

[muhammad-ali-pk]

Would it be too much effort if we convert this form to use form generator? We are trying to have form generator on all the new bubbles we rebrand.