Introduction
The Info Box block is a versatile and visually appealing element used to display important information, highlights, or calls-to-action within your content. It typically includes a combination of text, icons, and sometimes images, styled in a way to attract attention.
Examples:
Below are various scenarios where and how info box can be effectively employed:
Layout 1
User Details
Cards
Lorem ipsum dolor sit amet, consectetur adipiscing
Date
Check Date
Lorem ipsum dolor sit amet, consectetur adipiscing
Document
Books
Lorem ipsum dolor sit amet, consectetur adipiscing
Layout 2
Downloading
Lorem ipsum dolor sit amet, consectetur adipiscing
No Mic
Lorem ipsum dolor sit amet, consectetur adipiscing
Shopping Cart
Lorem ipsum dolor sit amet, consectetur adipiscing
Price Tag
Lorem ipsum dolor sit amet, consectetur adipiscing
Layout 3
Up Trading
Business Trend
Lorem ipsum dolor sit amet, consectetur adipiscing
Office Bag
Business
Lorem ipsum dolor sit amet, consectetur adipiscing
Video Reels
Video player
Lorem ipsum dolor sit amet, consectetur adipiscing
Layout 4
No coding
Lorem ipsum dolor sit amet, consectetur adipiscing
No coding
Lorem ipsum dolor sit amet, consectetur adipiscing
No coding
Lorem ipsum dolor sit amet, consectetur adipiscing
No coding
Lorem ipsum dolor sit amet, consectetur adipiscing
Layout 5
Contacts
Lorem ipsum dolor sit amet, consectetur adipiscing
Files
Lorem ipsum dolor sit amet, consectetur adipiscing
No Notifications
Lorem ipsum dolor sit amet, consectetur adipiscing
Computer
Lorem ipsum dolor sit amet, consectetur adipiscing
Layout 6
Storage
Lorem ipsum dolor sit amet, consectetur adipiscing
Styles
Lorem ipsum dolor sit amet, consectetur adipiscing
Compass
Lorem ipsum dolor sit amet, consectetur adipiscing
Camera
Lorem ipsum dolor sit amet, consectetur adipiscing
Key Features of the Info Box Block:
- Title: The main heading of the info box.
- Description: Additional information or details that support the title.
- Icon/Image: A visual element to enhance the message or draw attention.
- Call-to-Action (CTA): Optional buttons or links for user interaction.
- Styling Options: Customization options for colors, fonts, borders, and background.