Style Guide Text

Style Guide

1920 x 1080

Login background

1920 x 500

Private Landing Banner

1920 x 500

Private Inner Banner

55 x 65

Private Boxes Icons

1150 x 350

Announcement Image


Example Content

Heading 1
font-family: source-serif-pro, serif
color: #445868;
font-size: 435px;
font-weight: 700;
text-transform:capitalize;

H1. Page Title


Heading 2
font-family: source-serif-pro, serif
color: #445868;
font-size: 30px;
font-weight: 700;
text-transform:capitalize;

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


Heading 3
font-family: source-serif-pro, serif
color: #445868;
font-size: 20px;
font-weight: 400;
text-transform: none;

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


Heading 4
font-family: source-serif-pro, serif
color: #445868;
font-size: 18px;
font-weight: 400;
text-transform: none;

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


Heading 5
font-family: source-serif-pro, serif
color: #445868;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;

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

Heading 6
font-family: source-serif-pro, serif
color: #445868;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;

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

Paragraph
font-family: source-serif-pro, serif
color: #445868;
font-size: 17px;
font-weight: 400;

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


  • Un orderlist
    font-family: source-serif-pro, serif
    color: #445868;
    font-size: 17px;
    font-weight: 400;
  • 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.