0333 900 9860






    Please note that UK Connect requires your contact information to reach out to you regarding our products and services. You can unsubscribe from these communications at any time. For details on how to unsubscribe and our privacy practices, please review our Privacy Policy.

    By clicking submit button, you consent to UK Connect storing and processing the personal information provided above to fulfill your content or service requests.

    Colors

    Background Colors

    primary -
    .bg--primary
    default -
    .bg--default
    dark -
    .bg--dark
    gradient -
    .bg--gradient
    white -
    .bg--white
    black -
    .bg--black

    Text Colors

    .text-color-primary

    .text-color-default

    .text-color-sky-blue

    .text-color-blue

    .text-color-white

    .text-color-grey

    Typography

    Text styles

    Titles sizes

    60px - h1 or .h1 or .title-xxl

    50px - h2 or .h2 or .title-xl

    40px - h3 or .h3 or .title-lg

    28px - h4 or .h4 or .title-l

    22px - h5 or .h5 or .title-md
    20px - h6 or .h6 or .title-sm

    Text sizes

    28px - .text-xl

    22px - .text-lg

    20px - .text-md

    18px - .text-default

    16px - .text-sm

    14px - .text-xs

    Fonts

    .font--primary

    .font--secondary

    Font weight

    .fw-light

    .fw-normal

    .fw-medium

    .fw-semibold

    .fw-bold

    .fw-bolder

    .content-block

    Title

    Subtitle

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.

    • Lorem ipsum 1
    • Lorem ipsum 2
    • Lorem ipsum 3
    • Lorem ipsum 4
    • Lorem ipsum 5

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.

    1. Lorem ipsum 1
    2. Lorem ipsum 2
    3. Lorem ipsum 3
    4. Lorem ipsum 4
    5. Lorem ipsum 5

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.

    Check list - .check-list

    • Lorem ipsum 1
    • Lorem ipsum 2
    • Lorem ipsum 3
    • Lorem ipsum 4
    • Lorem ipsum 5
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi obcaecati iure odit, esse optio culpa, sunt illum ad quos aliquam veritatis, nulla fugit tempore! Ipsa blanditiis officia ducimus accusantium similique.

    Buttons

    .button
    Button
    .button.button-white
    Button
    .button.button-dark
    Button
    .button.button-orange-outline
    Button
    .button.button-white-outline
    Button
    .button.button-dark-outline
    Button
    .button.button-sm
    Button
    .button.button-white.button-sm
    Button
    .button.button-dark.button-sm
    Button

    .text-button-arrow

    Read article

    .link-underline

    Text link

    Components

    .component--tag

    data-style=[dark]
    data-style=[orange]
    data-style=[white]
    data-style=[grey]

    Form

    [ninja_form id=1]
    [ninja_form id=2]