top of page

<h1> Site Title

<!--  "SITE TITLE" IS USED ONLY FOR "CUB SCOUT PACK 100".  <H1> APPEARS ONLY ONCE PER PAGE. -->
<h6>  Small Heading  <!-- This is for the "Boynton Beach, Florida" underneath Site Title.  -->

<h2> PAGE TITLE <!-- This is the Title at the Top of each Page (24px = 18pt) -->

<h4> Large Heading (same as h2) <!--used as the Title for Blog entries -->

<h5> BASIC HEADER <!--This is the Header for Paragraphs (16px Bold CAPS) -->

<p> Paragraph 1  <!--This is the Main Paragraph Style for Body Text (16 px = 12 pt) -->

<p2> Paragraph 2   <!-- This is for Captions and smaller text.  Text should really not be smaller than this.  (13px = approx. 10pt)  -->

<p3> Paragraph 3  <!-- This is super small fine print.  (12px = approx. 9pt) -->

NOT USED

<h3> Huge Heading

Promo Flyer

Measureing the Measure

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

544px maximum width...

Text blocks should be approximately 2-3 Measures (52-78 characters)

PROPOSED GRID

12 (50px) columns, 80px margins, 11 – 20px gutters = 980px

Column 1 = 50px

Column 2 = 120px

Column 3 = 190px

Column 4 = 260px

Column 5 = 330 px

Column 6 = 400 px

Column 7 = 470 px

Column 8 = 540 px <!--MAXIMUM WIDTH FOR TEXT BLOCKS-->

Column 9 = 610 px

Column 10 = 680 px

Column 11 = 750 px

Column 12 = 820 px

ORIGINAL GRID IDEA

Column 1 = 56px

Column 2 = 192px

Column 3 = 208px

Column 4 = 284px

Column 5 = 360px

Column 6 = 436px

Column 7 = 512 px

Column 8 = 588 px

Column 9 = 664px

Column 10 = 740px

Column 11 = 816px

Column 12 = 900px

bottom of page