Page Elements
TEMPLATE STYLE GUIDE
The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.
Typography
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9
h1.Heading
h1.HeadingBold
h1.HeadingItalic
h2.Heading
h2.HeadingBold
h2.HeadingItalic
h3.Heading
h3.HeadingBold
h3.HeadingItalic
h3.Heading
h3.HeadingBold
h3.HeadingItalic
h4.Heading
h4.HeadingBold
h4.HeadingItalic
h5.Heading
h5.HeadingBold
h5.HeadingItalic
h6.Heading
h6.HeadingBold
h6.HeadingItalic
h1.Paragraph
p.Lorem ipsum dolor sit amet, this is a link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed This is an italic item fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
p.Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget This is a bold item fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
List Types
h3.Ordered List
- List Item 1
- List Item 2
- List Item 3
h3.Unordered List
- List Item 1
- List Item 2
- List Item 3
Colors
$PRIMARY-COLOR
Main Brand Color
$SECONDARY-COLOR
Brands Complimentary Color
$SECONDARY-COLOR2
Brands Complimentary Color
$SECONDARY-COLOR3
Brands Complimentary Color
$BOOK-BTN-COLOR
Color on Book buttons
$CALENDAR-HEAD-BACK-COLOR
Color on Calendar Header
$CALENDAR-HEAD-TEXT-COLOR
Color of text on Calendar Header
$CALENDAR-ACTIVE-COLOR
Active Color on Calendar
$CALENDAR-HOVER-COLOR
Hover Color on Calendar
Tables
# | First Name | Last Name | Instrument |
---|---|---|---|
1 | John | Lennon | Guitar |
2 | Paul | McCartney | Bass |
3 | George | Harrison | Guitar |
4 | Ringo | Starr | Drums |
# | First Name | Last Name | Instrument |
---|---|---|---|
1 | John | Lennon | Guitar |
2 | Paul | McCartney | Bass |
3 | George | Harrison | Guitar |
4 | Ringo | Starr | Drums |
# | First Name | Last Name | Instrument |
---|---|---|---|
1 | John | Lennon | Guitar |
2 | Paul | McCartney | Bass |
3 | George | Harrison | Guitar |
4 | Ringo | Starr | Drums |