This "hidden" page contains sample sections , to be copy-pasted to "responsive" site pages. It is not intended and the final site's page, and you can delete it later.
    Choose the section that is closest to the desired design, select its "top" wrapping panel (without selecting elements inside), Copy, then Paste onto a page and edit as needed. 
    Hint: use right-click + Paste to paste to a certain page location.
    To make this page - and any other page - "responsive", make it inherite the base layer BaseCalque (the button in the middle of the Page menu).


    Principal modifications:
  • Edit the Code Block at the top-left of the section, to specify an appropriate anchor's name and id.
  • Change External Margins of the sub-panel (the subcontainer one inside the section's container, all section content is inside it), to control the minimum section height - in a browser, the margins will never reduce beyond specified values.
  • Similarly, to change the distance between content elements inside the sub-panel, modify their External Margins.
  • Delete unnecessary content element, or copy-paste it to add more content of the same kind.
  • Changing elements' styles is done  usually, for example using Styles->Customize on the right. you may need to choose a Style Zone and State. To change the responsive width of an element, tou can use a combination of Width, Max Width and Min Width.
  • To change the order of content elements, it is sometimes best to use the Element Explorer on the left, to drag an element above or below other elements.
  • To definitely hide an element, use its Property "Visible" (some elements on the base layer are hidden this way, like most of the navigation arrows).
  • Some styles and behavior are controlled by Custom Classes specified by the corresponding Property. The effect is only visible in a browser, not during editing.

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?
SED UT PERSPICIATIS UNDE 
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE 
test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test 
test test test test test test test test test test test test test test test 
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
SED UT PERSPICIATIS UNDE 
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE 
SED UT PERSPICIATIS UNDE
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE
SED UT PERSPICIATIS UNDE
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE
SED UT PERSPICIATIS UNDE
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE
SED UT PERSPICIATIS UNDE
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE
SED UT PERSPICIATIS UNDE SIT VOLUPTATEM ACCUSANTIUM