Hardingon Consultancy

Website Development - Internet Solutions

West Country Web Specialists


Full Screen Background

Using a fixed fullscreen website background is a popular technique these days, this page is a very basic example, we have used some Lorem Ipsum text to fill the page out.

Full screen backgrounds can be useful to show products or brands, but they are not effective on mobile devices unless you go for the transparent option shown in the second section of this page.

What Is Lorem Ipsum?

Lorem Ipsum is filler text used for testing fonts and layout for publishing and printing. Lorem Ipsum has been the publishing industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software including versions of Lorem Ipsum.


Lorem Ipsum - Columns

Lorem ipsum dolor sit amet, orci et purus orci purus in platea, enim amet eros erat porta omnis, felis lectus habitasse curabitur pede ligula. Purus pellentesque ligula elit metus cursus vestibulum, proin in proin nisl dui ullamcorper. Mauris urna justo aliquet sed, sed eget nullam felis praesent libero ut. Quis pellentesque arcu mollis eu, est in, quam pede wisi placerat in, ut nec aliquip nascetur pellentesque sunt. Culpa amet convallis amet neque, a sed libero nunc quis pede arcu, pariatur viverra sem quis eget magna.

Lorem ipsum dolor sit amet, orci et purus orci purus in platea, enim amet eros erat porta omnis, felis lectus habitasse curabitur pede ligula. Purus pellentesque ligula elit metus cursus vestibulum, proin in proin nisl dui ullamcorper. Mauris urna justo aliquet sed, sed eget nullam felis praesent libero ut. Quis pellentesque arcu mollis eu, est in, quam pede wisi placerat in, ut nec aliquip nascetur pellentesque sunt. Culpa amet convallis amet neque, a sed libero nunc quis pede arcu, pariatur viverra sem quis eget magna.

Lorem ipsum dolor sit amet, orci et purus orci purus in platea, enim amet eros erat porta omnis, felis lectus habitasse curabitur pede ligula. Purus pellentesque ligula elit metus cursus vestibulum, proin in proin nisl dui ullamcorper. Mauris urna justo aliquet sed, sed eget nullam felis praesent libero ut. Quis pellentesque arcu mollis eu, est in, quam pede wisi placerat in, ut nec aliquip nascetur pellentesque sunt. Culpa amet convallis amet neque, a sed libero nunc quis pede arcu, pariatur viverra sem quis eget magna.


Some More....

Nec at fusce sociis volutpat, egestas fusce feugiat, ullamcorper arcu ut pretium aliquam nonummy consectetuer, nunc placerat ipsum interdum, nunc purus. Sequi vitae pellentesque. Fringilla metus ipsum amet mauris ut vitae, mi donec rhoncus aptent tincidunt id et, pretium luctus, faucibus cum aliquam cum. Nulla amet curabitur rutrum libero at dictum. Tellus maecenas quis est sed elit rhoncus. Nonummy montes sit mauris felis, aliquam eros vivamus sociis, venenatis sed sem penatibus. Molestie etiam est excepturi penatibus. Venenatis est vel, rhoncus consectetuer nunc vel quam, arcu dolor cum semper mauris libero vehicula, repudiandae dignissim, nunc nunc. Nec wisi magnis, et massa, elit laoreet a feugiat, aptent elit in. Ante est ut augue. Vestibulum sollicitudin tortor wisi curabitur quis sed, in vitae. Accumsan ultricies tincidunt risus sed nulla, sollicitudin dictum suscipit, velit urna.


Drop the Box!

Sometime text will bleed into or disappear completely on an image background, so we can put the text in a box with a solid background like the box above, other times we might want to show the text on-top of the background like this section.

Lorem Ipsum?

Lorem ipsum dolor sit amet, orci et purus orci purus in platea, enim amet eros erat porta omnis, felis lectus habitasse curabitur pede ligula. Purus pellentesque ligula elit metus cursus vestibulum, proin in proin nisl dui ullamcorper. Mauris urna justo aliquet sed, sed eget nullam felis praesent libero ut. Quis pellentesque arcu mollis eu, est in, quam pede wisi placerat in, ut nec aliquip nascetur pellentesque sunt. Culpa amet convallis amet neque, a sed libero nunc quis pede arcu, pariatur viverra sem quis eget magna.


Full Width Rows

We can use full screen rows, to add some impact to a page.

Lorem Ipsum?

Lorem ipsum dolor sit amet, orci et purus orci purus in platea, enim amet eros erat porta omnis, felis lectus habitasse curabitur pede ligula. Purus pellentesque ligula elit metus cursus vestibulum, proin in proin nisl dui ullamcorper. Mauris urna justo aliquet sed, sed eget nullam felis praesent libero ut. Quis pellentesque arcu mollis eu, est in, quam pede wisi placerat in, ut nec aliquip nascetur pellentesque sunt. Culpa amet convallis amet neque, a sed libero nunc quis pede arcu, pariatur viverra sem quis eget magna.


Back to Normality

This section is back inside the standard width section - usually about 1100 pixels on a desktop or large sized screen.

Lorem Ipsum?

Lorem ipsum dolor sit amet, orci et purus orci purus in platea, enim amet eros erat porta omnis, felis lectus habitasse curabitur pede ligula. Purus pellentesque ligula elit metus cursus vestibulum, proin in proin nisl dui ullamcorper. Mauris urna justo aliquet sed, sed eget nullam felis praesent libero ut. Quis pellentesque arcu mollis eu, est in, quam pede wisi placerat in, ut nec aliquip nascetur pellentesque sunt. Culpa amet convallis amet neque, a sed libero nunc quis pede arcu, pariatur viverra sem quis eget magna.

Contact Us



Hardington Consultancy - Web Solutions