Javascript is not enabled.

Javascript must be enabled to use this site. Please enable Javascript in your browser and try again.

Design System - IN BETA

Getting Started            Components            Presets             Templates

Advanced HTML

If you need custom HTML, CSS, and JS added to your page, you can create it yourself. When you click "Publish" then your page will begin an Approval Workflow. Send an email to AdvancedHTMLApprovers@aarp.org to get your page reviewed and approved for publishing. Please note that any changes made to the Adv HTML Component will require approval, but updates to other elements on the page do not require further approval.


Example: Embedding a Youtube Video

Since we do not have a custom component for embedding videos other than Brightcove Video Player, the only way you can embed something from Youtube is by adding code. This example successfully embeds it with an iframe. Disclaimer: This is for experimental & conceptual purposes and must be modified with fallbacks for varying browsers and screen readers before making this available for public use.

Example: Static Testimonials

A request to display testimonials in quote bubbles. Since there is no existing component for this, this look can be achieved this way. Disclaimer: This is for experimental & conceptual purposes and must be modified with fallbacks for varying browsers and screen readers before making this available for public use.

"I may be growing older but I still want to live life to the fullest. I feel as though I'm finally able to do that through this group."

User Avatar

"This community has given me a new perspective on aging. Every day brings new opportunities to connect and grow with amazing people."

Mary Avatar

"I never thought I'd find such genuine friendships at this stage of life. This group has truly enriched my golden years."

John Avatar

Example: A fun interactive SVG map

Instead of a static SVG illustration of a U.S. map, an interactive one was made for fun. Disclaimer: This is for experimental & conceptual purposes and must be modified with fallbacks for varying browsers and screen readers before making this available for public use.