Avatars
Create and group avatars of different sizes and shapes with the size modifier css classes e.g.
avatar-{xl|lg|md|sm|xs}. Using Bootstrap's naming convention, you can control size of
avatar including standard avatar, or scale it up to different sizes.
Example
Using an additional class .rounded-circle, you can create the rounded avatar.
Example
Using an additional class .avatar-border, you can give a nice border.
Example
Wrap the list of avatars with class .avatar-group to group and show multiple avatars.
Example
Blog Items
Using bootstrap's .card, you can create a card holding blog post.
Top 10 must visit best beaches of Goa
Goa and its beaches do not need an introduction! The state is well known for its spectacular beaches and it is very difficult...read more
11 March, 2020
Top 10 must visit best beaches of Goa
Goa and its beaches do not need an introduction! The state is well known for its spectacular beaches and it is very difficult...read more
11 March, 2020
#travel-diary
Example
Travel Top 10 must visit best beaches of Goa
Goa and its beaches do not need an introduction! The state is well known for its spectacular beaches and it is very difficult...read more
11 March, 2020
Example
Top 10 must visit best beaches of Goa
Goa and its beaches do not need an introduction! The state is well known for its spectacular beaches and it is very difficult...read more
11 March, 2020
#travel-diary
An example showing minimal details
Example
Pricing cards
Using bootstrap's .card, you can create a pricing card.
Starter
$ 49 / month
- Up to 600 minutes usage time
- Use for personal only
- Add up to 10 attendees
- Technical support via email
Professional
$ 99 / month
- Up to 6000 minutes usage time
- Use for personal or a commercial client
- Add up to 100 attendees
- Up to 5 teams
- Technical support via email
Enterprise
$ 599 / month
- Unlimited usage time
- Use for personal or a commercial client
- Add Unlimited attendees
- 24x7 Technical support via phone
- Technical support via email
Example
Starter
$49 / month
- Up to 600 minutes usage time
- Use for personal only
- Add up to 10 attendees
- Technical support via email
Purchase Now
Starter
$ 49 / month
Purchase Now- Up to 600 minutes usage time
- Use for personal only
- Add up to 10 attendees
- Technical support via email
Professional
$ 99 / month
Purchase Now- Up to 6000 minutes usage time
- Use for personal or a commercial client
- Add up to 100 attendees
- Up to 5 teams
- Technical support via email
Enterprise
$ 599 / month
Purchase Now- Unlimited usage time
- Use for personal or a commercial client
- Add Unlimited attendees
- 24x7 Technical support via phone
- Technical support via email
Example
Starter
$49 / month
Purchase Now - Up to 600 minutes usage time
- Use for personal only
- Add up to 10 attendees
- Technical support via email
Gallery
Using Magnific Popup plugin, you can easily create a gallery of images, videos or other custom items. It's a fast, light and responsive lightbox plugin, for jQuery and Zepto.js.
Simple Example
Just specify data attribute data-toggle="image-gallery" to any
div element containing your gallery items to enabled it.
Example
Example
Icons
Prompt comes with two icon libraries: Feather Icons and premium svg based two tones icons.
You can check out all the available icons in folder
/src/assets/images/icons/duotone-icons folder.
Example
@@include("assets/images/icons/duotone-icons/communication/Mail-heart.svg")
Colors
Use text modifier class
.text-* to style the icon.
E.g. text-{primary|secondary|success|danger|info|warning}.
Example
@@include("assets/images/icons/duotone-icons/communication/Mail-heart.svg")
Sizes
Use size modifier class
.icon-{xxs|xs|sm|md|lg|xl|xxl} to change the size.
Example
@@include("assets/images/icons/duotone-icons/communication/Mail-heart.svg")
Feather Icons
Feather is a collection of simply beautiful svg based open source icons. Each icon is designed with an emphasis on simplicity, consistency, and flexibility.
To use an icon on your page, add a data-feather attribute with the icon name to an element.
For a complete list of icons, check here.
Example
Use modifier class .icon-dual to convert it into two-tone. All the color variations are available as well. E.g. icon-dual-{primary|secondary|success|danger|info|warning}.
Use size modifier class .icon-{xxs|xs|sm|md|lg|xl|xxl} to change the size.