https://demo.ouhsc.edu/Style-Guide Parent Page: Style Guide id: 19973 Active Page: Module Themesid:19985

Module Themes

Some examples of how different modules are themed.

Live Accordion

Pane 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Subheading

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pane 2

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • dales dictum enim. Praesent l
  • ibero dui, sagittis non feugiat eget, 
  • onsectetur in nisl. 

Pane 3

smod faucibus egestas. Nullam ac nunc eget ante posuere iaculis at vitae felis. Sed porta venenatis arcu eu dignissim. Interdum et malesuada fames ac ante ipsum primis in faucibus.Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pane 4

fdgh dfgh dhgf

Live Tabs - Theme: 01_OUHSC_v2

Subheading

 In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. Duis interdum, tortor vitae tempus viverra, libero ex gravida eros, in iaculis orci erat at elit. Quisque ac nisi non lorem interdum facilisis eu at ipsum. Praesent quis neque id ligula convallis ultricies ac sed quam. Praesent non orci non nisl feugiat faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus quam, venenatis sed pretium quis, efficitur convallis est.

Subheading 2

In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. 

Duis interdum, tortor vitae tempus viverra, libero ex gravida eros, in iaculis orci erat at elit. Quisque ac nisi non lorem interdum facilisis eu at ipsum. Praesent quis neque id ligula convallis ultricies ac sed quam. Praesent non orci non nisl feugiat faucibus ultrices eu neque. 

Subheading 3

Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus qu

am, venenatis sed pretium quis, efficitur convallis est.

Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. D

  1. uis interdum, tortor vitae tempus viverra, libero ex gravida
  2.  eros, in iaculis orci erat at elit. Quisque ac nisi non lorem
  3.  interdum facilisis eu at ipsum. Praesent quis neque id ligula conv
  4. allis ultricies ac sed quam. Praesent non orci non nisl feugi

at faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus quam, venenatis sed pretium quis, efficitur convallis est.

Live Tabs - Theme: 02_OUHSC_v2

Subheading

In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. Duis interdum, tortor vitae tempus viverra, libero ex gravida eros, in iaculis orci erat at elit. Quisque ac nisi non lorem interdum facilisis eu at ipsum. Praesent quis neque id ligula convallis ultricies ac sed quam. Praesent non orci non nisl feugiat faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus quam, venenatis sed pretium quis, efficitur convallis est.

Subheading 2

Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. 

Duis interdum, tortor vitae tempus viverra, libero ex gravida eros, in iaculis orci erat at elit. Quisque ac nisi non lorem interdum facilisis eu at ipsum. Praesent quis neque id ligula convallis ultricies ac sed quam. Praesent non orci non nisl feugiat faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus qu

am, venenatis sed pretium quis, efficitur convallis est.

Subheading 3

Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. D

  1. uis interdum, tortor vitae tempus viverra, libero ex gravida
  2.  eros, in iaculis orci erat at elit. Quisque ac nisi non lorem
  3.  interdum facilisis eu at ipsum. Praesent quis neque id ligula conv
  4. allis ultricies ac sed quam. Praesent non orci non nisl feugi

at faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus quam, venenatis sed pretium quis, efficitur convallis est.

Live Tabs Left Side - Theme: 01_OUHSC_v2

Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. Duis interdum, tortor vitae tempus viverra, libero ex gravida eros, in iaculis orci erat at elit. Quisque ac nisi non lorem interdum facilisis eu at ipsum. Praesent quis neque id ligula convallis ultricies ac sed quam. Praesent non orci non nisl feugiat faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus quam, venenatis sed pretium quis, efficitur convallis est.

Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. 

Duis interdum, tortor vitae tempus viverra, libero ex gravida eros, in iaculis orci erat at elit. Quisque ac nisi non lorem interdum facilisis eu at ipsum. Praesent quis neque id ligula convallis ultricies ac sed quam. Praesent non orci non nisl feugiat faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus qu

am, venenatis sed pretium quis, efficitur convallis est.

Ut dignissim tincidunt orci vel scelerisque. In dui risus, feugiat non nunc vel, luctus rhoncus velit. Integer pellentesque fringilla lobortis. Cras cursus odio in purus faucibus euismod. Sed imperdiet risus eu condimentum dictum. D

  1. uis interdum, tortor vitae tempus viverra, libero ex gravida
  2.  eros, in iaculis orci erat at elit. Quisque ac nisi non lorem
  3.  interdum facilisis eu at ipsum. Praesent quis neque id ligula conv
  4. allis ultricies ac sed quam. Praesent non orci non nisl feugi

at faucibus ultrices eu neque. Phasellus ultrices turpis ac massa aliquet pharetra. Aenean malesuada viverra sodales. Fusce at ligula sit amet dui porta elementum. Cras lectus quam, venenatis sed pretium quis, efficitur convallis est.