A brief explanation of the Data Attributes used in this example: data-role – Specifies the role of the element, such as header, content, footer, etc.

Can be set to: a or b. data-position – Specifies whether the element should be fixed, in which case it will render at the top (for header) or bottom (for footer).

jQuery Mobile provides a theming framework that allows developers to customize color schemes and certain CSS aspects of UI features.

Developers can use the jQuery Mobile ThemeRoller[8] application to customize these appearances and create branded experiences.

[9] Each theme can contain up to 26 unique color "swatches," each of which consists of a header bar, content body, and button states.

Switching between different swatches within a theme is as simple as adding an attribute called "data-theme" to HTML elements.