Style Guide - Fonts

Style Guide

Heading 1
font-family: "Cinzel", serif;
color: #30543b
font-size: 38px
font-weight: bold

H1. Page Title


Heading 2
font-family: "Cinzel", serif;
color: #30543b
font-size: 38 px
font-weight: bold

h2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Heading 3
font-family: "Cinzel", serif;
color: #30543b
font-size: 30px
font-weight: 600

h3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Heading 4
font-family: "Cinzel", serif;
color: #30543b
font-size: 28px
font-weight: 600

h4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Heading 5
font-family: "Cinzel", serif;
color: #30543b
font-size: 26px
font-weight: 600

h5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit ...

Heading 6
font-family: "Cinzel", serif;
color: #30543b
font-size: 24px
font-weight: 600

 

h6. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.

Paragraph
font-family: "Exo", sans-serif
color: #000000
font-size: 20px
font-weight: 400


p. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elit lectus, molestie eu sodales at, porttitor condimentum elit.


Style Guide - Banners

Banner Images

Main Banner Images 

1920px Width * 874px Height
This banner size is used on all the Main Tabs of the Guest Site

Public Inner Banner Images 

1920px Width * 532px Height
This banner size is used on all the inner pages of the guest site and member site

Private Inner Banner Images 

1920px Width * 770px Height
This banner size is used on all the inner pages of the guest site and member site

Templates Used on the website

Templates Used on the website

Single Column Layout: 

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. 
 

Text With Image - Style Guide

Text With Image

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.

Untitled ACCORDION

Accordion

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.

Two Column LayOut

Two Column LayOut

Heading 3

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Heading 3

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Untitled VERTICAL TABS

Vertical Tabs

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Call To Action Button 1 Call To Action Button 2

Column Transactional Content

Columns Transactional Content

Section 1

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Section 2

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Section 3

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. 

Section 4

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit.Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Proin Elit Lectus, Molestie Eu Sodales At, Porttitor Condimentum Elit. Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit.