Animated service boxes

Flip card boxes

Parameters

Parameter Values Description
icon image: name-of-image Choose from 192 images.
animation animation-off, bounce, flash, pulse, shake, swing, tada, wobble, bounceIn, fadeIn, flip, flipInX, flipInY, rotateIn, rollIn, hinge Start slider automatically.
icon_bgcolor Any color in HEX format. Color of icons's background.
title String Leave empty if you don't want to display title.
title_bgcolor Any color in HEX format. Color of title background.
title_color Any color in HEX format. Color of title.
text_align left, right, center, justify Text align.
text_bgcolor Any color in HEX format. Color of text background.
text_color Any color in HEX format. Color of text.

Shortcode example

[sm_asb_et icon="image: globe" animation="animation-off" icon_bgcolor="#F5F7FA" title="Animation off" title_bgcolor="#77B3D4" title_color="#F5F7FA" text_align="center" text_bgcolor="#ffffff" text_color="#7F8C8D"]Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.[/sm_asb_et]

Example with icons by Elegant themes

World
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Genius
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Plane
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Parachute
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Video
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Settings
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Rainbow
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
Sailboat
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.

Example with Font Awesome icons

Download
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Upload
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Desktop
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Mobile
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Twitter
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Tweet!
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Asterisk
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.
Heart
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae.

Elegant themes icons

Parameters

Parameter Values Description
icon image: name-of-image Choose from 192 images.
animation animation-off, bounce, flash, pulse, shake, swing, tada, wobble, bounceIn, fadeIn, flip, flipInX, flipInY, rotateIn, rollIn, hinge Start slider automatically.
icon_bgcolor Any color in HEX format. Color of icons's background.
title String Leave empty if you don't want to display title.
title_bgcolor Any color in HEX format. Color of title background.
title_color Any color in HEX format. Color of title.
text_align left, right, center, justify Text align.
text_bgcolor Any color in HEX format. Color of text background.
text_color Any color in HEX format. Color of text.

Shortcode example

[sm_asb_et icon="image: globe" animation="animation-off" icon_bgcolor="#F5F7FA" title="Animation off" title_bgcolor="#77B3D4" title_color="#F5F7FA" text_align="center" text_bgcolor="#ffffff" text_color="#7F8C8D"]Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.[/sm_asb_et]

Simple icons

Icons with title

Taxi
Toolbox
Tools
Tractor

Icons with title, text and animation effect

Animation off
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
bounce
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
flash
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
pulse
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.

shake
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
swing
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
tada
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
wobble
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.

bounceIn
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
fadeIn
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
flip
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
flipInX
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.

flipInY
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
rotateIn
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
rollIn
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.
hinge
Maxime nostrud risus provident exer citation hymenaeos. Praesentium eos.

Icons by Elegant themes

anchor
aperture
arrow-down
arrow-up
art
barchart

batteryfull
batterylow
bike
biker
bikewheel
blimp

bolt
bomb
booklet
bookshelf
briefcase
brightness

browser
brush-pencil
calculator
calendar
camera
car

cart
carwheel
caution
chat
check
circlecompass

clapboard
clipboard
clock
cloud
cmyk
colorwheel

compass
compose
computer
cone
contacts
contrast

countdown
creditcard
crop
crossroads
cruise
cursor

denied
dev
die
document
dolly
door

download
easel
email
eye
eyedropper
fashion

filmreel
filmroll
flag
flame
flash
flower

focus
folder
frames
gamecontroller
gas
gear

genius
global
globe
gps
hazard
heart

helicopter
hotair
hourglass
image
interstate
key

keyboard
lens
lightbulb
loading
location
locked

magicwand
magnifyingglass
mail
map
megaphone
megaphone2

memorycard
merge
mic
microphone
money
motorcycle

music
news
paintbrush
paintbrush2
paintcan
paintroller

parachute
pencil
phone
piechart
pin
pin2

plane
play
plugin
polaroid
polaroidcamera
polaroids

power
present
profle
quote
racingflags
radio

radiotower
rainbow
recycle
rgb
ribbon
roadblock

rocket
rulertriangle
running
sailboat
schooolbus
scissors

scooter
security
selftimer
settings
shipwheel
shoeprints

shop
skateboard
slr
smartphone
spaceshuttle
speaker

speedometer
spraypaint
stack
star
steeringwheel
stop

sub
submarine
support
swatches
tablet
takeoff

target
taxi
toolbox
tools
tractor
traffic

train
travelerbag
trends
tripod
trophy
truck

tv
typography
ufo
umbrella
unicycle
unlocked

upload
video
videocameraclassic
videocameracompact
volume
water

weather
windsock
windy
x
zoomin
zoomout

Font Awesome icons

Parameters

Parameter Values Description
icon image: name-of-image Choose from 192 images.
animation animation-off, bounce, flash, pulse, shake, swing, tada, wobble, bounceIn, fadeIn, flip, flipInX, flipInY, rotateIn, rollIn, hinge Start slider automatically.
icon_bgcolor Any color in HEX format. Color of icons's background.
icon_color Any color in HEX format. Color of the icons.
icon_size Number Size of the icon in pixels
shadow Example: 1px 1px 2px #AAB2BD text-shadow CSS values.
title String Leave empty if you don't want to display title.
title_bgcolor Any color in HEX format. Color of title background.
title_color Any color in HEX format. Color of title.
text_align left, right, center, justify Text align.
text_bgcolor Any color in HEX format. Color of text background.
text_color Any color in HEX format. Color of text.

Shortcode example

[sm_asb_fa icon="icon: cloud-download" animation="tada" icon_bgcolor="#F5F7FA" icon_color="#A0D468" icon_size="120" title="Download" title_bgcolor="#d9d4d4" title_color="#204d7a" text_align="center" text_bgcolor="#f6f0f0" text_color="#7d93a8"]Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae laboriosam repellat augue qui impedit fermentum morb.[/sm_asb_fa]

Simple icons


Icons with title

Star
Heart
Search
Picture

Icons with title, text and animation effect

Quality
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae laboriosam repellat augue qui impedit fermentum morb.
Tutorials
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae laboriosam repellat augue qui impedit fermentum morb.
Asterisk
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae laboriosam repellat augue qui impedit fermentum morb.
Download
Sociis primis dignissimos elit ac incididunt, sociis. Integer turpis quae laboriosam repellat augue qui impedit fermentum morb.

Font Awesome icons

adjust
adn
align-center
align-justify
align-left
align-right

ambulance
anchor
android
angle-double-down
angle-double-left
angle-double-right

angle-double-up
angle-down
angle-left
angle-right
angle-up
apple

archive
arrow-circle-down
arrow-circle-left
arrow-circle-o-down
arrow-circle-o-left
arrow-circle-o-right

arrow-circle-o-up
arrow-circle-right
arrow-circle-up
arrow-down
arrow-left
arrow-right

arrow-up
arrows
arrows-alt
arrows-h
arrows-v
asterisk

automobile
backward
ban
bank
bar-chart-o
barcode

bars
beer
behance
behance-square
bell
bell-o

bitbucket
bitbucket-square
bitcoin
bold
bolt
bomb

book
bookmark
bookmark-o
briefcase
btc
bug

building
building-o
bullhorn
bullseye
cab
calendar

calendar-o
camera
camera-retro
car
caret-down
caret-left

caret-right
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
caret-up

certificate
chain
chain-broken
check
check-circle
check-circle-o

check-square
check-square-o
chevron-circle-down
chevron-circle-left
chevron-circle-right
chevron-circle-up

chevron-down
chevron-left
chevron-right
chevron-up
child
circle

circle-o
circle-o-notch
circle-thin
clipboard
clock-o
cloud

cloud-download
cloud-upload
cny
code
code-fork
codepen

coffee
cog
cogs
columns
comment
comment-o

comments
comments-o
compass
compress
copy
credit-card

crop
crosshairs
css3
cube
cubes
cut

cutlery
dashboard
database
dedent
delicious
desktop

deviantart
digg
dollar
dot-circle-o
download
dribbble

dropbox
drupal
edit
eject
ellipsis-h
ellipsis-v

empire
envelope
envelope-o
envelope-square
eraser
eur

euro
exchange
exclamation
exclamation-circle
exclamation-triangle
expand

external-link
external-link-square
eye
eye-slash
facebook
facebook-square

fast-backward
fast-forward
fax
female
fighter-jet
file

file-archive-o
file-audio-o
file-code-o
file-excel-o
file-image-o
file-movie-o

file-o
file-pdf-o
file-photo-o
file-picture-o
file-powerpoint-o
file-sound-o

file-text
file-text-o
file-video-o
file-word-o
file-zip-o
files-o

film
filter
fire
fire-extinguisher
flag
flag-checkered