Style Guide

HomeStyle Guide

Logo

Logo

Light Logo

Fav Icon

Colors

Primary Color

Secondary Color

Tertiary Color

Heading Color

Body Text Color

Body BG Color

Border Color

Typo Heading

H1 Heading ( 70px - 34px)

H2 Heading ( 60px - 30px)

H3 Heading ( 48px - 28px)

H4 Heading ( 36px - 26px)

H5 Heading ( 24px - 20px)
H6 Heading ( 20px - 18px)

Border Details

border-width: 1px; border-style: solid; border-color: #E4E4E4;

Border Radius

border-radius: 10px;

border-radius: 20px;

border-radius: 30px;

Button Style

Dark BG Button Style

Pagination Dots Style

Accumsan mass
Ut accumsan mass

Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

Click Here
Tesque ornare
Pellentesque ornare

Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

Click Here
Tesque ornare
Pellentesque ornare

Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

Click Here
Tesque ornare
Pellentesque ornare

Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

Click Here
Tesque ornare
Pellentesque ornare

Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

Click Here
Tesque ornare
Pellentesque ornare

Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

Click Here

Pagination Arrow Style

Accumsan mass
Ut accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here

Pagination Arrow Style

Accumsan mass
Ut accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here

Snap Scroll Arrow Style

Accumsan mass
Ut accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here

Snap Scroll Arrow Style

Accumsan mass
Ut accumsan mass
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here
Tesque ornare
Pellentesque ornare
Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.
Click Here

Popup Style

Accumsan mass

Input Style

    Subtitle, Heading and content Style

    Sub Heading

    Subtitle, Heading and content Style

    Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.

    Column Gap Detals - 30px

    List Style - Type 1

    • First item
    • First item
    • Rrow itself, let it be sorrow; let him love it; let him pursue it, ishing for its acquisitiendum. Because he will ab hold, uniess but through concer,
    • First item
    • First item

    Link style

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Title below block spacing

    Sub Heading

    Heading Style

    Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.Few lines to well describe your content supporting headline.
    Accumsan mass
    Ut accumsan mass

    Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

    Click Here
    Tesque ornare
    Pellentesque ornare

    Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

    Click Here
    Tesque ornare
    Pellentesque ornare

    Donec sit amet turpis tincidunt eros, nam porttitor massa leo porta maecenas reque.

    Click Here

    Tab

    Donec sed lectus mi. Vestibulum et augue ultricies, tempus augue non, consectetur est. In arcu justo, pulvinar sit amet turpis id, tincidunt fermentum eros. Nam porttitor massa ac leo porta congue nec at leo. Maecenas rutrum, neque bibendum vestibulum imperdiet, ex tellus molestie ante, at semper justo neque vel nisi. In tellus felis, suscipit pellentesque imperdiet sit amet, posuere nec sem. Sed at fringilla justo. Fusce dictum condimentum turpis vitae interdum.

    Donec sed lectus mi. Vestibulum et augue ultricies, tempus augue non, consectetur est. In arcu justo, pulvinar sit amet turpis id, tincidunt fermentum eros. Nam porttitor massa ac leo porta congue nec at leo. Maecenas rutrum, neque bibendum vestibulum imperdiet, ex tellus molestie ante, at semper justo neque vel nisi. In tellus felis, suscipit pellentesque imperdiet sit amet, posuere nec sem. Sed at fringilla justo. Fusce dictum condimentum turpis vitae interdum.

    Donec sed lectus mi. Vestibulum et augue ultricies, tempus augue non, consectetur est. In arcu justo, pulvinar sit amet turpis id, tincidunt fermentum eros. Nam porttitor massa ac leo porta congue nec at leo. Maecenas rutrum, neque bibendum vestibulum imperdiet, ex tellus molestie ante, at semper justo neque vel nisi. In tellus felis, suscipit pellentesque imperdiet sit amet, posuere nec sem. Sed at fringilla justo. Fusce dictum condimentum turpis vitae interdum.

    Search

      Log In
      View Cart0
      Wishlist -
        Log In
        View Cart0
        Wishlist -

        Your Shopping cart

        Close