๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Hotspot / Interactive

Interactive image hotspots and annotated visuals

125 components - V3 100 ยท V4 25

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

V3 Adaptive

Hotspot Layout Style 1 17

hotspot (Pro) on infographic 3-column variant

headingtext-editor
V3 Adaptive

Hotspot Layout Style 2 17

hotspot (Pro) on infographic compact variant

headingtext-editor
V3 Adaptive

Hotspot Layout Style 3 17

hotspot (Pro) on infographic spacious variant with extra padding

headingtext-editor
V3 Adaptive

Hotspot Layout Style 4 17

hotspot (Pro) on infographic with social-icons row

headingtext-editor
V4 Simple

Hotspot with Heading, Image Section

heading + image section

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Hotspot with Heading Only

h-only no-features no-caption tight

e-div-blocke-flexboxe-headinge-image
V4 Elaborate

Centered Hotspot with Heading Only and Caption

h-only no-features caption tight

e-div-blocke-flexboxe-headinge-image+1
V4 Elaborate

Centered Hotspot with Heading Only 2

h-only features-below no-caption tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Hotspot with Heading Only and Caption 2

h-only features-below caption tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Hotspot with Subtitle

h+sub no-features no-caption tight

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Hotspot with Subtitle and Caption

h+sub no-features caption tight

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Hotspot with Subtitle 2

h+sub features-below no-caption tight

e-div-blocke-flexboxe-headinge-paragraph+3
V4 Elaborate

Centered Hotspot with Subtitle and Caption 2

h+sub features-below caption tight

e-div-blocke-flexboxe-headinge-paragraph+3
V4 Elaborate

Centered Hotspot with Heading Only 3

h-only no-features no-caption normal

e-div-blocke-flexboxe-headinge-image
V4 Elaborate

Centered Hotspot with Heading Only and Caption 3

h-only no-features caption normal

e-div-blocke-flexboxe-headinge-image+1
V4 Elaborate

Centered Hotspot with Heading Only 4

h-only features-below no-caption normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Hotspot with Heading Only and Caption 4

h-only features-below caption normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Hotspot with Subtitle 3

h+sub no-features no-caption normal

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Hotspot with Subtitle and Caption 3

h+sub no-features caption normal

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Hotspot with Subtitle 4

h+sub features-below no-caption normal

e-div-blocke-flexboxe-headinge-paragraph+3
V4 Elaborate

Centered Hotspot with Subtitle and Caption 4

h+sub features-below caption normal

e-div-blocke-flexboxe-headinge-paragraph+3
V4 Elaborate

Centered Hotspot with Heading Only 5

h-only no-features no-caption relaxed

e-div-blocke-flexboxe-headinge-image
V4 Elaborate

Centered Hotspot with Heading Only and Caption 5

h-only no-features caption relaxed

e-div-blocke-flexboxe-headinge-image+1
V4 Elaborate

Centered Hotspot with Heading Only 6

h-only features-below no-caption relaxed

e-div-blocke-flexboxe-headinge-image+3