CSS Template: SHD LLC Style

/* TYPICAL PAGE STYLES */

Typical Global Settings

for *, body, and underlines.

Typical Headers

heading 1 format

heading 2 format

heading 3 format

heading 4 format

heading 5 format

heading 6 format

Typical Links

Typical CSS link/hover. A typical sentence with a link to W3Schools.

Typical Tables

A very simple table.
Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
Tersa	Watson	77

A 60% table with thead, tbody, tfoot.
Firstname	Lastname	Age
aka first	aka last	#
Jill	Smith	50
Eve	Jackson	94
Tersa	Watson	77
Firsts	Lasts	Ages
text	text	number

A table with 30% width & thead, tbody.
Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

A table with 16% width.
Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

Typical Lists

One very long line that wraps if placed in a box or narrow margins.
Two
Three

One very long line that wraps if placed in a box.
Two
Three

Typical Images

/* USEFUL CLASSES */

Sample text with different styles, such as, clean links, 75% font, and text in box frame.

This sample uses a centered text alignment and then adds the frame.

/* INLINE ID'S */

Sample id text for mobile: 919-384-5902, and skype: ___xxxx___.

/* ACCENT GRAPHICS */

trimline

trimline80

/* HEAD */

See top of page: header, nav#TOP, #select_tab, #parent_tab

/* BODY */

See main body of page: main

Box Layout

Screen pixel width: < 100 < 200 < 300 < 400 < 500 < 600* < 700 < 800 < 900* < 1000 < 1200 < 1400 < 1600 < 1800 < 2000 < 2200 < 2400

How Big is My Browser?

Sample of box with image.

Single Box

A single 33% box with border looks like this. And links in a box border seem to work fine.

A box without a border looks like this.
Even with another line and no width specified.

**********

Add a link without a border and strange things happen with spaces
when you put in line breaks.

A single 50% box with border and text centered.

Box: 25% 50% 25%

Sample text for focus box number one at 25%.

And some more text for focus box number two right beside it.

Last box number three also at 25%.

Box: 70% 30%

Sample of 70% box with 100% image.

Sample of 30% box with 100% image.

Box: 33% 33% 33%

This is a box that spans 33% the width of the screen.

And some more text for focus box number two right beside it.

Last box number three also at 33% that may wrap if the screen gets narrow.

Responsive Gallery

Screen pixel width:

< 600 (1 column)

600-800 (2 columns)

> 800 default (4 columns)

A single gallery work

SHD Service Area - Orange & adjacent counties

Orange & adjacent service area

Katherine P.S. Walker

A single gallery work

Orange & adjacent service area

Another gallery logo

A single gallery work

Another gallery logo

/* FOOT */

See bottom of page: nav#BTM, footer