REFEERENCE PAGE

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

h1.Heading

h1.HeadingBold

h1.HeadingItalic

h2.Heading

h2.HeadingBold

h2.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.

Icons

The main icon library is Material Design Icons. Click Here to see all the icons available.


.mdi-calendar-blank

.mdi-calendar-check

.mdi-menu

.mdi-close

.mdi-sale

.mdi-check

List Types

Ordered List
  1. List Item 1
  2. List Item 2
  3. List Item 3
Unordered List
  • List Item 1
  • List Item 2
  • List Item 3

Buttons

Size Variation
Small Button Large Button
Border Radius Variation
Button Button Button
Color Variation
Primary Secondary
Outlined
Button Button Button Button Button Button
Disabled
Button Button Button Button Button Button
Icon
Button Button

Button Button

Button Button

Colors

Layout Colors
$primary-color
Main Brand Color
$secondary-color
Complementary Brand Color
$tertiary-color
Complementary Brand Color
Book Button
$book-btn-color
Book Button Color
Status
$error-color
Form Error Color

Tables

Basic Table
#First NameLast NameInstrument
1 John Lennon Guitar
2 Paul McCartney Bass
3 George Harrison Guitar
4 Ringo Starr Drums
Table with (class=" table table-striped")
#First NameLast NameInstrument
1 John Lennon Guitar
2 Paul McCartney Bass
3 George Harrison Guitar
4 Ringo Starr Drums
Table with (class="table table-hover")
#First NameLast NameInstrument
1 John Lennon Guitar
2 Paul McCartney Bass
3 George Harrison Guitar
4 Ringo Starr Drums

Form Elememts