This page contains examples of "sections" that you can copy-paste onto your home page (or any other "responsive" page) and then modify as needed. 
 
 - Select the external panel of a section (the one with a background image or color)
 - Right-click + Copy; 
 - On the target page (e.g. home page), right-click + Paste onto the element-free area.
 
For more information, please consult the Wiki .

- The background images used on this page are not royalty-free. Please use images from your own collection.  
 
- The page SAMPLE is a "hidden" page that contains sets of elements grouped into "sections": Title + photo, Icons + text, text + icons + video, etc...  
 
Select the section that best fits the design desired and copy/paste it onto your page (to “paste” in a specific location, right-click and choose Paste). Be sure to take the entirety of the section by selecting its external container (the one containing the background image or color). 
 
- Important: each "section" must have one, and only one, inner container (element group) for the section content. The outer margins of this sub-container set minimum distances from section boundaries.
 
- The "Horizontal" button in the "Selection" menu controls the automatic centering of an element. 

- To change the order of elements - i.e. place an element below another in a "relative" positioned container (like most of the content in the sections), use the Element Explorer on the left: green "arrow buttons" will appear when it is possible to change the order. Icons under an element and above the element group allow to put elements onto the same "line" and modify alignment.
 
- The entire header menu can be modified in its dedicated Layer (e.g. "Base_MenuRetractable"; simply change the page’s Layer to use a different menu). Use this to modify menu links (by copy/pasting existing links), change the colors etc. Note that these elements are pre-programmed to work with one another, so try to avoid “dragging” new ones on that could disrupt the general responsive behavior of the menu (favor using copy & paste).
 
- For more information, please consult the Wiki:  
 
http://wiki.openelement.com/en/index.php?title=Responsive_Templates_%22Centered%22
 
Please delete this notice before publishing the final version of your website.

AT VERO EOS ET ACCUSAMUS
At vero eos et accusamus At vero eos et accusamus
SED UT PERSPICIATIS UNDE 
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE 
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
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 explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
The panels below are always placed one under another
This text is placed to the right of the image when there is enough space, or under the image otherwise.
This text is placed to the right of the image when there is enough space, or under the image otherwise.
This text is placed to the right of the image when there is enough space, or under the image otherwise.
This text is placed to the right of the image when there is enough space, or under the image otherwise.
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
The panels below are placed horizontally when there is enough space
This text is placed to the right of the image when there is enough space, or under the image otherwise.
This text is placed to the right of the image when there is enough space, or under the image otherwise.
This text is placed to the right of the image when there is enough space, or under the image otherwise.
This text is placed to the right of the image when there is enough space, or under the image otherwise.
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
The content below is placed horizontally when there is enough space
This text always stays under the image
This text always stays under the image
This text always stays under the image
This text always stays under the image
ACCUSANTIUM DOLOREMQUE
The content below is placed horizontally when there is enough space
This text always stays on the right, but adapts its width to the window size. Use Styles-Customize to modify the relative width.
This text always stays on the right, but adapts its width to the window size. Use Styles-Customize to modify the relative width.
This text always stays on the right, but adapts its width to the window size. Use Styles-Customize to modify the relative width.
This text always stays on the right, but adapts its width to the window size. Use Styles-Customize to modify the relative width.
SED UT PERSPICIATIS UNDE SIT VOLUPTATEM ACCUSANTIUM
CONTACT
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
SED UT PERSPICIATIS UNDE SIT VOLUPTATEM ACCUSANTIUM