FTS advanced patterns

If you need Tabs and Accordions

This page can be used a reference for the markup needed for the Raw HTML bands used to build these advanced patterns that are commonly needed by FTS content admins.  These patterns use rely on a webux-advanced stylesheet and JS file in Web UX.

This is the title

This is the Headline

This is the Header Summary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque nulla sed justo pulvinar, mattis ornare ligula ultricies. Proin eget odio porttitor, venenatis nisi vitae, sagittis sapien. Etiam condimentum turpis id mi convallis ullamcorper. Maecenas varius luctus urna, id accumsan dolor condimentum id. Donec et rutrum risus. Praesent in semper diam. Quisque lacinia, dolor quis fermentum lobortis, mi ligula tempus orci, at sodales turpis mauris sit amet quam. Cras vitae imperdiet nunc. Duis nec pellentesque est. Praesent quis lorem fermentum, dapibus lacus vitae, porta nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque nulla sed justo pulvinar, mattis ornare ligula ultricies. Proin eget odio porttitor, venenatis nisi vitae, sagittis sapien. Etiam condimentum turpis id mi convallis ullamcorper. Maecenas varius luctus urna, id accumsan dolor condimentum id. Donec et rutrum risus. Praesent in semper diam. Quisque lacinia, dolor quis fermentum lobortis, mi ligula tempus orci, at sodales turpis mauris sit amet quam. Cras vitae imperdiet nunc. Duis nec pellentesque est. Praesent quis lorem fermentum, dapibus lacus vitae, porta nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque nulla sed justo pulvinar, mattis ornare ligula ultricies. Proin eget odio porttitor, venenatis nisi vitae, sagittis sapien. Etiam condimentum turpis id mi convallis ullamcorper. Maecenas varius luctus urna, id accumsan dolor condimentum id. Donec et rutrum risus. Praesent in semper diam. Quisque lacinia, dolor quis fermentum lobortis, mi ligula tempus orci, at sodales turpis mauris sit amet quam. Cras vitae imperdiet nunc. Duis nec pellentesque est. Praesent quis lorem fermentum, dapibus lacus vitae, porta nunc.

This is the title

This is the Headline

Default Paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Default Inline Link Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in.

Example Title

Holds a max of three cards

Start with a stable, flexible foundation that adapts as your business changes.Start with a stable, flexible foundation that adapts as your business changes.

Improve your cloud and other in-demand technology skills.

Integrate new applications with your existing business processes.

Product Details

Everything you need to build and maintain connected solutions

Default Paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Default Inline Link Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in.

Product Specs

Three callouts of product reasons

Default Paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Default Inline Link Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in.