[column width=”1/2″ place=”first” ] [headline]Buttons[/headline]
[button color=”yellow” url=”#”] Yellow [/button][button color=”white” url=”#”]White[/button][button color=”black” url=”#”]Black[/button][button color=”red” url=”#”]Red[/button][button color=”green” url=”#”] Green[/button][button color=”blue” url=”#”]Blue[/button]
[button color=”white” url=”#” icon=”icon-info-sign” iconcolor=”black”]White[/button] [button color=”black” url=”#” icon=”icon-user” iconcolor=”white”]Black[/button][button color=”red” url=”#” icon=”icon-remove” iconcolor=”white”]Red[/button][button color=”green” url=”#” icon=”icon-ok” iconcolor=”white”] Green[/button][button color=”blue” url=”#” icon=”icon-folder-open” iconcolor=”white”]Blue[/button]
[/column]

[column width=”1/2″ place=”last” ] [headline]Small buttons[/headline] [button color=”yellow” size=”small” url=”#”] Yellow [/button][button size=”small” color=”white” url=”#”]White[/button][button size=”small” color=”black” url=”#”]Black[/button][button size=”small” color=”red” url=”#”]Red[/button][button size=”small” color=”green” url=”#”] Green[/button][button size=”small” color=”blue” url=”#”]Blue[/button]
[button size=”small” color=”white” url=”#” icon=”icon-info-sign” iconcolor=”black”]White[/button] [button size=”small” color=”black” url=”#” icon=”icon-user” iconcolor=”white”]Black[/button][button size=”small” color=”red” url=”#” icon=”icon-remove” iconcolor=”white”]Red[/button][button size=”small” color=”green” url=”#” icon=”icon-ok” iconcolor=”white”] Green[/button][button size=”small” color=”blue” url=”#” icon=”icon-folder-open” iconcolor=”white”]Blue[/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 color=”black” url=”url” icon=”icon-info-sign” iconcolor=”white” popuptitle=”Title of Popup” popuptext=”And here’s some amazing content. It’s very engaging, right?” ] Hover for Tooltip [/button]
[/column]

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

[tabgroup] [tab title=”Tab 1″ icon=”icon-star”] 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 2″] 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 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://www.brendanhibbert.com/connectjobs/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://www.brendanhibbert.com/connectjobs/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://www.brendanhibbert.com/connectjobs/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://www.brendanhibbert.com/connectjobs/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://www.brendanhibbert.com/connectjobs/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 color=”yellow” url=”#”] Read More [/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

No Responses

Leave a Reply

Your email address will not be published. Required fields are marked *