Oops! Sorry!!


This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge.

Style Guide

Oops! Sorry!!


This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge.

#FFFFFF

Primary Background

#002b43

Secondary Background, Titles, Par

#FFD74A

Title Highlight Font (Dark BG)

#FF4613

Button

#DC3001

Button On Hover

#1C4A9D

Titles Highlight Font (Light BG)

#1C3C63

Secondary Background #2

#DC3001

Button On Hover

#1C4A9D

Titles Highlight Font (Light BG)

HEADING FONT: MONTSERRAT

PAR FONT: MONSTSERRAT

Margin in Block: 50 - 100px top & bottom
Padding Inside texts: 20px - 50px depends on size

H1 - size 60px, padding 20px below, black

H2 - size 35px, padding 20px below, black

H3 - size 24px, padding 20px below, bold

H4 - size 20px, padding 20px below, bold

H5 clean - size 16px, padding 20px below, bold

Par clean - size 18px, padding 20px below, normal letter height

  • Icon list - size 18px, padding 20px below

  • H1 HEADING

    H2 HEADING H2 HIGHLIGHT

    H3 HEADING 

    H4 HEADING

    H5 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.

  • This is an icon list item

  • H1 HEADING

    H2 HEADING H2 HIGHLIGHT

    H3 HEADING 

    H4 HEADING

    H5 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.

  • This is an icon list item

  • LIST ICONS

    ICON LIST OPTION 1 THIS IS THE TITLE OF ICON LIST LOREM IPSUM
  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • ICON LIST OPTION 1 THIS IS THE TITLE OF ICON LIST LOREM IPSUM
  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • ICON LIST OPTION 1 THIS IS THE TITLE OF ICON LIST LOREM IPSUM
  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • ICON LIST OPTION 1 THIS IS THE TITLE OF ICON LIST LOREM IPSUM
  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • ICON LIST OPTION 1 THIS IS THE TITLE OF ICON LIST LOREM IPSUM
  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • ICON LIST OPTION 1 THIS IS THE TITLE OF ICON LIST LOREM IPSUM
  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • This is an icon list item

  • NESTED COLUMNS/ DESIGN BLOCKS

    YOU CAN GROW YOUR ONLINE BUSINESS 10X TOMORROW

    THIS IS AN EXAMPLE OF A HEADLINE MORE TEXT

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.

    REGISTER NOW

    YOU CAN GROW YOUR ONLINE BUSINESS 10X TOMORROW

    THIS IS AN EXAMPLE OF A HEADLINE MORE TEXT

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.

    REGISTER NOW

    THIS IS AN EXAMPLE OF A HEADLINE MORE TEXT

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.

    REGISTER NOW

    THIS IS AN EXAMPLE OF A HEADLINE MORE TEXT

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.

    REGISTER NOW

    BOX STYLE

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    H4 HEADING

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim.

    FAQ BLOCK

    LOREM IPSM COLLAPSE HEADING

    Ullam qui culpa officiis quo accusamus et numquam. Non dolor exercitationem expedita et rerum. In corporis delectus et magnam rerum. Et maxime natus sed aut temporibus dolor qui.

    LOREM IPSM COLLAPSE HEADING

    Ullam qui culpa officiis quo accusamus et numquam. Non dolor exercitationem expedita et rerum. In corporis delectus et magnam rerum. Et maxime natus sed aut temporibus dolor qui.

    LOREM IPSM COLLAPSE HEADING

    Ullam qui culpa officiis quo accusamus et numquam. Non dolor exercitationem expedita et rerum. In corporis delectus et magnam rerum. Et maxime natus sed aut temporibus dolor qui.

    LOREM IPSM COLLAPSE HEADING

    Ullam qui culpa officiis quo accusamus et numquam. Non dolor exercitationem expedita et rerum. In corporis delectus et magnam rerum. Et maxime natus sed aut temporibus dolor qui.

    LOREM IPSM COLLAPSE HEADING

    Ullam qui culpa officiis quo accusamus et numquam. Non dolor exercitationem expedita et rerum. In corporis delectus et magnam rerum. Et maxime natus sed aut temporibus dolor qui.

    LOREM IPSM COLLAPSE HEADING

    Ullam qui culpa officiis quo accusamus et numquam. Non dolor exercitationem expedita et rerum. In corporis delectus et magnam rerum. Et maxime natus sed aut temporibus dolor qui.