SPEC FRONTEND

SPEC FRONTEND

Home
- HOMEPAGES
  - Homepage
  - Homepage 2
  - Homepage 3
  - Homepage 4
  - Homepage 5
  - Homepage 6
  - Homepage 7
  - Homepage 8
  - Homepage 9
  - Homepage 10
  - Homepage 11
- One Page
- Video Header
- Video & Image Header
Industries
Pages
- About
  - About Us 1
  - About Us 2
- Services
- Contact
- Menu
- Account
Shortcodes
- Shortcodes
- Shortcodes
  - Modals
  - Tooltips
  - Popovers
  - FontAwesome
  - Pricing Tables
  - Pie charts
  - Partners
  - Panels
- Shortcodes
- Shortcodes
  - Accordions
  - Alerts
  - Form Inputs
  - Tables
  - Carousels
  - Box Shadows
  - Badges Label
Portfolio
- Gallery View
- Grid View
  - Layout 1
  - Layout 2
  - Layout 3
  - Layout 4
- Masonry View
  - Layout 1
  - Layout 2
  - Layout 3
  - Layout 4
  - Layout 5
  - Layout 6
- Single Work
Blog
- Simple
  - Layout 1
  - Layout 2
  - Layout 3
  - Layout 4
  - Layout 5
  - Layout 6
- Grid View
  - Layout 1
  - Layout 2
  - Layout 3
  - Layout 4
- Masonry View
  - Layout 1
  - Layout 2
  - Layout 3
  - Layout 4
- News/Magazine
- Full Post
  - Layout 1
  - Layout 2
  - Layout 3
  - Layout 4
Shop
- Layout 1
- Layout 2
- Layout 3
- Layout 4
- Layout 5
- Single Product
- Checkout

Popovers

Popovers

Set data-bs-toggle="popover" on the control, placement with data-bs-placement="top", and body text with data-bs-content="…".

Set data-bs-toggle="popover", data-bs-placement="right", and data-bs-content="…".

Set data-bs-toggle="popover", data-bs-placement="bottom", and data-bs-content="…".

Set data-bs-toggle="popover", data-bs-placement="left", and data-bs-content="…".

Dismissible Popovers

Use data-bs-trigger="focus" so the popover dismisses when focus leaves; set title and body with data-bs-title and data-bs-content.

Dismissible popover