Loading...

Style Guide

HomeStyle Guide
Theme Logo

Original Logo & Light Logo

Icon

Theme Fav Icon

Colors

Theme Colors

Primary Color
Secondary Color
Body Text Color
Accent Secondary Color
Tertiary Color
Border Color
Radius

Border Radius

Radius 1X - 10px
Radius 2X - 20px
Radius 3X - 30px
Button

Filled Type

Button

Bordered Type

Button

Textual Type

Button

Button Sizes

Button

Dark BG Buttons

Button

Bordered Type

Button

Textual Type

Button

Button Sizes

Heading 1

68px

Heading 2

46px

Heading 3

36px

Heading 4

24px
Heading 5
20px
Heading 6
18px

Heading Style

About us

About Our digital Agency

We transform creative concepts into engaging digital experiences through thoughtful development and smart technology choices. Our team adapts the right tools for each project, combining modern frameworks with proven methods to ensure performance, scalability, and flexibility. Rebranding isn’t always about fixing problems—it’s often about evolving, refining identity.
About us
About Our digital Agency
We transform creative concepts into engaging digital experiences through thoughtful development and smart technology choices. Our team adapts the right tools for each project, combining modern frameworks with proven methods to ensure performance, scalability, and flexibility. Rebranding isn’t always about fixing problems—it’s often about evolving, refining identity.

Heading Style

About us

About Our digital Agency

We transform creative concepts into engaging digital experiences through thoughtful development and smart technology choices. Our team adapts the right tools for each project, combining modern frameworks with proven methods to ensure performance, scalability, and flexibility. Rebranding isn’t always about fixing problems—it’s often about evolving, refining identity.
About us
About Our digital Agency
We transform creative concepts into engaging digital experiences through thoughtful development and smart technology choices. Our team adapts the right tools for each project, combining modern frameworks with proven methods to ensure performance, scalability, and flexibility. Rebranding isn’t always about fixing problems—it’s often about evolving, refining identity.
Gaps

Column Gap

30px ( 1920 - 350 )
Carousel

Pagination Styles

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
Tesque ornare
Pellentesque ornare

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

Click Here
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
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
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
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
Carousel

Dark BG Pagination Styles

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
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
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
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
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

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

Dark BG Snap Scroll

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

Extrenal Pagination

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
Theme List

Overall Link Style

  • First item
  • Second item
  • Third item
Text

Text With Link Style

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

Popup

Link Popup Style

Popup Style

Icon List Style

  • First item
  • Second item
  • Third item
  • First item
  • Second item
  • Third item
Type - 1
  • First item
  • Second item
  • Third item
Form

Input Styles

    Log In
    View Cart0

    I agree with the Terms & Conditions.

      Section - top bottom spacing

      Desktop - 150px
      Laptop - 120px
      Tab Extra - 100px
      Tab - 80px
      Mobile Extra - 70px
      Mobile - 60px

      Heading to Section

      Desktop - 70px
      Laptop - 70px
      Tab Extra - 60px
      Tab - 60px
      Mobile Extra - 50px
      Mobile - 40px

      Image Hover

      Addons Set-1

      Accordion & Toggle

      Advanced Carousel

      Advanced Gallery

      Advanced Video

      Animation

      Before & After

      Blog Sliders

      Buttons

      Charts

      Counter

      Countdown

      Device Slider

      Addons Set-2

      External Pagination

      Feed Slider

      Flex Banner

      Google Map

      Heading

      Hotspot

      Hotspotline

      Icon List

      Image Box

      Interactive Showcase

      Mailchimp

      Popup Box

      Addons Set-3

      Pricing List

      Process List

      Progress Bar

      Pricing Calculator

      Pricing Plan – Carousel

      Pricing Table

      Rotate Image

      Specifications

      Split Carousel

      Tabs

      Team

      Text With Image

      Addons Set-4

      Testimonial

      Thumbs Slider

      Timeline

      Toggle Switch & Content

      Typeout Text

      Working Hours

      Elements Set-1

      Before & After

      Call to Action

      Career Listing

      Career Detail

      Client Logos

      Contact

      Footers

      FAQ

      Filler

      Flex Banner

      Elements Set-2

      Forms

      Gallery

      Header Type 1

      Header Type 2

      Header Type 3

      Hero Banner

      Hotspots

      Icon Box

      Interactive Showcase

      Marquee

      Elements Set-3

      Mega Menu

      Modal Newsletter

      Newsletter

      Number Counter

      Portfolio Listing

      Process

      Progress Bar

      Pricing Plan

      Services Listing

      Side Menu

      Elements Set-4

      Sliders

      Support Section

      Style Guide

      Text With Image

      Tab

      Timeline

      Team

      Testimonials

      Video Banner

      Sub Heading

      Our Newsletter

      Few lines to well describe your content supporting headline. Few lines to well describe your content supporting headline.
      Facebook Twitter Youtube

      Your Shopping cart

      Close