HP Logo

HP and CDW

In a hybrid work world, your team needs 24/7 protection and simple deployment. CDW assesses your endpoint risks and pre-configures the most powerful HP devices, like HP EliteBooks, ProBooks & Workstations.

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 Elitebooks

HP Elitebooks

HP Mobile Workstations

HP Mobile Workstations

HP + Poly Collaboration Solutions

HP + Poly Collaboration Solutions

HP Monitors

HP Monitors

Make Secure Hybrid Work Happen

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.

Contact a Security Expert

Shop HP’s Most Sought After and Available Products

Shop With Confidence From HP and Our Alliance Partners

Explore More HP Featured Products and Solutions

Explore HP Workstation Landing Page
HP Z Workstation
Explore HP Peripherals and Services Landing Page
HP Peripherals & Services
Explore HP Alliance Partners Landing Page
HP Alliance Partners
Explore HP Point of Sale Solutions
HP Point of Sales Solutions
Explore HP Sustainability Landing Page
HP Sustainability

Call 800.800.4239 to contact us about HP PSG products now.

800.800.4239

CSS - APPLY GRID TO PAGES WITH CARDS


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