Elemento a DotNetNuke Skin by Adammer

Containers

Elemento comes with 181 containers. These containers utilize the HTML heading (<h1> through <h6>) tags. Using these containers with the Elemento skin will help you organize your site for improved accessibility.

Styles

Each sample below is using the Header 3 (H3) style. View all Title/Header Styles (sizes). Each boxed container includes a version that is collapsible.

 


 

Standard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Standard Vertical Live

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Minimize

Box Blue Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box Grey1 Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Minimize

Box Grey2 Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box Grey3 Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box Grey4 Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Minimize

Box Tan Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box White Flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Minimize

Box Blue Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

  

Box Grey1 Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box Grey2 Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Minimize

Box Grey3 Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

     

Box Grey4 Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box Tan Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.

Box White Raised

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci sem, dictum congue iaculis non, adipiscing eu eros. Nam eget massa vitae purus adipiscing egestas. Integer nibh quam, sagittis id porttitor ac, vehicula ut est. Nullam vulputate auctor euismod. Pellentesque rutrum fermentum odio, ut consequat mi interdum ac. Mauris congue.