Customize all image types
An Image next to an explanation. This is maybe most commonly used content form in websites. You will see how this element is so flexible and easy to customize.

Image options galore
Choose your favorite type, set the proper image size and shape, select charming hover effect. There is no limit for your creativity. Enjoy the ImageBox Element.

Select type
Which type will you use? Please choose your favourite type for imagebox.

Control size
This option is to select image size and shape. Select proper size and shape.

Overlay effect
It's possible to control imagebox overlay on hover event.
Build for professional
Choose one out of many styles
There are 4 default types; default, gallery, card and popup. Each type has their own speciality combined with suitable hover effect. Please choose any you like.
Default types

Personalized nutrition plan
Lorem ipsum dolor sit amet, consec tetur adipiscing elit, sed do eiusd tempor incididunt ut labore et dolore.
View More
Exercise program
Lorem ipsum dolor sit amet, consec tetur adipiscing elit, sed do eiusd tempor incididunt ut labore et dolore.
View More
Individual routine program
Lorem ipsum dolor sit amet, consec tetur adipiscing elit, sed do eiusd tempor incididunt ut labore et dolore.
View MoreCard types
Image shape

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
Build for professional
Image box animated
UDesign ImageBox Element allows you to give animation to image as well as content. You have all options to make your image box more attractive.

Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin. loremq bibendum auctor, nisi elit.
Read More
Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin. loremq bibendum auctor, nisi elit.
Read More
Finance service
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin. loremq bibendum auctor, nisi elit.
Read MoreGlossary
Image box element options
Customize Elements Globally or Individually
- Image Type – Choose imagebox type from 4 default types.
- Choose Image – Choose image you want to display.
- Image Size – Select your imagebox image size.
- Shape – Choose a fit shape for your image.
- Image Position – Control the position of your image.
- Image Style – Choose any from 4 default styles for your image.
- Color – Control the background color of your image.
- Link Url – Input a url you access to.
- Title – Input a title for your imagebox.
- Description – Input a description for your imagebox.
- Alignment – Control the alignment of your content.
- Show Button – Toggle to show or hide read more button.
- Button Label – Input a button text.
- Enable Shadow – Enable box-shadow for your imagebox wrapper.
- Background Color – Select a background color for your imagebox.
- Image Size – Input a image size for your image.
- Spacing – Control the spacing between image and content.
- Title Color – Control the color of title.
- Title Typography – Control the style options for your title.
- Description Color – Control the color of description.
- Label typography – Control the typography of your button.
- Min Width – Input button’s min width.