Reference Page

Style Guide Project Components

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

PROJECT COMPONENTS

All components fo Allure 2.0



Inside Layout

Master template for inside pages
Specifications:

Feature Area 01

Feature Area for main pages
Specifications:

Sleep

Phasellus quis diam ac nisi porta congue. Phasellus pharetra rutrum felis ut viverra. Mauris vulputate faucibus neque.

Read More
SLEEP

Gift Vouchers

Phasellus quis diam ac nisi porta congue. Phasellus pharetra rutrum felis ut viverra.

Read More
Gift Vouchers

Eat

Phasellus quis diam ac nisi porta congue. Phasellus pharetra rutrum felis ut viverra

Read More
Eat

Events

Phasellus quis diam ac nisi porta congue. Phasellus pharetra rutrum felis ut viverra. Mauris vulputate faucibus neque.

Read More
EVENTS

Feature Area 02

Feature Area for inside pages
Specifications:

Sit With Us

Ex dolor eleifend his, eu eos viris principes constituam. Nec sonet everti voluptatum id. Illud omnium ea eum, nec vocibus volutpat reprehendunt ea, te nam nemore reprehendunt. Quo mutat expetenda similique ad.

Ex dolor eleifend his, eu eos viris principes constituam. Nec sonet everti voluptatum id. Illud omnium ea eum, nec vocibus volutpat reprehendunt ea, te nam nemore reprehendunt. Quo mutat expetenda similique ad.

Ex facer mucius aliquam pri, case civibus mentitum id nam. Molestie mediocrem consulatu sed cu. Ei vis molestiae interpretaris dolor nonumy urbanitasn quidam docendi singulis usmea nostrum.tincidunt ut, ferri alienum an his.

Book Your Table