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 Elitebooks

HP Mobile Workstations

HP + Poly Collaboration Solutions

HP Monitors

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.

Contact a Security Expert

Shop HP’s Most Sought After and Available Products

Shop With Confidence From HP and Our Alliance Partners

Intel & Microsoft

Maximize your deployments efficiently with HP EliteBooks powered by Intel vPro processors and Microsoft Autopilot and Windows 11.

Shop Now

AMD & Microsoft

Ease through your hybrid workday with powerful, secure HP EliteBooks, ProBooks & Workstations with AMD Ryzen Pro processors, Windows 11 and protected by HP Wolf Security.

Shop Now

Accelerate Work With Z + NVIDIA

Powered by 11th Gen IntelR CoreTM processors and NVIDIA RTXTM GPUs, Z by HP Workstations are perfect for CAD design, 3D rendering and VR content.

Shop Now

Explore More HP Featured Products and Solutions

HP Z Workstation

Explore HP Peripherals and Services Landing Page

HP Peripherals & Services

HP Alliance Partners

HP Point of Sales Solutions

HP Sustainability

Call 800.808.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