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

[column width=”1/2″ place=”last” ] [headline]Small buttons[/headline] Button Button Button Button Button Button
Button Button Button Button Button [/column]

[column width=”1/2″ place=”first” ] [headline]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.

Button
[/column]

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

[tabgroup] 1 1 1 [/tabgroup]
[/column]

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

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#1

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

Accordion#1

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

[/column]

[column width=”1/2″ place=”last” ] [headline] Alert box [/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” ] [headline] Breadcrumbs [/headline]
[breadcrumbs]
[/column] [column width=”1/2″ place=”last” ] [headline] 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 color=”blue” title=”Modern & Clean Design” iconselect=”icon-glass”]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=”center” ]  [feature color=”gray” title=”Easy to Customize” icon=”http://capellman.com/wp-content/uploads/2012/08/features_ico_01.png”]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=”Responsive Template” icon=”http://capellman.com/wp-content/uploads/2012/08/features_ico_03.png”]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=”first” ] [feature color=”blue” title=”Modern & Clean Design” icon=”http://capellman.com/wp-content/uploads/2012/08/features_ico_02.png”]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=”center” ]  [feature color=”gray” title=”Easy to Customize” icon=”http://capellman.com/wp-content/uploads/2012/08/features_ico_01.png”]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=”Responsive Template” icon=”http://capellman.com/wp-content/uploads/2012/08/features_ico_03.png”]Proin iaculis purus consequat sem cursus digni ssim. Donec porttitor entume suscipit. Aenean rhoncus posuere odio in tincidunt.[/feature] [/column]

[column width=”1/4″ place=”first” ] [headline] List styles [/headline]

  • Check List – Lorem ipsum aperia
  • Plus List – Dolor beatae lorem
  • Minus List – Perspiciatis adipiscing
  • Star List – Lorem ipsum aperia
  • Arrow 2 List – Dolor beatae lorem
  • Square List – Perspiciatis adipiscing
  • Circle List – Lorem ipsum aperia
  • Cross List – Dolor beatae lorem

[/column] [column width=”3/4″ 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 [/notice] [/column]

[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

[headline]Social icons[/headline]
[social_icons] [social_icon service=”rss” ][social_icon service=”twitter” ][social_icon service=”facebook” ][social_icon service=”dribbble” ][social_icon service=”flickr” ][social_icon service=”linkedin” ][social_icon service=”lastfm” ][social_icon service=”skype” ][social_icon service=”newsvine” ][social_icon service=”vimeo” ][social_icon service=”apple” ][social_icon service=”googleplus” ][social_icon service=”youtube” ][social_icon service=”feedburner” ][social_icon service=”digg” ][social_icon service=”wordpress” ][social_icon service=”tumblr” ][social_icon service=”sharethis” ][social_icon service=”deviantart” ][social_icon service=”blogger” ][social_icon service=”forrst” ][social_icon service=”mail” ] [/social_icons]

Icons To use small icons, place the following code just about anywhere: <i class="icon-search icon-white"></i>

  • icon-glass
  • icon-music
  • icon-search
  • icon-envelope
  • icon-heart
  • icon-star
  • icon-star-empty
  • icon-user
  • icon-film
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-ok
  • icon-remove
  • icon-zoom-in
  • icon-zoom-out
  • icon-off
  • icon-signal
  • icon-cog
  • icon-trash
  • icon-home
  • icon-file
  • icon-time
  • icon-road
  • icon-download-alt
  • icon-download
  • icon-upload
  • icon-inbox
  • icon-play-circle
  • icon-repeat
  • icon-refresh
  • icon-list-alt
  • icon-lock
  • icon-flag
  • icon-headphones
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-qrcode
  • icon-barcode
  • icon-tag
  • icon-tags
  • icon-book
  • icon-bookmark
  • icon-print
  • icon-camera
  • icon-font
  • icon-bold
  • icon-italic
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-list
  • icon-indent-left
  • icon-indent-right
  • icon-facetime-video
  • icon-picture
  • icon-pencil
  • icon-map-marker
  • icon-adjust
  • icon-tint
  • icon-edit
  • icon-share
  • icon-check
  • icon-move
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-play
  • icon-pause
  • icon-stop
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-chevron-left
  • icon-chevron-right
  • icon-plus-sign
  • icon-minus-sign
  • icon-remove-sign
  • icon-ok-sign
  • icon-question-sign
  • icon-info-sign
  • icon-screenshot
  • icon-remove-circle
  • icon-ok-circle
  • icon-ban-circle
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-arrow-down
  • icon-share-alt
  • icon-resize-full
  • icon-resize-small
  • icon-plus
  • icon-minus
  • icon-asterisk
  • icon-exclamation-sign
  • icon-gift
  • icon-leaf
  • icon-fire
  • icon-eye-open
  • icon-eye-close
  • icon-warning-sign
  • icon-plane
  • icon-calendar
  • icon-random
  • icon-comment
  • icon-magnet
  • icon-chevron-up
  • icon-chevron-down
  • icon-retweet
  • icon-shopping-cart
  • icon-folder-close
  • icon-folder-open
  • icon-resize-vertical
  • icon-resize-horizontal
  • icon-hdd
  • icon-bullhorn
  • icon-bell
  • icon-certificate
  • icon-thumbs-up
  • icon-thumbs-down
  • icon-hand-right
  • icon-hand-left
  • icon-hand-up
  • icon-hand-down
  • icon-circle-arrow-right
  • icon-circle-arrow-left
  • icon-circle-arrow-up
  • icon-circle-arrow-down
  • icon-globe
  • icon-wrench
  • icon-tasks
  • icon-filter
  • icon-briefcase
  • icon-fullscreen
703.585.8806