admin – Page 62 – StreetArtCEI

Slideshow

[slideshow width=”780″ height=”300″ align=”none” count=”3″ autoslide=”no” ]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/780×300/5BD999/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/780×300/00C0E4/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/780×300/CB70D7/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='800' height='350' align='none' count="3" autoslide="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

[slideshow width=”400″ height=”250″ align=”left” caption=”no” count=”3″]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/5BD999/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/00C0E4/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/CB70D7/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

[slideshow width='400' height='250' align='left' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

[slideshow width=”400″ height=”250″ align=”right” caption=”no”]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/5BD999/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/00C0E4/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title=”Fusce nec velit ac dolor egestas aliquam” src=”http://placehold.it/400×250/CB70D7/FFFFFF” ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

[slideshow width='400' height='250' align='right' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

Customization Options / Features

Width : The width for slideshow
Height : The height for slideshow
Align : Select position align (left, right, none)
Src : The image (jpg, png, gif) source, the url should be from site root, eg: “images/…/abc.jpg”.
Title : Title of the item, display as heading of item caption.
Caption : “caption=no” Not show Title, content of the item Slideshow.

Quick show

Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.
[clear]

[modal link=”#” title=”Default” header=”Phasellus convallis ut justo ut interdum 1″]
Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]

[modal link=”#” icon=”comment” type=”primary” title=”Primary” header=”Phasellus convallis ut justo ut interdum 2″]
Anim pariatur cliche reprehenderit

Nulla pariatur cliche reprehenderit

[/modal]

[modal link=”#” icon=”info-circle” type=”info” title=”info” header=”Phasellus convallis ut justo ut interdum 3″]
Anim pariatur cliche reprehenderit

Nulla pariatur cliche reprehenderit

[/modal]

[modal link=”#” icon=”check” type=”success” title=”success” header=”Phasellus convallis ut justo ut interdum 4″]
Anim pariatur cliche reprehenderit

Nulla pariatur cliche reprehenderit

[/modal]

[modal link=”#” icon=”warning” type=”warning” title=”warning” header=”Phasellus convallis ut justo ut interdum 5″]
Anim pariatur cliche reprehenderit

Nulla pariatur cliche reprehenderit

[/modal]

[modal link=”#” icon=”refresh” type=”danger” title=”danger” header=”Phasellus convallis ut justo ut interdum 6″]
Anim pariatur cliche reprehenderit

Nulla pariatur cliche reprehenderit

[/modal]

[modal link="#" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="comment" type="primary" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="info-circle" type="info" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="check" type="success" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="warning" type="warning" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="refresh" type="danger" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]

[message_box type=”warning” close=”no”]

Ex: element icon=”user” then name of icons is “fa-user”.

You can find the full examples of usage at Font Awesome – Font Awesome 4.0.3
[/message_box]

Responsive Layout Flat Design / 01 min. 00 sec.

L’interactivité ne se limite pas au web. Elle est partout où les relations ont de la valeur, partout où il y a un désir de partager et d’avancer.

[vimeo height=”330″ width=”530″ align=”none”]http://vimeo.com/30443113[/vimeo]

Google Font

Choose from over 570 Google Font’s to emphasize your Taglines

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=”Cantora One” size=”24″ color=”#4960B2″ margin=”0 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font=”PT Sans” size=”20″ color=”#506FC4″ margin=”1em 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font=”Cuprum” size=”18″ color=”#5781D6″ margin=”1em 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[googlefont font=”BenchNine” size=”21″ color=”#6099EA” text-align=”none” margin=”1em 0 1em 0″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]

[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]

Toggles

[toggle_box]
[toggle_item icon=”user” title=”Collapsible Group Item #1″] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon=”heart” active=”yes” title=”Collapsible Group Item #2″] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon=”bell” title=”Collapsible Group Item #2″] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. [/toggle_item]
[/toggle_box]

[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" title='ITEM_TITLE3'] ADD_CONTENT_HERE [/toggle_item]
[/toggle_box]

[message_box type=”warning” close=”no”]

Ex: element icon=”user” then name of icons is “fa-user”.

You can find the full examples of usage at Font Awesome – Font Awesome 4.0.3
[/message_box]

Syntax Highlighting

[highlighter label=”Example about less” ]
/*– Tablet portrait (768×1024) && Small tablet landscape (800×600) –*/
@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]

[highlighter label="CONTENT_HERE" ] ADD_CONTENT_HERE [/highlighter]

Bonus pages

We use shortcodes to do the bonus pages, and css file dedicated for bonus pages is joomla-page.less(path: ROOT/templates/YOUR_TEMPLATE/less/joomla-page.less)

Portfolio Shortcode

SMARTADDONS specializes in providing products based on a CMS platform. With the aim of providing high-quality products for customers, our talented team always tries to work hard and catch up the new trend of technology. So, you can build simple to complex templates in the fastest way as well as use them for various purposes. More than that, our supporting team is always ready to answer any question or problem – we’re here to help!

[space height=”20″]