Skip to content

Info Circle

Info Circle

These highly customizable info circles can be used to display steps in a process, relative ideas to a topic, as well as an outline to a long thesis. In addition, they can be styled to fit just about any purpose or industry wherever there is a need for a pop of color and animation.

Customization Available:

  • Item Type: Icon or Image
  • CTA Link: None, to icon, in description (adds a button or text CTA), both
  • Individual Item Background Type: Default, Color, Image
  • Action to Display Content: Hover/click
  • Animation of thumbnail: None, various styles
  • Thumbnail Style: Circle, square, custom
  • Info Area Icon/Image: Disable, simple, custom
  • Info Circle Background: None, color, image
  • Style 1

  • Style 2

  • Style 3

  • Style 4

Logo Design

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.

Print Design

Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Website Layout

Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

Brand Identity

Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.

Photography

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit.

Style 1

  • Item Type: Icon
  • CTA Link: None
  • Individual Item Background Type: Default
  • Action to Display Content: Hover
  • Animation of thumbnail: Shake
  • Thumbnail Style: Circle
  • Info Area Icon/Image: Simple
  • Info Circle Background: Color

Info Circle 2

  • Item Type: Icon
  • CTA Link: None
  • Individual Item Background Type: Default
  • Action to Display Content: Hover
  • Animation of thumbnail: Roll in
  • Thumbnail Style: Custom (rounded edges)
  • Info Area Icon/Image: Disable
  • Info Circle Background: Image

Brainstorm

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.

Outline

Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Write

Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.

Revise

Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.

Publish

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit.

Distribute

Vestibulum venenatis eleifend ante at bibendum. Sed varius vitae purus sit amet sollicitudin.

6Q9k3R4

Architecture

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

5919

Renovation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

9266

Construction

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

96459

Sanitation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

Style 3

  • Item Type: Image
  • CTA Link: Button in description 
  • Individual Item Background Type: Image
  • Action to Display Content: Hover
  • Animation of thumbnail: None
  • Thumbnail Style: Circle
  • Info Area Icon/Image: Disable
  • Info Circle Background: None

Style 4

  • Item Type: Image
  • CTA Link: None 
  • Individual Item Background Type: Image
  • Action to Display Content: Click
  • Animation of thumbnail: Flip In Y
  • Thumbnail Style: Circle
  • Info Area Icon/Image: Disable
  • Info Circle Background: None
59549

Starters

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

59549-dark

Desserts

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

WbGOw38

Salads

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Q3qnYO1

Drinks

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

WbGOw38

Main Courses

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Scroll To Top