Update visuals of the PF.org training pages

[lboehling]

As a part of the website refresh, we identified that the visuals on the training pages do not follow PF styles. Want to refine the visuals on these pages to use PF styles.

https://www.patternfly.org/v4/training/design
https://www.patternfly.org/v4/training/html
https://www.patternfly.org/v4/training/react
https://www.patternfly.org/v4/training/react-charts

---

Jira Issue: PF-633

[maryshak1996]

Design mocks: https://www.sketch.com/s/661ef9d9-8307-4e50-84e5-16eea2ff18d0
@evwilkin @mcarrano , Not sure what the next steps are here but I vaguely remember some POC talk??

[mcarrano]

@nicolethoen perhaps also take a look. Can't recall if this is something we are trying to address for v5 or a future initiative.

[nicolethoen]

I don't think there is a huge reason that we need to get this in for the v5 release, but if most of these updates are to the 'card' page which lays out the options for training (which is what it looks like to mo?) then it's a relatively small change. we could likely implement that rather quickly.

[mcarrano]

Should I just open an Org issue in that case and we can prioritize accordingly?