Enquire Now 01582 761642
Enquiry Form
Enquire Now 01582 761642 Enquiry Form

Kui Test Page

This page shows the result of style sheet settings on various theme elements.

Grid

1

2

3

4

5

6

7

8

9

10

11

12

.kt-col

  • Theme Colours
  • kt-vib-lightest
  • kt-vib-lighter
  • kt-vib-light
  • kt-vib
  • kt-vib-dark
  • kt-vib-darker
  • kt-vib-darkest
  • kt-col1-lightest
  • kt-col1-lighter
  • kt-col1-light
  • kt-col1
  • kt-col1-dark
  • kt-col1-darker
  • kt-col1-darkest
  • kt-col2-lightest
  • kt-col2-lighter
  • kt-col2-light
  • kt-col2
  • kt-col2-dark
  • kt-col2-darker
  • kt-col2-darkest
  • Base Colours
  • kt-col-white
  • kt-col-neutral-light
  • kt-col-neutral
  • kt-col-neutral-dark
  • kt-col-black
  • kt-col-warning-light
  • kt-col-warning
  • kt-col-warning-dark
  • kt-col-alert-light
  • kt-col-alert
  • kt-col-alert-dark
  • kt-col-info-light
  • kt-col-info
  • kt-col-info-dark
  • kt-col-success-light
  • kt-col-success
  • kt-col-success-dark

.ktfont

Font1 200
Font1 200 Italic
Font1 400
Font1 400 Italic
Font1 600
Font1 600 Italic
Font2 200
Font2 200 Italic
Font2 400
Font2 400 Italic
Font2 600
Font2 600 Italic

Headings and Text

H1 Heading strong

H2 Heading strong

H3 Heading strong

H4 Heading strong

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph with class 'large': Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph with class 'small': Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Blockquote: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Cite: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

.kbox

Vib background

Lightest

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lighter

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Light

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dark

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Darker

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Col1 background

Lightest

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lighter

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Light

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dark

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Darker

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Col2 background

Lightest

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lighter

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Light

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dark

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Darker

H1

H2

H3

H4

Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

callout

secondary callout

success callout

warning callout

alert callout

.button

Buttons Sets

.klist

Base

Bullet

  • List item 1 is a longer item to test text wrap
  • List item 2 is a longer item to test text wrap

Bullet -light

  • List item 1
  • List item 2

Bullet Round

  • List item 1
  • List item 2

Bullet Large

  • List item 1
  • List item 2

Bullet Argrid-x grid-margin-x

  • List item 1
  • List item 2

Bullet Argrid-x grid-margin-x Right

  • List item 1
  • List item 2

Blocklist

  • List item 1
  • List item 2

.kicon

Note: not all icons will be provided for every website.

ki-add
ki-article
ki-back
ki-bedrooms
ki-broadband
ki-bullet-argrid-x grid-margin-x
ki-bullet-round
ki-bullet-square
ki-calendar
ki-car-parking
ki-case-study
ki-cleaning
ki-clock-radio
ki-close
ki-cookies
ki-down
ki-email
ki-error
ki-facebook
ki-favourite
ki-feed
ki-file-download
ki-file-excel
ki-file-pdf
ki-file-word
ki-forward
ki-gallery
ki-google-plus
ki-google
ki-grid
ki-hairdryer
ki-home
ki-info
ki-ipad-charging
ki-linen
ki-link
ki-linkedin
ki-list
ki-login
ki-logout
ki-map
ki-menu
ki-mobile
ki-next-level
ki-no-smoking
ki-page
ki-pause
ki-phone
ki-pinterest
ki-play
ki-print
ki-refresh
ki-search
ki-social
ki-subtract
ki-success
ki-television
ki-trash
ki-twitter
ki-up
ki-user
ki-www
ki-youtube