Table of Contents
Text Formatting
This body copy section includes all examples of semantic HTML markup as well as CSS styles. CSS heading styles are labeled "Headline Style 1-7".
H2 3xl
H2 2xl
H2 xl
H2 l
H2 med
H2 small
H2 xs
H2 normal
H3 normal
H4 normal
H5 normal
H6 normal
Heading 2TM: Text With Italics, Superscript and Bold
Art party vibecession cold-pressed excepteur qui crucifix cornholeTM. Green juice tumblr live-edge, consectetur 90's ugh labore cornhole occaecat. Yes plz vaporware prism, in cupidatat fanny pack la croix ramps praxis ut fam bicycle rights proident snackwave tonx. Freegan minim fugiat gatekeep kale chips aliqua lorem labore.
Heading 3: Lists
Unordered list:
- Cardigan pour-over etsy, banjo cillum mlkshk sed poutine magna grailed.
- Squid jianbing velit tumblr, tousled unicorn pop-up scenester air plant pickled shabby chic mukbang blue bottle.
- Esse +1 dreamcatcher JOMO minim gentrify qui, tbh live-edge post-ironic hammock veniam ramps dolore.1
Ordered list:
- Cardigan pour-over etsy, banjo cillum mlkshk sed poutine magna grailed.
- Squid jianbing velit tumblr, tousled unicorn pop-up scenester air plant pickled shabby chic mukbang blue bottle.
- Esse +1 dreamcatcher JOMO minim gentrify qui, tbh live-edge post-ironic hammock veniam ramps dolore.1
Heading 4: Link Styles
Body text link to a document (this should open in a new tab)
External link (should invoke "Leaving standard.com" speed bump)
This text has a tooltip.
Heading 5: Table
Sus ex iPhone meggings hammock. Shabby chic excepteur umami, dolor ullamco vibecession knausgaard celiac leggings in keffiyeh plaid. Snackwave small batch succulents whatever coloring book street art swag offal iceland shoreditch umami art party kombucha.
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Row 1, column 1 | Row 1, column 2 | Row 1, column 3 |
| Row 2, column 1 | Row 2, column 2 | Row 2, column 3 |
Heading 6: Inline Quote
The text below should be formatted as a quote:
Actually listicle church-key fugiat, taxidermy portland franzen taiyaki ugh id neutra snackwave. Succulents lomo cupidatat heirloom cornhole laboris. Try-hard PBR&B XOXO prism.
Inline Image and Video Tests
There should be a video displaying full width of the body with a caption beneath.
Freegan pariatur occupy neutral milk hotel bitters shoreditch pour-over small batch blog JOMO dolore. Master cleanse poke ut sint mukbang aliquip. Craft beer slow-carb flexitarian JOMO. Trust fund tempor neutra pabst eu skateboard.
An image should be floating on the left (dekstop view). The image is formatted to be half width at the 2:1 aspect ratio.
It should display a caption.
Freegan pariatur occupy neutral milk hotel bitters shoreditch pour-over small batch blog JOMO dolore. Master cleanse poke ut sint mukbang aliquip. Craft beer slow-carb flexitarian JOMO. Trust fund tempor neutra pabst eu skateboard.
1 This is the disclaimer point 1.
2 Disclaimer point 2.
Design Components
Test to ensure each type of component renders as expected.
Home Action Block
Block with three links and descriptions.
One sentence providing context to customer group.
One sentence providing context to customer group.
One sentence providing context to customer group.
Dropdown component
Key Statistics Block
Big mood hammock organic typewriter, biodiesel activated charcoal vape cold-pressed.
Fingerstache mukbang four dollar toast mustache.
Same roof party green juice, enamel pin letterpress gochujang celiac.
Taiyaki XOXO tumeric brunch.
Palo santo wolf heirloom vaporware, chia blue bottle adaptogen pickled solarpunk YOLO.
Accordion without image
First accordion should be expanded by default.
There should be an image floating to the right of the text.
Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Ut a nisl id ante tempus hendrerit. Praesent nec nisl a purus blandit viverra.
Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Vivamus quis mi. Aliquam lobortis. Praesent ac sem eget est egestas volutpat.
Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Ut a nisl id ante tempus hendrerit. Praesent nec nisl a purus blandit viverra.
Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Vivamus quis mi. Aliquam lobortis. Praesent ac sem eget est egestas volutpat.
Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Ut a nisl id ante tempus hendrerit. Praesent nec nisl a purus blandit viverra.
Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Vivamus quis mi. Aliquam lobortis. Praesent ac sem eget est egestas volutpat.
Accordion With an Image
Sed consequat leo eget bibendum
In ut quam vitae odio
Sed cursus turpis vitae tortor. Suspendisse potenti. Aenean commodo ligula eget dolor. Quisque rutrum.
Phasellus blandit leo ut odio. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum. Vivamus aliquet elit ac nisl. Fusce commodo aliquam arcu.
Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Vestibulum eu odio. Phasellus accumsan cursus velit. Fusce pharetra convallis urna.
Action Block: Image With Parallax
Action Block No Image
Quote with an image
Quote without an image
Video Block: Full Size
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt.
Small Video Block
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Etiam imperdiet imperdiet orci. Phasellus viverra nulla ut metus varius laoreet.
Promo Cutout
Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Nunc interdum lacus sit amet orci. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aliquam eu nunc.
Explore the Interactive PFML Map
Each state approaches paid family and medical leave and state disability differently.
Keep track of the latest rules in your state with our interactive PFML map.
Simple Feature
This body text should allow HTML formatting.SM
- List item 1
- List item 2
It should also have a button and a CTA link below.
Tabs Block
I'm baby pitchfork irony flannel vibecession, taxidermy celiac you probably haven't heard of them praxis adaptogen gatekeep pop-up hella microdosing drinking vinegar farm-to-table. Big mood hammock organic typewriter, biodiesel activated charcoal vape cold-pressed.
Fingerstache mukbang four dollar toast mustache. Portland tilde occupy, meh pour-over waistcoat ethical blue bottle ugh four dollar toast lomo hexagon. Same roof party green juice, enamel pin letterpress gochujang celiac. Mlkshk migas lomo heirloom solarpunk before they sold out. Meditation shabby chic photo booth literally tonx intelligentsia, crucifix marxism.
Tofu artisan shaman cold-pressed cloud bread. Fit blue bottle la croix vexillologist Brooklyn succulents. Taiyaki XOXO tumeric brunch.
Fingerstache franzen woke fit mixtape PBR&B put a bird on it, pug blackbird spyplane next level offal bicycle rights big mood bruh migas.
Palo santo wolf heirloom vaporware, chia blue bottle adaptogen pickled solarpunk YOLO.
- Kinfolk PBR&B offal unicorn, lo-fi kogi gochujang bodega boys.
- Pitchfork neutra occupy fingerstache big mood lumbersexual dreamcatcher vibecession.
- Man braid gatekeep fit, art party chambray pickled tacos kale chips gorpcore williamsburg banjo fam cronut.
Listings and Card Grids
Below is a topic listing that's retrieving Research and Insights content for businesses and organizations. Test the filters and whether matching content displays.
Latest Insights
Linked Card Grid With Photos
There should be cards using existing promos. This is configured to display their photos.
Dive into new research on Pooled Employer Plans and discover ways to help you grow all avenues of your business.
Manual Linked Cards With Icons
Tile Grid Without Images
There should be two rows of two promos without images.
Social Media
Health Advocacy
Taking care of medical needs can burden anyone, but Health Advocacy offers relief. This service provides Personal Health Advocates to help you cope with health-care headaches. Advocates explain medical plans, make sense of doctor bills, compare services, schedule appointments and more.2
Protector Platinum GSI
Protector PlatinumSM GSI is only available in California.
How Can Absence Management Services Pay Off?
See how letting us handle your absence management can be a smart investment.
Manual Tile Grid With Icons
There should be a row of three cards with icons.
FAQ
There should a listing of frequently asked questions about Dental and Vision insurance below.
You access dental and vision benefits through a separate portal. Please select one of the login options above based on where your employer is headquartered. If you need help setting up your account, view the login instructions for the Dental Portal or Vision Portal.
Yes, we can help. Password assistance is available online. For help with your User ID, please contact us.
Select one of the login links above based on where your employer is headquartered.
Once you arrive on the login page, follow the instructions for "First-Time Users."
For more help, you can view or download the login instructions for the Dental Portal or Vision Portal.
Webform Test
Calculator Test
Quiz Test
Special Functionality
Special Functionality
Right click if you'd like to open in a new tab.
Finally, make sure disclosures are displaying at the bottom of the page.