Heading Level 1

Basic fixed header and footer template, SD3 version

The template is very basic, and the idea is to create a 'frame' for an internet page. No matter how much or how little content iyou put in, the header and footer will stay visible, pinned to the top and bottom of the viewport.

I haven't decorated this template much, because you are supposed to rip out the contents and add your own. For example, the menu can be any menu that sits as a bar across the page, be it a 'hamburger' one, with or without dropdowns. Vertical menus will not work here. All widths, heights and colours can be changed. You could, for example, use some of my other building blocks that you can find here in the sharing folder, to help you display your contents. As an illustration for that I have used a basic card building block that I had made earlier, just adapted the colours a bit.  The template is created with SD3 in Foundation, so if you pick some of my stuff, be sure to take something that has been built the same way

This template can be made into a component, select the 'wrapper' container.


Placeholder Picture

The top container uses the class '.card-divider'. Both the image and these paragraphs are wrapped in '.card-section' containers.


Placeholder Picture

Spring flowers growing im my garden. The pictures were taken using a macro filter on a small zoom lens.


Placeholder Picture

To make a component, just select the container 'card-wrapper'. If you want to use the component on a site, please provide your own images.

Heading Level 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.