EU Cookie Law

  1. What are cookies?
  2. How do we use cookies?
  3. Cookies used on our site
  4. How to delete cookies or control them

[divider type=”stripes” margin=”20px 0 20px 0″ ]

Since 26th May 2012, all UK websites need to comply with the EU E-Privacy Directive 2009/136/EC. Cookies are only a small part of this directive, and whilst you are still allowed to use cookies on a website, it must be made clear to visitors to your site that cookies are being used. A message or warning must be displayed so that the visitor is aware of them.

At the top of our website we have displayed a message to warn you that our website makes use of cookies and that one has already been set. By displaying this message we hope that we are providing you with the information you require about our use of cookies, and presenting you with the option to consent to their use. This message will be displayed until such time as you agree to our site using cookies by clicking on the continue button.

1.What is a cookie?

A cookie is a small amount of data, often including a unique identifier, sent to the browser of your computer or mobile phone (referred to here as a “device”) from a website’s computer. It is stored on your device’s hard drive. Each website can send its own cookie to your browser if your browser’s preferences allow it. To protect your privacy, your browser only permits a website to access the cookies it has already sent to you, and not the cookies sent to you by other websites. Many websites do this whenever a user visits them to track online traffic flows.

On the Channel Digital website, our cookies record information about your online preferences so we can tailor the site to your interests. You can set your device’s preferences to accept all cookies, notify you when a cookie is issued, or not receive cookies at all. Selecting the last option means you will not receive certain personalised features, which may result in you being unable to take full advantage of all the website’s features. Each browser is different, so please check the “Help” menu of your browser to learn how to change your cookie preferences.

During the course of any visit to our website, every page you see, along with a cookie, is downloaded to your device. Many websites do this because cookies enable website publishers to do useful things like find out whether your device (and probably you) has visited the website before. On a repeat visit this is done by the website’s computer checking to see, and finding, the cookie left there on the last visit.

2.How do we use cookies?

Information supplied by cookies can help us analyse the profile of our visitors, which helps us provide you with a better user experience. For example, if on a previous visit you went to our marketing pages, we might find this out from your cookie and highlight marketing information on subsequent visits.

Third party cookies on our pages

Please note that during your visits to our website you may notice some cookies which are unrelated to us. When you visit a page with content embedded from, for example, YouTube or Flickr, you may be presented with cookies from these websites. We do not control the dissemination of these cookies. You should check the third party websites for more information about these.

3.Cookies used on our site

We only use cookies to help us continuously improve our website and maintain a nice browsing experience for our visitors. Here is a list of cookies used on this website:

  • Google Analytics – we use cookies to compile visitor statistics such as how many people have visited our website, what type of technology they are using (e.g. Mac or Windows which helps to identify when our site isn’t working as it should for particular technologies), how long they spend on the site, what page they look at etc.
  • ShareThis, Quantcast and Gigya – social media share buttons that enable you to share our content
  • Session cookie – this is a standard cookie just to remember user preferences (like font size and saves you logging in every time you visit)

4.How to delete cookies or control them

This site will not use cookies to collect personally identifiable information about you. However, if you wish to restrict or block cookies set by this or any other website, you can do this through your browser settings. The Help function within your browser should tell you how.

Alternatively, you may wish to visit www.aboutcookies.org which contains comprehensive information on how to do this for a wide variety of browsers. You will also find details on how to clear cookies from your computer as well as more general information about cookies. For information on how to do this on your mobile phone’s browser, you will need to refer to your handset manual.

List player

[playerlist title=”wait what — notorious xx (2009)”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/01-dead-wrong-intro.mp3″ song=”Dead wrong intro” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/02-juicy-r.mp3″ song=”juicy-r” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/03-its-all-about-the-crystalizabeths.mp3″ song=”it’s all about the crystalizabeths” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/04-islands-is-the-limit.mp3″ song=”Islands is the limit” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/05-one-more-chance-for-a-heart-to-skip-a-beat.mp3″ song=”One more chance for a heart to skip a beat” artist=”Notorious”] [player_item src=”http://kolber.github.io/audiojs/demos/mp3/06-suicidal-fantasy.mp3″ song=”Suicidal fantasy” artist=”Notorious”] [/playerlist] Cras sodales dui id est sagittis varius! Mauris tempor convallis mollis. Phasellus placerat facilisis tristique. Sed et vulputate est. Nam sodales porttitor ullamcorper? Proin posuere, ligula sit amet luctus semper, velit sapien tincidunt nunc, at feugiat nunc dui vitae nisl. Morbi et sem volutpat, faucibus orci eget, porttitor sapien. [space height=”30″]

[message_box  type=”error” close=”no”]Error when use shortcodes audio mp3 and  player list  on the pager[/message_box]

[highlighter label=”Example” ][playerlist title=”TITLE_PLAYERLIST”]
[player_item src=’MP3_SRC’ song=”SONG_NAME” artist=”ARTIST_NAME”]
[player_item src=’MP3_SRC’ song=”SONG_NAME” artist=”ARTIST_NAME”]
[player_item src=’MP3_SRC’ song=”SONG_NAME” artist=”ARTIST_NAME”]
[/playerlist][/highlighter]

Carousel

[carousel height=”225px” align=”none” control=”yes” count=”3″ interval=”0″]
[carousel_item ] [columns ] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [/columns] [/carousel_item]
[carousel_item ] [columns ] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [/columns] [/carousel_item]
[carousel_item ] [columns ] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [column_item col=”3″] [/column_item] [/columns] [/carousel_item]
[/carousel] [highlighter label=”Example” ][carousel width=”auto” height=”250″ align=”none” count=”3″ control=”yes”] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [/carousel][/highlighter]

On scroll animations

In the SJ Plus v2 template we have implemented the animation engine based on the scrollReveal.js script. This script makes creating elements onscroll animations very simple to define.

Thanks to this script you can describe an animation using natural language.

Description of the animation is placed in the data-scroll-reveal attribute:

<!-- These 3 lines are equivalent -->
<div data-scroll-reveal="enter left and move 50px over 1.33s"> Foo </div>
<div data-scroll-reveal="enter from the bottom after 1s"> Bar </div>
<div data-scroll-reveal="wait 2.5s and then ease-in-out 100px"> Baz </div>

The full description of the syntax is available on the project documentation page

Tooltip

Nulla ac convallis ipsum. Nulla tellus erat, [tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] venenatis [/tooltip] in auctor quis, aliquet a magna. Ut tortor nisl;
pellentesque a rhoncus non, semper a quam. Sed [tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] aliquet [/tooltip] libero at lorem ornare auctor ornare est condimentum.
Morbi pulvinar nibh egestas massa venenatis sed [tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] condimentum [/tooltip] turpis suscipit. In hac habitasse platea dictumst.
[tooltip link=”#” title=”Nulla ac convallis ipsum” position=”top”] Quisque quis odio a odio porttitor [/tooltip] mattis! Donec id elit nec massa ornare dictum.

[tooltip link="#" title='TITLE' position='top']ADD_CONTENT_HERE [tooltip]

[space height=”10″]

[space height=”10″]
[button link=’#’ title=’Click here example Tooltip’ position=’top’ type=’warning’]Tooltip on top[/button]
[button link=’#’ title=’Click here example Tooltip’ position=’left’ type=’primary’]Tooltip on left[/button]
[button link=’#’ title=’Click here example Tooltip’ position=’right’ type=’info’]Tooltip on right[/button]
[button link=’#’ title=’Click here example Tooltip’ position=’bottom’ type=’success’]Tooltip on bottom[/button]
[space height=”30″]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='warning']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='primary']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='info']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='success']ADD_CONTENT_HERE[[/button]

Customization Options / Features

  • Link : Link for website
  • Position : Select position align (top, bottom,left,right)
  • Type : Select type color (warning, primary, info, success)
  • Title : Text in tooltip

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

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='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

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='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

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=”info-circle” type=”info” title=”info” header=”Phasellus convallis ut justo ut interdum 3″]
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=”check” type=”success” title=”success” header=”Phasellus convallis ut justo ut interdum 4″]
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=”warning” type=”warning” title=”warning” header=”Phasellus convallis ut justo ut interdum 5″]
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=”refresh” type=”danger” title=”danger” header=”Phasellus convallis ut justo ut interdum 6″]
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="#" 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]

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

Vestibulum id urna

Tini – News/Magazine Template with Online Shop

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Vestibulum id urna

G2Shop – Responsive Ecommerce Joomla Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Vestibulum id urna

Zaga – Responsive Onepage Restaurant Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Vestibulum id urna

Financial II – Responsive Financial Joomla Theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

[space height=”30″]

Vestibulum id urna

Perty – Responsive News/Magazine Joomla Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Vestibulum id urna

Papa – Responsive Multipurpose VirtueMart Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Vestibulum id urna

Product – Responsive Business Joomla Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Vestibulum id urna

Financial – Responsive Joomla News Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.