300 000
members
Friday, 22 February 2013 18:30
icons
Font Awesome 4.0.3
Font Awesome is a pictographic language of web-related actions which delivers 369 icons. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3
[icon name="twitter" size="34" color="#0AA7DB" ] [icon name="facebook" size="34" color="#3C5A9A" ] [icon name="linkedin" size="34" color="#1B5690" ]
Ex: element name="user" then name of icons is "fa-user".
You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3Glyphicons
Includes 200 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to Glyphicons whenever possible.You can find the full examples of usage at Glyphicons - Glyphicons
4000
apps monthly developed
+4 000
leads generated to our customers
[icon type="gly" name="user" align="left" size="80" color="#fff"] [icon type="gly" name="hd-video" align="left" size="80" color="#fff"] [icon type="gly" name="globe" align="left" size="80" color="#fff"]
Tagged under
Friday, 22 February 2013 18:27
Youtube
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
- [youtube align='none' height='HEIGHT' width='WIDTH' ] PLACE_LINK_YOUTUBE [/youtube]
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
- [youtube align='left' height='HEIGHT' width='WIDTH'] PLACE_LINK_YOUTUBE [/youtube]
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
- [youtube align='right' height='HEIGHT' width='WIDTH'] PLACE_LINK_YOUTUBE [/youtube]
Tagged under
Friday, 22 February 2013 18:27
Vimeo
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[vimeo align='none' height='HEIGHT' width='WIDTH' ] PLACE_LINK_HERE [/vimeo]
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[vimeo align='left' height='HEIGHT' width='WIDTH'] PLACE_LINK_HERE [/vimeo]
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[vimeo align='right' height='HEIGHT' width='WIDTH'] PLACE_LINK_HERE [/vimeo]
Tagged under
Friday, 22 February 2013 18:26
Testimonial
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque, augue porttitor bibendum facilisis; quam sapien dapibus nisl, ac blandit sem metus quis mauris. Suspendisse in laoreet enim. Fusce dui turpis, pellentesque sit amet gravida quis; dictum a magna. Praesent rhoncus quam ac mi ultricies dignissim. Nunc et tellus arcu.
Smartaddons, Dribbble
[testimonial author="TESTIMONIAL_AUTHOR" position="AUTHOR_POSITION"] ADD_TESTIMONIAL_HERE [/testimonial]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque, augue porttitor bibendum facilisis; quam sapien dapibus nisl, ac blandit sem metus quis mauris. Suspendisse in laoreet enim.
Alycia E. Kelly, Kelly Financial Group
[testimonial author="TESTIMONIAL_AUTHOR" position="AUTHOR_POSITION" avatar="URL_IMAGES"]
ADD_TESTIMONIAL_HERE
[/testimonial]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque, augue porttitor bibendum facilisis; quam
Smartaddons, Dribbble
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque, augue porttitor bibendum facilisis; quam
Smartaddons, Dribbble
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque, augue porttitor bibendum facilisis; quam
Smartaddons, Dribbble
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin scelerisque, augue porttitor bibendum facilisis; quam
Smartaddons, Dribbble
[testimonial author="TESTIMONIAL_AUTHOR" position="POSITION" avatar="URL_IMAGES" style="blue"] ... [/testimonial] [testimonial author="TESTIMONIAL_AUTHOR" position="POSITION" avatar="URL_IMAGES" style="red"] ... [/testimonial] [testimonial author="TESTIMONIAL_AUTHOR" position="POSITION" avatar="URL_IMAGES" style="green"] ... [/testimonial] [testimonial author="TESTIMONIAL_AUTHOR" position="POSITION" avatar="URL_IMAGES" style="oranges"] ... [/testimonial]
Tagged under
Friday, 22 February 2013 18:25
Togglable tabs
Lorem ipsum dolor sit amet
Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed
Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.
Read MoreNulla vitae adipiscing dolor
Donec non felis in elit imperdiet cursus nec et turpis. Phasellus a purus tortor. In porttitor suscipit massa nec euismod! Aenean turpis erat
Volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.
Read MoreSed eget lectus eu elit dictum
Nunc sem orci, dictum eget sagittis eget, auctor at arcu. Quisque id urna nulla. Vivamus augue neque, faucibus et placerat id, varius eu turpis.
Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.
Read MorePellentesque commodo dui a neque
Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed
Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.
Read MoreADD_CONTENT_HEREADD_CONTENT_HEREADD_CONTENT_HEREADD_CONTENT_HERE
Lorem ipsum dolor sit amet Content 1
Nulla vitae adipiscing dolor Content 2
Sed eget lectus eu elit dictum Content 3
Pellentesque commodo dui a neque Content 4
Lorem ipsum dolor sit amet Content 1
Nulla vitae adipiscing dolor Content 2
Sed eget lectus eu elit dictum Content 3
Pellentesque commodo dui a neque Content 4
Lorem ipsum dolor sit amet Content 1
Nulla vitae adipiscing dolor Content 2
Sed eget lectus eu elit dictum Content 3
Pellentesque commodo dui a neque Content 4
Lorem ipsum dolor sit amet Content 1
Nulla vitae adipiscing dolor Content 2
Sed eget lectus eu elit dictum Content 3
Pellentesque commodo dui a neque Content 4
Lorem ipsum dolor sit amet Content 1
Nulla vitae adipiscing dolor Content 2
Sed eget lectus eu elit dictum Content 3
Pellentesque commodo dui a neque Content 4
Lorem ipsum dolor sit amet Content 1
Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.
Lorem ipsum dolor sit amet Content 2
Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.
Lorem ipsum dolor sit amet Content 3
Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.
Lorem ipsum Content 1
Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 2
Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 3
Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 1
Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 2
Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 3
Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 1
Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 2
Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 3
Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 1
Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 2
Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Lorem ipsum Content 3
Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.
Tagged under
Friday, 22 February 2013 18:08
Social Buttons
Ex: element type="facebook" then name of icons is "fa-facebook".
You can find the full examples of usage at Font Awesome - Font Awesome 4.1.0
[social type="facebook"] PLACE_LINK_HERE [/social] [social type="twitter"] PLACE_LINK_HERE [/social] [social type="google-plus"] PLACE_LINK_HERE [/social] [social type="pinterest"] PLACE_LINK_HERE [/social] [social type="dribbble"] PLACE_LINK_HERE [/social] [social type="flickr" title="ADD_TITLE_HERE" ] PLACE_LINK_HERE [/social] [social type="linkedin" title="ADD_TITLE_HERE" ] PLACE_LINK_HERE [/social] [social type="rss" title="ADD_TITLE_HERE" ] PLACE_LINK_HERE [/social] [social type="skype" title="ADD_TITLE_HERE" ] PLACE_LINK_HERE [/social] [social type="youtube" title="ADD_TITLE_HERE" ] PLACE_LINK_HERE [/social]
[social type="facebook" style="min"] PLACE_LINK_HERE [/social] [social type="twitter" style="min"] PLACE_LINK_HERE [/social] ...
[social type="facebook" style="cicle"] PLACE_LINK_HERE [/social] [social type="twitter" style="cicle"] PLACE_LINK_HERE [/social] ...
[social type="facebook" style="flat" color="Yes"] PLACE_LINK_HERE [/social] [social type="twitter" style="flat" color="Yes"] PLACE_LINK_HERE [/social] ...
[social type="facebook" style="cicle" color="Yes"] PLACE_LINK_HERE [/social] [social type="twitter" style="cicle" color="Yes"] PLACE_LINK_HERE [/social] ...
[social type="facebook" title="Facebook" color="Yes"] PLACE_LINK_HERE [/social] [social type="twitter" title="Twitter" color="Yes"] PLACE_LINK_HERE [/social] [social type="google-plus" title="Google" color="Yes"] PLACE_LINK_HERE [/social] [social type="pinterest" title="Pinit" color="Yes"] PLACE_LINK_HERE [/social]
[social type="facebook" size="small" color="Yes"] PLACE_LINK_HERE [/social] [social type="facebook" size="default" color="Yes"] PLACE_LINK_HERE [/social] [social type="facebook" size="large" color="Yes"] PLACE_LINK_HERE [/social] [social type="twitter" size="small" color="Yes"] PLACE_LINK_HERE [/social] [social type="twitter" size="default" color="Yes"] PLACE_LINK_HERE [/social] [social type="twitter" size="large" color="Yes"] PLACE_LINK_HERE [/social] [social type="pinterest" size="small" color="Yes"] PLACE_LINK_HERE [/social] [social type="pinterest" size="default" color="Yes"] PLACE_LINK_HERE [/social] [social type="pinterest" size="large" color="Yes"] PLACE_LINK_HERE [/social]
Tagged under
Thursday, 21 February 2013 18:07
Message Box
Add dismiss functionality to all alert messages with this plugin.
ERROR ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
INFO ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
WARNING ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
SUCCESS ! Lorem ipsum dolor sit amet, consectetur adipiscing elit
[message_box type="error" close="Yes"] ADD_CONTENT_HERE [/message_box] [message_box type="info" close="Yes"] ADD_CONTENT_HERE [/message_box] [message_box type="warning" close="Yes"] ADD_CONTENT_HERE [/message_box] [message_box type="success" close="Yes"] ADD_CONTENT_HERE [/message_box]
Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula,
eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
[message_box title='MESSAGE_TITLE' type="error" close="Yes"] ADD_CONTENT_HERE [/message_box]
Tagged under
Friday, 22 February 2013 18:05
Lightbox
With our 4 different style Lightbox : img-rounded, img-circle, img-thumbnail, shadow and borderInner.
effects.
<lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" > <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="img-rounded" > <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="img-circle" > <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="img-thumbnail" > <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="borderInner"> <lightbox src='IMAGE_SRC' width="224" height="190" title="IMAGE_TITLE" align="left" style="shadow">
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[lightbox src='IMAGE_SRC' width="200" height="200" lightbox="on" align="left" title="IMAGE_TITLE"]
Nulla ac convallis ipsum
Nulla ac convallis ipsum. Nulla tellus erat, dapibus in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed aliquet libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed condimentum turpis suscipit. In hac habitasse platea dictumst. Quisque quis odio a odio porttitor mattis! Donec id elit nec massa ornare dictum.
[lightbox src='IMAGE_SRC' width="200" height="200" lightbox="on" align="right" title="IMAGE_TITLE"]
Tagged under