HP Logo

Build virtual experiences that feel immersive

Make amazing happen.

CDW designs a secure classroom solution with preconfigured HP devices to make education more accessible and inspiring.

Shop HP Solutions, Purpose-Built for Security, Productivity and Performance

Create a workplace built for flexibility without ever sacrificing security and performance. CDW can build a seamless, comprehensive solution with popular HP devices that are purpose-built for your toughest tasks.

HP Keeps Your Organization Connected, Productive and Secure

Sophisticated threats require always-on security you can trust. Connect with a CDW solutions architect to discover how HP Wolf can keep your data safe.

Explore More HP Featured Products and Solutions

Call 800.808.4239 to contact us about HP PSG products now.


Custom Cards CSS

Temp Hotzone Button Styling


Additional CSS for updating global styles


Curved Mask Information & Instructions

To use the curved mask, you will need both the CSS in this component and the HTML component below it. The HTML component holds the SVGs that will be used as a clipping mask for the hero section, while the CSS pulls the ID of the SVGs to use its path as a clipping mask using"-webkit-clip-path: url(#hero-mask-svg);". This section is hidden so it is only visible in the editor mode, but the HTML component needs to be visible or the SVG will not display. You will need to add the class "hero-mask-container" to your hero section.

(This is a temporary workaround until an option is available in AEM)

Curved Hero Mask CSS Below


Curved Hero Mask HTML Below