Slide Box

Allows descriptive content to slide out when a user hovers or clicks on the module.

Customization Available:

  • Box Style: Style 1, style 2, style 3  
  • Icon Type: Image/icon 
  • Image/Icon Position: Above/left/right of heading, left/right of text and heading 
  • Link Type: None/button/text 
  • Hover Styling: Overlay color, opacity, icon on hover  

  • Slide Box - Style 1

  • Slide Box - Style 2

  • Slide Box - Style 3

Slide Box - Style 1

  • Box Style: Style 1
  • Icon Type: Icon 
  • Image/Icon Position: Above heading 
  • Link Type: Text link
  • Hover Styling: Icon on hover 

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
Read More

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
Read More

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
Read More

Slide Box - Style 2

  • Box Style: Style 2
  • Icon Type: Icon 
  • Image/Icon Position: Left of text and heading
  • Link Type: Button (full width)
  • Hover Styling: Icon color change 

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
Click Here

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
Click Here

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
Click Here

Slide Box - Style 3

  • Box Style: Style 3
  • Icon Type: Image
  • Image/Icon Position: Above heading
  • Link Type: None
  • Hover Styling: Box/text color change 
d4YwmOa

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
d4YwmOa

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.
d4YwmOa

Slide Box Front

Add short description text here. 

Slide Box Back

  • Add long description text here.
  • Enter description text here.
  • Enter description text here.