Shortcodes

[column width=”1/2″ place=”first” ] [headline]Buttons[/headline]

[button color=”gray” url=”#” size=”small”] Button [/button] [button color=”color” size=”small” url=”#”]Button[/button] [button color=”light” size=”small” url=”#”]Button[/button]

[button color=”gray” url=”#” icon=”icon-info-sign” iconcolor=”black”]Button [/button] [button color=”color” url=”#” icon=”icon-user” iconcolor=”white”]Button [/button] [button color=”light” url=”#” icon=”icon-remove” iconcolor=”white”]Button [/button]

[/column]

[column width=”1/2″ place=”last” ] [headline]Tabs[/headline] [tabgroup] [tab title=”Tab 1″]

Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.

[/tab] [tab title=”” icon=”file”]

Lorem ipsum pharetra felis. Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.

[/tab] [tab title=”Tab 3″]

Lorem ipsum pharetra felis. Aliquam egestas consectetur elementum class aptent taciti sociosqu ad litora torquent perea conubia nostra lorem inceptos orem ipsum dolor sit amet, consectetur adipiscing elit.

[/tab] [/tabgroup]
[/column]

[column width=”1/2″ place=”first” ] [headline]Accordion[/headline] [accordion title=”Accordion#1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem, condiment ultrices consequat eu lorem ipsum dolor sit amet inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo dolor sit amet.

[/accordion][accordion title=”Accordion#1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem,

[/accordion][accordion title=”Accordion#1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit tortor libero sodales leo, eget blandit nunc tortor eu nibh. Aenean nisl orci lorem,

[/accordion][/column]

[column width=”1/2″ place=”last” ] [headline] Alert Boxes [/headline] [box type=error] Error! Please fill in all the fields required. [/box] [box type=success] Success! You did it, now relax and enjoy it. [/box] [box type=warning] Warning! Change this and that and try again. [/box] [box type=notice] Notice! Please edit the information below. [/box]
[/column]

[column width=”1/2″ place=”first” custom_class=”tooltips”] [headline margin=”margin”]Tooltips[/headline]

Sed adipiscing varius accumsan. Fusce placerat neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui consequat adipiscing nisi tincidunt. Morbi pulvinar dui non quam pretium ut lacinia tortor.

[/column]

[column width=”1/2″ place=”last” ] [headline margin=”margin”] Blockquote[/headline]

Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed.

[/column]

[headline]Icon Boxes[/headline] [column width=”1/3″ place=”first” ] [feature title=”Website Design” icon=”paint-brush”]Proin iaculis purus consequat sem cursus digni ssim. Donec porttitor entume suscipit. Aenean rhoncus posuere odio in tincidunt.[/feature] [/column] [column width=”1/3″ place=”none” ] [feature color=”gray” title=”Website Development” icon=”wrench”]Proin iaculis purus consequat sem cursus digni ssim. Donec porttitor entume suscipit. Aenean rhoncus posuere odio in tincidunt.[/feature] [/column] [column width=”1/3″ place=”last” ] [feature color=”gray” title=”Social Marketing” icon=”life-ring”]Proin iaculis purus consequat sem cursus digni ssim. Donec porttitor entume suscipit. Aenean rhoncus posuere odio in tincidunt.[/feature] [/column]
[separator]
[column width=”1/4″ place=”first” ] [headline] List Styles [/headline]

  • Check List lorem ipsum aperia
  • Check List lorem ipsum aperia
  • Sign List – lorem ipsum aperia
  • Sign List – lorem ipsum aperia

[/column] [column width=”1/4″ place=”none” custom_class=”testimonial-container”][testimonials][testimonial author=”Michael” job=”Flash Developer”]Posuere erat a ante venenatis dapibus posuere velit aliquet. Duis llis, est non coeammodo luctus, nisi erat porttitor ligula, egeteas laciniato odiomo sem.[/testimonial] [testimonial author=”John” job=”Web Developer”] Integer eu libero sit amet nisl vestibulum semper. Fusce nec porttitor massa. In nec neque elit. Curabitur malesuada ligula vitae purus ornare onec etea magna diam varius. [/testimonial] [testimonial author=”Peter” job=”Project Manager”]Cras sed odio est, sit amet porttitor elit. Vestibulum elementum erat vitae ante venenatis cursus scelerisque quam vel nibh imperdiet vitae porta lorem posuere.[/testimonial] [testimonial author=”Kathy” job=”Art Director”]Elementum erat vitae ante venenatis dapibus. Maecenas cursus scelerisque quam vel nibh imperdiet vitae porta lorem posuere.[/testimonial] [/testimonials]
[/column] [column width=”1/2″ place=”last” ] [headline]Large Notice[/headline] [notice title=”This is a Headline”]

This is a example of style component for calling extra attention to featured content or information. Adipiscing elit. Cras eu nisl quam. Cras in elit a massa fermentum bibendum.

[button color=”color” url=”#”] Read More [/button] [/notice] [/column]

 

[headline]Social Icons[/headline]

[headline] Table [/headline]

Header 1 Header 2 Header 3 Header 4
Item #1 Description 100 GB 100 GB
Item #2 Description 200 GB 200 GB
Item #3 Description 300 GB 300 GB
Item #4 Description 400 GB 400 GB
Item #5 Description 500 GB 500 GB

Mini Icons

  • fa-adjust
  • fa-anchor
  • fa-archive
  • fa-arrows
  • fa-arrows-h
  • fa-arrows-v
  • fa-asterisk
  • fa-automobile
  • fa-ban
  • fa-bank
  • fa-bar-chart-o
  • fa-barcode
  • fa-bars
  • fa-beer
  • fa-bell
  • fa-bell-o
  • fa-bolt
  • fa-bomb
  • fa-book
  • fa-bookmark
  • fa-bookmark-o
  • fa-briefcase
  • fa-bug
  • fa-building
  • fa-building-o
  • fa-bullhorn
  • fa-bullseye
  • fa-cab
  • fa-calendar
  • fa-calendar-o
  • fa-camera
  • fa-camera-retro
  • fa-car
  • fa-caret-square-o-down
  • fa-caret-square-o-left
  • fa-caret-square-o-right
  • fa-caret-square-o-up
  • fa-certificate
  • fa-check
  • fa-check-circle
  • fa-check-circle-o
  • fa-check-square
  • fa-check-square-o
  • fa-child
  • fa-circle
  • fa-circle-o
  • fa-circle-o-notch
  • fa-circle-thin
  • fa-clock-o
  • fa-cloud
  • fa-cloud-download
  • fa-cloud-upload
  • fa-code
  • fa-code-fork
  • fa-coffee
  • fa-cog
  • fa-cogs
  • fa-comment
  • fa-comment-o
  • fa-comments
  • fa-comments-o
  • fa-compass
  • fa-credit-card
  • fa-crop
  • fa-crosshairs
  • fa-cube
  • fa-cubes
  • fa-cutlery
  • fa-dashboard
  • fa-database
  • fa-desktop
  • fa-dot-circle-o
  • fa-download
  • fa-edit
  • fa-ellipsis-h
  • fa-ellipsis-v
  • fa-envelope
  • fa-envelope-o
  • fa-envelope-square
  • fa-eraser
  • fa-exchange
  • fa-exclamation
  • fa-exclamation-circle
  • fa-exclamation-triangle
  • fa-external-link
  • fa-external-link-square
  • fa-eye
  • fa-eye-slash
  • fa-fax
  • fa-female
  • fa-fighter-jet
  • fa-file-archive-o
  • fa-file-audio-o
  • fa-file-code-o
  • fa-file-excel-o
  • fa-file-image-o
  • fa-file-movie-o
  • fa-file-pdf-o
  • fa-file-photo-o
  • fa-file-picture-o
  • fa-file-powerpoint-o
  • fa-file-sound-o
  • fa-file-video-o
  • fa-file-word-o
  • fa-file-zip-o
  • fa-film
  • fa-filter
  • fa-fire
  • fa-fire-extinguisher
  • fa-flag
  • fa-flag-checkered
  • fa-flag-o
  • fa-flash
  • fa-flask
  • fa-folder
  • fa-folder-o
  • fa-folder-open
  • fa-folder-open-o
  • fa-frown-o
  • fa-gamepad
  • fa-gavel
  • fa-gear
  • fa-gears
  • fa-gift
  • fa-glass
  • fa-globe
  • fa-graduation-cap
  • fa-group
  • fa-hdd-o
  • fa-headphones
  • fa-heart
  • fa-heart-o
  • fa-history
  • fa-home
  • fa-image
  • fa-inbox
  • fa-info
  • fa-info-circle
  • fa-institution
  • fa-key
  • fa-keyboard-o
  • fa-language
  • fa-laptop
  • fa-leaf
  • fa-legal
  • fa-lemon-o
  • fa-level-down
  • fa-level-up
  • fa-life-bouy
  • fa-life-ring
  • fa-life-saver
  • fa-lightbulb-o
  • fa-location-arrow
  • fa-lock
  • fa-magic
  • fa-magnet
  • fa-mail-forward
  • fa-mail-reply
  • fa-mail-reply-all
  • fa-male
  • fa-map-marker
  • fa-meh-o
  • fa-microphone
  • fa-microphone-slash
  • fa-minus
  • fa-minus-circle
  • fa-minus-square
  • fa-minus-square-o
  • fa-mobile
  • fa-mobile-phone
  • fa-money
  • fa-moon-o
  • fa-mortar-board
  • fa-music
  • fa-navicon
  • fa-paper-plane
  • fa-paper-plane-o
  • fa-paw
  • fa-pencil
  • fa-pencil-square
  • fa-pencil-square-o
  • fa-phone
  • fa-phone-square
  • fa-photo
  • fa-picture-o
  • fa-plane
  • fa-plus
  • fa-plus-circle
  • fa-plus-square
  • fa-plus-square-o
  • fa-power-off
  • fa-print
  • fa-puzzle-piece
  • fa-qrcode
  • fa-question
  • fa-question-circle
  • fa-quote-left
  • fa-quote-right
  • fa-random
  • fa-recycle
  • fa-refresh
  • fa-reorder
  • fa-reply
  • fa-reply-all
  • fa-retweet
  • fa-road
  • fa-rocket
  • fa-rss
  • fa-rss-square
  • fa-search
  • fa-search-minus
  • fa-search-plus
  • fa-send
  • fa-send-o
  • fa-share
  • fa-share-alt
  • fa-share-alt-square
  • fa-share-square
  • fa-share-square-o
  • fa-shield
  • fa-shopping-cart
  • fa-sign-in
  • fa-sign-out
  • fa-signal
  • fa-sitemap
  • fa-sliders
  • fa-smile-o
  • fa-sort
  • fa-sort-alpha-asc
  • fa-sort-alpha-desc
  • fa-sort-amount-asc
  • fa-sort-amount-desc
  • fa-sort-asc
  • fa-sort-desc
  • fa-sort-down
  • fa-sort-numeric-asc
  • fa-sort-numeric-desc
  • fa-sort-up
  • fa-space-shuttle
  • fa-spinner
  • fa-spoon
  • fa-square
  • fa-square-o
  • fa-star
  • fa-star-half
  • fa-star-half-empty
  • fa-star-half-full
  • fa-star-half-o
  • fa-star-o
  • fa-suitcase
  • fa-sun-o
  • fa-support
  • fa-tablet
  • fa-tachometer
  • fa-tag
  • fa-tags
  • fa-tasks
  • fa-taxi
  • fa-terminal
  • fa-thumb-tack
  • fa-thumbs-down
  • fa-thumbs-o-down
  • fa-thumbs-o-up
  • fa-thumbs-up
  • fa-ticket
  • fa-times
  • fa-times-circle
  • fa-times-circle-o
  • fa-tint
  • fa-toggle-down
  • fa-toggle-left
  • fa-toggle-right
  • fa-toggle-up
  • fa-trash-o
  • fa-tree
  • fa-trophy
  • fa-truck
  • fa-umbrella
  • fa-university
  • fa-unlock
  • fa-unlock-alt
  • fa-unsorted
  • fa-upload
  • fa-user
  • fa-users
  • fa-video-camera
  • fa-volume-down
  • fa-volume-off
  • fa-volume-up
  • fa-warning
  • fa-wheelchair
  • fa-wrench

 

File Type Icons

  • fa-file
  • fa-file-archive-o
  • fa-file-audio-o
  • fa-file-code-o
  • fa-file-excel-o
  • fa-file-image-o
  • fa-file-movie-o
  • fa-file-o
  • fa-file-pdf-o
  • fa-file-photo-o
  • fa-file-picture-o
  • fa-file-powerpoint-o
  • fa-file-sound-o
  • fa-file-text
  • fa-file-text-o
  • fa-file-video-o
  • fa-file-word-o
  • fa-file-zip-o

 

Form Control Icons

  • fa-check-square
  • fa-check-square-o
  • fa-circle
  • fa-circle-o
  • fa-dot-circle-o
  • fa-minus-square
  • fa-minus-square-o
  • fa-plus-square
  • fa-plus-square-o
  • fa-square
  • fa-square-o

 

Currency Icons

  • fa-bitcoin
  • fa-btc
  • fa-cny
  • fa-dollar
  • fa-eur
  • fa-euro
  • fa-gbp
  • fa-inr
  • fa-jpy
  • fa-krw
  • fa-money
  • fa-rmb
  • fa-rouble
  • fa-rub
  • fa-ruble
  • fa-rupee
  • fa-try
  • fa-turkish-lira
  • fa-usd
  • fa-won

 

Text Editor Icons

  • fa-align-center
  • fa-align-justify
  • fa-align-left
  • fa-align-right
  • fa-bold
  • fa-chain
  • fa-chain-broken
  • fa-clipboard
  • fa-columns
  • fa-copy
  • fa-cut
  • fa-dedent
  • fa-eraser
  • fa-file
  • fa-file-o
  • fa-file-text
  • fa-file-text-o
  • fa-files-o
  • fa-floppy-o
  • fa-font
  • fa-header
  • fa-indent
  • fa-italic
  • fa-link
  • fa-list
  • fa-list-alt
  • fa-list-ol
  • fa-list-ul
  • fa-outdent
  • fa-paperclip
  • fa-paragraph
  • fa-paste
  • fa-repeat
  • fa-rotate-left
  • fa-rotate-right
  • fa-save
  • fa-scissors
  • fa-strikethrough
  • fa-subscript
  • fa-superscript
  • fa-table
  • fa-text-height
  • fa-text-width
  • fa-th
  • fa-th-large
  • fa-th-list
  • fa-underline
  • fa-undo
  • fa-unlink

 

Directional Icons

  • fa-angle-double-down
  • fa-angle-double-left
  • fa-angle-double-right
  • fa-angle-double-up
  • fa-angle-down
  • fa-angle-left
  • fa-angle-right
  • fa-angle-up
  • fa-arrow-circle-down
  • fa-arrow-circle-left
  • fa-arrow-circle-o-down
  • fa-arrow-circle-o-left
  • fa-arrow-circle-o-right
  • fa-arrow-circle-o-up
  • fa-arrow-circle-right
  • fa-arrow-circle-up
  • fa-arrow-down
  • fa-arrow-left
  • fa-arrow-right
  • fa-arrow-up
  • fa-arrows
  • fa-arrows-alt
  • fa-arrows-h
  • fa-arrows-v
  • fa-caret-down
  • fa-caret-left
  • fa-caret-right
  • fa-caret-square-o-down
  • fa-caret-square-o-left
  • fa-caret-square-o-right
  • fa-caret-square-o-up
  • fa-caret-up
  • fa-chevron-circle-down
  • fa-chevron-circle-left
  • fa-chevron-circle-right
  • fa-chevron-circle-up
  • fa-chevron-down
  • fa-chevron-left
  • fa-chevron-right
  • fa-chevron-up
  • fa-hand-o-down
  • fa-hand-o-left
  • fa-hand-o-right
  • fa-hand-o-up
  • fa-long-arrow-down
  • fa-long-arrow-left
  • fa-long-arrow-right
  • fa-long-arrow-up
  • fa-toggle-down
  • fa-toggle-left
  • fa-toggle-right
  • fa-toggle-up

 

Video Player Icons

  • fa-arrows-alt
  • fa-backward
  • fa-compress
  • fa-eject
  • fa-expand
  • fa-fast-backward
  • fa-fast-forward
  • fa-forward
  • fa-pause
  • fa-play
  • fa-play-circle
  • fa-play-circle-o
  • fa-step-backward
  • fa-step-forward
  • fa-stop
  • fa-youtube-play

 

Brand Icons

  • fa-adn
  • fa-android
  • fa-apple
  • fa-behance
  • fa-behance-square
  • fa-bitbucket
  • fa-bitbucket-square
  • fa-bitcoin
  • fa-btc
  • fa-codepen
  • fa-css3
  • fa-delicious
  • fa-deviantart
  • fa-digg
  • fa-dribbble
  • fa-dropbox
  • fa-drupal
  • fa-empire
  • fa-facebook
  • fa-facebook-square
  • fa-flickr
  • fa-foursquare
  • fa-ge
  • fa-git
  • fa-git-square
  • fa-github
  • fa-github-alt
  • fa-github-square
  • fa-gittip
  • fa-google
  • fa-google-plus
  • fa-google-plus-square
  • fa-hacker-news
  • fa-html5
  • fa-instagram
  • fa-joomla
  • fa-jsfiddle
  • fa-linkedin
  • fa-linkedin-square
  • fa-linux
  • fa-maxcdn
  • fa-openid
  • fa-pagelines
  • fa-pied-piper
  • fa-pied-piper-alt
  • fa-pied-piper-square
  • fa-pinterest
  • fa-pinterest-square
  • fa-qq
  • fa-ra
  • fa-rebel
  • fa-reddit
  • fa-reddit-square
  • fa-renren
  • fa-share-alt
  • fa-share-alt-square
  • fa-skype
  • fa-slack
  • fa-soundcloud
  • fa-spotify
  • fa-stack-exchange
  • fa-stack-overflow
  • fa-steam
  • fa-steam-square
  • fa-stumbleupon
  • fa-stumbleupon-circle
  • fa-tencent-weibo
  • fa-trello
  • fa-tumblr
  • fa-tumblr-square
  • fa-twitter
  • fa-twitter-square
  • fa-vimeo-square
  • fa-vine
  • fa-vk
  • fa-wechat
  • fa-weibo
  • fa-weixin
  • fa-windows
  • fa-wordpress
  • fa-xing
  • fa-xing-square
  • fa-yahoo
  • fa-youtube
  • fa-youtube-play
  • fa-youtube-square

 

Medical Icons

  • fa-ambulance
  • fa-h-square
  • fa-hospital-o
  • fa-medkit
  • fa-plus-square
  • fa-stethoscope
  • fa-user-md
  • fa-wheelchair

Spinner Icons

  • fa-circle-o-notch
  • fa-cog
  • fa-refresh
  • fa-spinner
Top