300 000
members
comes with over 500 Google web fonts you can pick for all your headings, navigation, titles, topbar, body, twitterbar, breadcrumbs text. Simply go to the Theme Options Panel, under the styling options, and select the fonts that suit you best. You won’t be disappointed with the selection of fonts.
Google Font Directory[googlefont font-family="FONT_NAME" size="24" color="#4960B2" align="left" font_weight="400" margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont] [googlefont font-family="FONT_NAME" size="20" color="#506FC4" align="left" font_weight="400" margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont] [googlefont font-family="FONT_NAME" size="18" color="#5781D6" align="left" font_weight="400" margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont] [googlefont font-family="FONT_NAME" size="14" color="#6099EA" align="left" font_weight="400" margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[toggle_box] [toggle_item icon="user" title='ITEM_TITLE1'] ADD_CONTENT_HERE [/toggle_item] [toggle_item icon="heart" title='ITEM_TITLE2' active='yes'] ADD_CONTENT_HERE [/toggle_item] [toggle_item icon="bell-alt" title='ITEM_TITLE3'] ADD_CONTENT_HERE [/toggle_item] [/toggle_box]
/*-- Tablet portrait (768x1024) && Small tablet landscape (800x600) --*/ @media (min-width: 768px) and (max-width: 979px) { /* Block Lightbox*/ .yt-lightbox{display: block;} div.yt-vimeo iframe, div.yt-youtube iframe{width:100%;height: 300px;} }
[highlighter lang="less" linenums="yes" startnums="1"] ADD_CONTENT_HERE [/highlighter]
The shortcodes supports users to make content for web pages. In Joomla administrator, Yt Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content. We will show bonus pages for sample in some templates using shortcodes from now.
Note: Shortcodes only works in detail article (joomla! content, k2 content), custom html module.
Font Awesome is a pictographic language of web-related actions which delivers 220 icons. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full examples of usage at Font Awesome - Font Awesome - http://fortawesome.github.com/Font-Awesome
Add name=ICON_NAME
to any element, best used with a [icon]
.
[icon name="twitter" size="34" color="#0AA7DB" ] [icon name="facebook" size="34" color="#3C5A9A" ] [icon name="linkedin" size="34" color="#1B5690" ]
members
apps monthly developed
leads generated to our customers
[icon name="user" align="left" size="100" color="#fff"] [icon name="mobile-phone" align="left" size="100" color="#fff"] [icon name="globe" align="left" size="100" color="#fff"]
[pricing columns="4"] [plan title="Free" button_link="#" button_label="Sign up!" price="$0 " featured="false" per="month"] <ul class="pricing-list"> <li><i class="icon-ok"></i> Disk Space <strong>10 GB</strong> </li> <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li> <li><i class="icon-remove"></i> Setup Free <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li> <li><i class="icon-ok"></i><strong>1 </strong> Free Email Accounts <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li> <li><i class="icon-ok"></i><strong>1 </strong> FTP Accounts</li> <li><i class="icon-ok"></i> Half Privacy</li> </ul> [/plan] [plan title="Basic" button_link="#" button_label="Sign up!" price="$15 " featured="false" per="month"] <ul class="pricing-list"> <li><i class="icon-ok"></i> Disk Space <strong>15 GB</strong> </li> <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li> <li><i class="icon-ok"></i> Setup Free </li> <li><i class="icon-ok"></i><strong>3 </strong> Free Email Accounts </li> <li><i class="icon-ok"></i><strong>3 </strong> FTP Accounts</li> <li><i class="icon-ok"></i> Full Privacy</li> </ul> [/plan] [plan title="Pro" button_link="#" button_label="Sign up!" price="$30 " featured="false" per="month"] <ul class="pricing-list"> <li><i class="icon-ok"></i> Disk Space <strong>30 GB</strong> </li> <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li> <li><i class="icon-ok"></i> Setup Free </li> <li><i class="icon-ok"></i><strong>5 </strong> Free Email Accounts </li> <li><i class="icon-ok"></i><strong>5 </strong> FTP Accounts</li> <li><i class="icon-ok"></i> Full Privacy</li> </ul> [/plan] [plan title="Premium" button_link="#" button_label="Sign up!" price="$70 " featured="true" per="month"] <ul class="pricing-list"> <li><i class="icon-ok"></i> Disk Space <strong> Unlimited GB</strong> </li> <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li> <li><i class="icon-ok"></i> Setup Free </li> <li><i class="icon-ok"></i><strong> Unlimited </strong> Free Email Accounts </li> <li><i class="icon-ok"></i><strong> Unlimited </strong> FTP Accounts</li> <li><i class="icon-ok"></i> Full Privacy</li> </ul> [/plan] [/pricing]
[pricing columns="4" style="red"] [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0" featured="false" per="month"] TEXT_OF_PLAN[/plan] [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$15" featured="false" per="month"] TEXT_OF_PLAN[/plan] [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$30" featured="false" per="month"] TEXT_OF_PLAN[/plan] [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$70" featured="true" per="month"] TEXT_OF_PLAN[/plan] [/pricing]
[pricing columns="4" style="blue"] [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0" featured="false" per="month"] TEXT_OF_PLAN[/plan] ... [/pricing]
[pricing columns="4" style="green"] [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0" featured="false" per="month"] TEXT_OF_PLAN[/plan] ... [/pricing]
[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 ]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium venenatis dui, sed euismod felis dapibus sit amet. Ut dignissim justo sit amet tortor imperdiet mollis. Nam at purus id erat tempor varius non ac tortor. Ut pretium enim eu odio hendrerit vulputate. Praesent nibh mi, dignissim a eleifend id, ultricies ut erat. Maecenas mollis porta lacinia. Donec ultrices laoreet enim, non tincidunt mi sodales sagittis. Nulla et lectus vel enim dictum sodales vitae vel arcu. Phasellus a tortor enim. Nullam posuere hendrerit neque in porttitor.
Maecenas ut lorem imperdiet tortor rutrum commodo in in ipsum. Aliquam urna lacus, ornare ac tempor quis, malesuada non magna. Quisque placerat auctor eros, sed tincidunt felis pretium at. Curabitur augue nulla, porta in malesuada volutpat, pulvinar a mi. Mauris tristique porttitor elit sed lobortis. Morbi sollicitudin blandit eros, at lacinia erat euismod vitae. Pellentesque nec odio tellus. Phasellus a eros tortor. Mauris pretium viverra vulputate. Suspendisse faucibus scelerisque ipsum at auctor. Aliquam sit amet malesuada lacus. Mauris ut nisi a purus blandit suscipit. Sed lacus arcu, pellentesque fermentum pulvinar vitae, molestie non nibh. Donec sem est, congue eu ultricies et, tempor ac turpis. Nullam felis odio, suscipit eu tincidunt quis, gravida eget massa.
[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 align="left" ]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pretium venenatis dui, sed euismod felis dapibus sit amet. Ut dignissim justo sit amet tortor imperdiet mollis. Nam at purus id erat tempor varius non ac tortor. Ut pretium enim eu odio hendrerit vulputate. Praesent nibh mi, dignissim a eleifend id, ultricies ut erat. Maecenas mollis porta lacinia. Donec ultrices laoreet enim, non tincidunt mi sodales sagittis. Nulla et lectus vel enim dictum sodales vitae vel arcu. Phasellus a tortor enim. Nullam posuere hendrerit neque in porttitor.
Maecenas ut lorem imperdiet tortor rutrum commodo in in ipsum. Aliquam urna lacus, ornare ac tempor quis, malesuada non magna. Quisque placerat auctor eros, sed tincidunt felis pretium at. Curabitur augue nulla, porta in malesuada volutpat, pulvinar a mi. Mauris tristique porttitor elit sed lobortis. Morbi sollicitudin blandit eros, at lacinia erat euismod vitae. Pellentesque nec odio tellus. Phasellus a eros tortor. Mauris pretium viverra vulputate. Suspendisse faucibus scelerisque ipsum at auctor. Aliquam sit amet malesuada lacus. Mauris ut nisi a purus blandit suscipit. Sed lacus arcu, pellentesque fermentum pulvinar vitae, molestie non nibh. Donec sem est, congue eu ultricies et, tempor ac turpis. Nullam felis odio, suscipit eu tincidunt quis, gravida eget massa.
[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 align="right" ]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra aliquet velit quis semper. Ut eget justo massa, in sagittis massa. Phasellus vitae quam posuere erat tempor euismod. Aenean eu pellentesque dolor. Aenean lobortis lacinia imperdiet. Praesent tempus rhoncus malesuada. Nulla ultrices turpis at turpis fermentum suscipit ullamcorper turpis accumsan! Vivamus cursus neque vitae risus condimentum id tincidunt eros congue!
Integer nisl arcu, viverra in imperdiet eget, tempor sed nisl. Quisque sollicitudin blandit gravida. Cras accumsan nunc eu mi adipiscing congue. In accumsan velit neque, in sagittis nisl. Nam cursus, metus accumsan pellentesque sagittis, nisi magna tristique ipsum, commodo dignissim neque magna vel elit. Nulla facilisi. Aenean tempor blandit suscipit. Fusce dictum, nunc vitae dignissim laoreet, mauris ante consequat elit; eget dapibus libero odio eu risus. Quisque nec sapien in felis aliquet pulvinar? Vivamus vel dapibus massa. Vestibulum tempus fringilla lacus, sit amet ullamcorper leo.
[space height='60']
[clear ]
[br]
Ut vestibulum odio molestie tellus consequat sit amet euismod magna sodales. Vestibulum tempor tristique enim, non rhoncus tellus mollis hendrerit. Sed mauris risus, venenatis vitae euismod et, mollis semper massa! Nullam accumsan mollis massa, vel dignissim orci bibendum nec. Sed iaculis, orci eu commodo euismod, purus lorem bibendum lectus; nec viverra tortor neque at diam. Maecenas ut sem tempor ligula faucibus pulvinar. Integer adipiscing elementum rutrum. Nullam varius velit nec urna tempor tincidunt. Vestibulum volutpat massa non mauris imperdiet dignissim? Vivamus bibendum convallis turpis, id malesuada ipsum semper eget. Vivamus gravida leo quis enim tristique venenatis? Sed faucibus adipiscing aliquet. Aliquam placerat nisl vel lectus tempor ac tempor nisi lobortis! Nam vitae dui et ligula aliquet facilisis sit amet ullamcorper lacus.
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero. Ut condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id est eget justo viverra tristique. Fusce placerat est eget ligula lobortis sit amet hendrerit nisl hendrerit. Donec rutrum luctus tellus eu molestie? Phasellus sollicitudin felis eu leo ullamcorper ut gravida tellus tempor. Ut luctus enim quis neque dapibus faucibus sodales purus dignissim. Nam pretium sem quis nulla aliquet convallis at et sem. Curabitur at hendrerit velit.
Curabitur dui tellus; fermentum nec euismod vel, commodo in mauris. Fusce lacinia ultricies fringilla. Duis ultrices lorem vitae justo euismod pulvinar. Quisque vitae justo quam. Proin feugiat varius elit, molestie vestibulum magna vehicula sed. Maecenas diam orci, tristique non facilisis id, pharetra in est. Pellentesque nec fringilla est. Proin pharetra pellentesque lectus, eget bibendum urna lobortis vitae. Suspendisse eu justo odio. Vestibulum ut eros vitae massa dapibus sagittis. Sed nec ligula leo; nec placerat arcu. Donec quis mi ac justo feugiat aliquam ac at felis. Cras vel mauris libero, non faucibus nisi. Aenean porttitor enim at orci hendrerit rutrum.
Integer nisl arcu, viverra in imperdiet eget, tempor sed nisl. Quisque sollicitudin blandit gravida. Cras accumsan nunc eu mi adipiscing congue. In accumsan velit neque, in sagittis nisl. Nam cursus, metus accumsan pellentesque sagittis, nisi magna tristique ipsum, commodo dignissim neque magna vel elit. Nulla facilisi. Aenean tempor blandit suscipit. Fusce dictum, nunc vitae dignissim laoreet, mauris ante consequat elit; eget dapibus libero odio eu risus. Quisque nec sapien in felis aliquet pulvinar? Vivamus vel dapibus massa. Vestibulum tempus fringilla lacus, sit amet ullamcorper leo porta at.
Morbi cursus nibh sed tortor dapibus imperdiet! Fusce nec ipsum tellus. Donec euismod, arcu a pulvinar sagittis, libero odio malesuada turpis, non tincidunt nibh enim at erat. Curabitur mollis tincidunt pellentesque! Sed convallis laoreet neque non bibendum. Nam vehicula suscipit magna; ac luctus ipsum vestibulum vitae. Nulla vel lectus eros, eu condimentum libero. Pellentesque vulputate, augue lobortis imperdiet adipiscing, erat massa malesuada risus, in posuere magna elit at dui. Nunc bibendum sapien at nisi congue tristique. Phasellus non tellus in ipsum tempus sodales. Phasellus accumsan varius rhoncus. Suspendisse adipiscing gravida purus nec elementum.
[divider margin="20px 0 20px 0" ] [divider type="line" margin="20px 0 20px 0" ] [divider type="dotted" margin="20px 0 20px 0" ] [divider type="shadow" margin="20px 0 20px 0" ] [divider type="stripes" margin="20px 0 20px 0" ]
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_HERE [/youtube]
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_HERE [/youtube]
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_HERE [/youtube]
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 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 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]
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]
Forem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque convallis ligula eget tellus lacinia tristique. Vivamus convallis tristique fringilla. Pellentesque pharetra, lacus tincidunt pulvinar facilisis