Whatch how this site looks when is left aligned.
Left Alignment Page
You can launch an image/video lightbox from nearly anywhere…
Video Lightbox
Whatch how this site looks when is right aligned.
Right Alignment Page
Now you can build a page in seconds due to “UpToDate” variety of features, shortcodes and widgets. All the pages from this live demo are built using them. Enjoy “UpToDate” !!!
I want you …
First step when you’ll use fit boxes is to create a container with this class attribute (“isotope_shortcode isotope“). If there is no container with this class then the isotop shortcode won’t work. It’s very easy to create a container… Just go to shortcode generator, choose tag shortcode and type in the class field the word “isotope_shortcode isotope“. Send it to editor and that’s it. Now you can add box elements with isotop shortcode. You can add as many elements as you want.
+
Get the code
[div class_attr="isotope_shortcode isotope"]
[isotope_element location="image_src" type="one_fourth" title="Left Alignment" lightbox="true" group="girls" icon="zoom"]
<p>Whatch how this site looks when is left aligned.</p>
[button link="/uptodate/features/site-alignment/page-on-left" link_target="_blank" title="Left Alignment" size="small" full="true"]Left Alignment Page[/button]
[/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Powerful Shortcodes" lightbox="true" group="girls" icon="zoom"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Click to watch a video lightbox" lightbox="true" group="girls" icon="play" link="http://www.youtube.com/watch?v=KlR2fcObC5E"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Click to watch a video lightbox" lightbox="true" group="girls" icon="play" link="http://vimeo.com/21103764"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Click to watch a video lightbox" lightbox="true" group="girls" icon="play" link="http://www.dailymotion.com/video/xmx9st_dream-cars_auto"]
<p>You can launch an image/video lightbox from nearly anywhere...</p>
[button link="http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport" title="Video Lightbox" size="medium" full="true" lightbox="true"]Video Lightbox[/button]
[/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Click to watch a video lightbox" lightbox="true" group="girls" icon="play" link="http://www.metacafe.com/watch/yt-jrxgTXfiA4k/mtb_mountainbike_freeride_mix_in_hd/"]
<p>Whatch how this site looks when is right aligned.</p>
[button link="/uptodate/features/site-alignment/page-on-right" link_target="_blank" title="Right Alignment" size="small" full="true"]Right Alignment Page[/button]
[/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Watch our portfolio" icon="doc" link="/uptodate/portfolios/sortable/portfolio-4-columns"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Whatch our blog" icon="doc" link="/uptodate/blog"]
Now you can build a page in seconds due to "UpToDate" variety of features, shortcodes and widgets. All the pages from this live demo are built using them. Enjoy "UpToDate" !!!
[/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Whatch our gallery" icon="link" link="/uptodate/galleries/gallery-4-columns"]
I want you ...
[/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Contact Us" icon="link" link="/uptodate/contact"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element]
[isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element]
[/div]