{"id":223,"date":"2014-04-04T12:43:20","date_gmt":"2014-04-04T12:43:20","guid":{"rendered":"http:\/\/elysium.wp.themeforest.createit.pl\/?page_id=223"},"modified":"2014-04-17T09:56:01","modified_gmt":"2014-04-17T09:56:01","slug":"images-and-sliders","status":"publish","type":"page","link":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/images-and-sliders\/","title":{"rendered":"Images and sliders"},"content":{"rendered":"<div class=\"padding-sm-top row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Parallax\r\n                <\/h3>\r\n            <\/div>\n<\/div>\n<\/div><div class=\"full-width\">\n\r\n\t\t\t<div class=\"parallax height550\" id=\"parallax595\" style=\"background-image: url(&quot;\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/parallax-creative3.jpg&quot;)\">\r\n\t\t\t    <div class=\"inner\">\r\n                \n<div class=\"container\"><div class=\"both row\">\n<p >\nSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br \/>\n<\/p>\n<\/div><\/div>\n\r\n                <\/div>\r\n            <\/div>\n<\/div><div class=\"container\">\n<div class=\"padding-sm row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[full_width]\n[parallax imgsrc=&quot;...&quot;]\n&#8230;<br \/>\n[\/parallax]\n[\/full_width][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\">\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>ratio<\/strong> - speed to move relative to vertical scroll. example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling<\/i><\/li><li><i><strong>overlay<\/strong> - in %<\/i><\/li><li><i><strong>imgsrc<\/strong> - image<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Flexslider\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-12\">\n\r\n            <div id=\"flexslider375\" class=\"normal-flexslider flexslider std-slider\" data-animation=\"slide\" data-height=\"500\" data-loop=\"false\" data-smooth=\"true\" data-slideshow=\"true\" data-speed=\"5000\" data-animspeed=\"550\" data-controls=\"false\" data-dircontrols=\"true\">\r\n                <ul class=\"slides\">\r\n                    \n\r\n\t\t\t\t<li style=\"background-image: url(\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project3-creative.jpg)\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"description\">\r\n                            <span class=\"title\"><h2>elysium is here<\/h2><\/span>\r\n                            <span class=\"text\">\r\n\r\n                            Elysium is build to impress and seduce you. We put so much effort into  this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.\r\n\r\n                      <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n\t\t\t\t<li style=\"background-image: url(\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project4-creative.jpg)\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"description\">\r\n                            \r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n                <\/ul>\r\n            <\/div>\r\n        \n<\/div>\n<\/div>\n<div class=\"padding-sm-bottom row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[flex_slider]\n[flex_slider_item imgsrc=&quot;...&quot;]&#8230;<br \/>\n[\/flex_slider_item]\n[\/flex_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">flex_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>height<\/strong> - height slider<\/i><\/li><li><i><strong>loop<\/strong> - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - true; false; <\/i><\/li><li><i><strong>speed<\/strong><\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">flex_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><li><i><strong>title<\/strong> - title image<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Flexslider type 2\r\n                <\/h3>\r\n            <\/div>\n<\/div>\n<\/p><\/div>\n\r\n            <div class=\"top-section height100\">\r\n                <div id=\"flexslider979\" class=\"flexslider std-slider\" data-height=\"560\" data-loop=\"true\" data-smooth=\"false\" data-slideshow=\"true\" data-speed=\"15000\" data-animspeed=\"550\" data-controls=\"true\" data-dircontrols=\"true\">\r\n                    <ul class=\"slides\">\r\n                        \n\r\n\t\t\t\t<li data-bg=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/slide_01creative.jpg\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"back-caption\"><\/div>\r\n                        <div class=\"caption text-center\">\r\n                             <p>elysium will <span class=\"colored\">save<\/span> you<br \/><span class=\"colored\">time<\/span> &amp; <span class=\"colored\">money<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n\t\t\t\t<li data-bg=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/slide_02creative.jpg\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"back-caption\"><\/div>\r\n                        <div class=\"caption text-center\">\r\n                             <p>elysium is <span class=\"colored\">serious<\/span> about you<br \/> &amp; <span class=\"colored\">your business<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n\t\t\t\t<li data-bg=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/slide_03creative.jpg\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"back-caption\"><\/div>\r\n                        <div class=\"caption text-center\">\r\n                             <p><span class=\"colored\">Welcome<\/span> to a shiny<br \/>new <span class=\"colored\">elysium<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n\t\t\t\t<li data-bg=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/slide_04creative.jpg\">\r\n                    <div class=\"inner\">\r\n                        <div class=\"back-caption\"><\/div>\r\n                        <div class=\"caption text-center\">\r\n                             <p>For a <span class=\"colored\">fresh change<\/span> try <br \/><span class=\"colored\">elysium<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"buttons\">\r\n                    <div class=\"left\">\r\n                        <img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/btn-round-left.svg\" class=\"svg-icon-left svg-inject\" alt=\"Button\">\r\n                        <span>Go<\/span>\r\n                    <\/div>\r\n                    <div class=\"right\">\r\n                        <a href=\"#navigation\" class=\"btn-scroll\"><img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/btn-round-right.svg\" class=\"svg-icon-right svg-inject\" alt=\"Button\"><\/a>\r\n                        <a href=\"#navigation\" class=\"btn-scroll\"><span class=\"animate-arrow bounce\"><img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/arrowbounce.png\" alt=\"arrow\"><\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        \n<div class=\"container\">\n<div class=\"padding-sm row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[flex_slider_type2 buttonlink=&quot;#navigation&quot;]\n[flex_slider_type2_item imgsrc=...&quot;]\n&#8230;[\/flex_slider_type2_item]\n&#8230;[\/flex_slider_type2][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">flex_slider_type2 parameters<\/h6><ul class=\"ct-params\"><li><i><strong>buttontext<\/strong><\/i><\/li><li><i><strong>buttonlink<\/strong><\/i><\/li><li><i><strong>height<\/strong> - height slider<\/i><\/li><li><i><strong>loop<\/strong> - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - true; false; <\/i><\/li><li><i><strong>speed<\/strong><\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">flex_slider_type2_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Flexslider type 3\r\n                <\/h3>\r\n            <\/div>\n<\/div>\n<\/div>\n\r\n            <div class=\"top-section height100\">\r\n                <div id=\"flexslider573\" class=\"flexslider std-slider\" data-height=\"560\" data-loop=\"true\" data-smooth=\"false\" data-slideshow=\"true\" data-speed=\"15000\" data-animspeed=\"550\" data-controls=\"true\" data-dircontrols=\"true\">\r\n                    <ul class=\"slides\">\r\n                        \r\n\t\t\t\t<li data-bg=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/slide_01creative.jpg\">\r\n                    \r\n                    <div class=\"inner\">\r\n                        <div class=\"caption type2 text-center\">\r\n                             \r\n                <h2 >\r\n                    elysium dives <span class=\"colored-secundary\">deep<\/span>\r\n                <\/h2>\r\n            \r\n                <h4 >\r\n                    with <span class=\"colored-secundary\">elysium<\/span> you will dive into an awesome experience<br \/>in an<span class=\"colored-secundary\">elegant and easy way<\/span>\r\n                <\/h4>\r\n            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n\r\n\t\t\t\t<li data-bg=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/slide_02creative.jpg\">\r\n                    \r\n                    <div class=\"inner\">\r\n                        <div class=\"caption type2 text-center\">\r\n                             \r\n                <h2 >\r\n                    elysium is <span class=\"colored-secundary\"> creative<\/span>\r\n                <\/h2>\r\n            \r\n                <h4 >\r\n                    with <span class=\"colored-secundary\">elysium<\/span> you will dive into an awesome experience<br \/> in an elegant and subtle way\r\n                <\/h4>\r\n            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/li>\r\n\t\t\t\n \r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"button\">\r\n                    <a href=\"http:\/\/themeforest.net\/user\/createit-pl\/portfolio?ref=createit-pl\" class=\"btn-scroll btn btn-lg btn-elysium-border\">\r\n                        Dive right into!\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"single-button\">\r\n                    <a href=\"#\" class=\"btn-scroll\"><img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/btn-round-right.svg\" class=\"svg-icon-right svg-inject\" alt=\"Button\"><\/a>\r\n                    <a href=\"#\" class=\"btn-scroll\"><span class=\"animate-arrow bounce\"><img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/arrowbounce.png\" alt=\"arrow\"><\/span><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        \n<div class=\"container\">\n<div class=\"padding-sm row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[flex_slider_type3 buttontext=&quot;Dive right into!&quot;<br \/>\nbuttonlink=&quot;...&quot; buttonlink2=&quot;#&quot;]\n[flex_slider_type3_item imgsrc=&quot;...&quot;]\n&#8230;[\/flex_slider_type3_item]\n&#8230;[\/flex_slider_type3][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">flex_slider_type3 parameters<\/h6><ul class=\"ct-params\"><li><i><strong>buttontext<\/strong><\/i><\/li><li><i><strong>buttonlink<\/strong> - button link to button with button text<\/i><\/li><li><i><strong>buttonlink2<\/strong> - button link to button with arrow<\/i><\/li><li><i><strong>height<\/strong> - height slider<\/i><\/li><li><i><strong>loop<\/strong> - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - true; false; <\/i><\/li><li><i><strong>speed<\/strong><\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">flex_slider_type3_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Logo slider\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-12\">\n\r\n\t\t    <div id=\"logoSlider330\" class=\"partners flexslider\">\r\n                <ul class=\"slides\">\r\n                    \n<li >\r\n                <div class=\"partner\">\r\n                    <a href=\"#\"><img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/zendesk.png\"><\/a>\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/facebook.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/shopify.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/jenkins.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/aweber.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/flurry.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/chargify.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/github.png\">\r\n                <\/div><\/li>\n<li >\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/zendesk.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/facebook.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/shopify.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/jenkins.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/aweber.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/flurry.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/chargify.png\">\r\n                <\/div>\n\r\n                <div class=\"partner\">\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/github.png\">\r\n                <\/div><\/li>\n\r\n                <\/ul>\r\n            <\/div>\r\n        \n<\/div>\n<\/div>\n<div class=\"padding-sm-bottom row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[logo_slider]\n[logo_slider_item imgsrc=&quot;...&quot;]\n&#8230;<br \/>\n[logo_slider_item imgsrc=&quot;...&quot;]\n[\/logo_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">logo_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>loop<\/strong> - should the animation loop? if false, directionnav will received \"disable\" classes at either end - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - allow height of the slider to animate smoothly in horizontal mode - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - animate slider automatically - true; false; <\/i><\/li><li><i><strong>speed<\/strong> - set the speed of the slideshow cycling, in milliseconds<\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - create navigation for paging control of each clide? note: leave true for manualcontrols usage - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - create navigation for previous\/next navigation? - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">logo_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>link<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Mini flexslider\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-12\">\n\r\n            <div id=\"flexslider728\" class=\"blog-min-slider flexslider std-slider\">\r\n                <ul class=\"slides\">\r\n                    \n\r\n\t\t\t\t<li >\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2013\/05\/full-slider-7.jpg\">\r\n                <\/li>\r\n\t\t\t\n\r\n\t\t\t\t<li >\r\n                    <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2013\/05\/full-slider-6.jpg\">\r\n                <\/li>\r\n\t\t\t\n\r\n                <\/ul>\r\n                \r\n                <div class=\"overlay-image\">\r\n                    <div class=\"buttons\">\r\n                    <div class=\"left\">\r\n                        <a href=\"#\"><img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/btn-round-left.svg\"\r\n                        class=\"svg-icon-left svg-inject\" alt=\"Button\"><\/a>\r\n                        <a href=\"#\"><span><i class=\"fa fa-check\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n                    <div class=\"right\">\r\n                        <a href=\"#\"><img decoding=\"async\" src=\"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-content\/themes\/elysium\/serious\/assets\/images\/btn-round-right.svg\"\r\n                        class=\"svg-icon-right svg-inject\" alt=\"Button\"><\/a>\r\n                        <a href=\"#\"><span>Go<\/span><\/a>\r\n                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        \n<\/div>\n<\/div>\n<div class=\"padding-sm-bottom row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[mini_flex_slider link=&quot;#&quot; buttonicon=&quot;fa-check&quot;<br \/>\n link2=&quot;#&quot; buttontext=&quot;Go&quot;]\n[mini_flex_slider_item imgsrc=&quot;...&quot;]\n&#8230;[\/mini_flex_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">mini_flex_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>link<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>buttonicon<\/strong><\/i><\/li><li><i><strong>link2<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>buttontext<\/strong> - button text 2<\/i><\/li><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>height<\/strong> - height slider<\/i><\/li><li><i><strong>loop<\/strong> - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - true; false; <\/i><\/li><li><i><strong>speed<\/strong><\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">mini_flex_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Quote flexslider\r\n                <\/h3>\r\n            <\/div>\n<div class=\"text-center col-md-12\">\n<span class=\"big-icon colored-secundary\">\r\n                <i class=\"fa  fa-rocket\"><\/i>\r\n            <\/span>\r\n            <div id=\"flexslider755\" class=\"quote-slider flexslider\">\r\n                <ul class=\"slides\">\r\n                    \n\r\n\t\t\t\t<li >\r\n                    <p>\r\n                        <span class=\"quote-text\">Yes, yes we did!<\/span>\r\n                        <span class=\"quote-author colored-secundary\">John Doe: CEO elysium corp.<\/span>\r\n                    <\/p>\r\n                <\/li>\r\n\t\t\t\n \r\n\t\t\t\t<li >\r\n                    <p>\r\n                        <span class=\"quote-text\">We dove the deepest sea to get a pearl for you!<\/span>\r\n                        <span class=\"quote-author colored-secundary\">John Doe: CEO elysium corp.<\/span>\r\n                    <\/p>\r\n                <\/li>\r\n\t\t\t\n \r\n                <\/ul>\r\n            <\/div>\r\n        \n<\/div>\n<\/div>\n<div class=\"padding-sm-bottom row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[quote_slider icon=&quot; fa-rocket&quot;]\n[quote_slider_item author=&quot;...&quot;]&#8230;[\/quote_slider_item]\n&#8230;[\/quote_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">quote_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>icon<\/strong><\/i><\/li><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>loop<\/strong> - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - true; false; <\/i><\/li><li><i><strong>speed<\/strong><\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">quote_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>author<\/strong><\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Services slider\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-12\">\n\r\n\t\t\t<div id=\"flexslider150\" class=\"services-slider flexslider\">\r\n\t\t\t\t<ul class=\"slides\">\n<li >\r\n\t\t\t\t\t <div class=\"service col-md-4 col-sm-4\">\r\n                        <div class=\"icon\">\r\n                            <i class=\"fa fa-heart-o\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"title\">We love every single pixel<\/span>\r\n\r\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem<br \/>\n                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.<\/p>\r\n                         <a href=\"#\" class=\"btn  btn-primary btn-round\" id=\"\" rel=\"nofollow\">Portfolio <span class=\"btn-right-icon\"><i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n\t\t\t\t\n\r\n\t\t\t\t\t <div class=\"service col-md-4 col-sm-4\">\r\n                        <div class=\"icon\">\r\n                            <i class=\"fa fa-lightbulb-o\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"title\">We love every single pixel<\/span>\r\n\r\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem<br \/>\n                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.<\/p>\r\n                         <a href=\"#\" class=\"btn  btn-primary btn-round\" id=\"\" rel=\"nofollow\">Blog <span class=\"btn-right-icon\"><i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n\t\t\t\t \r\n\t\t\t\t\t <div class=\"service col-md-4 col-sm-4\">\r\n                        <div class=\"icon\">\r\n                            <i class=\"fa fa-cog\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"title\">We love every single pixel<\/span>\r\n\r\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem<br \/>\n                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.<\/p>\r\n                         <a href=\"#\" class=\"btn  btn-primary btn-round\" id=\"\" rel=\"nofollow\">Contact <span class=\"btn-right-icon\"><i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n\t\t\t\t<\/li>\n<li >\r\n\t\t\t\t\t <div class=\"service col-md-4 col-sm-4\">\r\n                        <div class=\"icon\">\r\n                            <i class=\"fa fa-heart-o\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"title\">We love every single pixel<\/span>\r\n\r\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem<br \/>\n                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.<\/p>\r\n                         <a href=\"#\" class=\"btn  btn-primary btn-round\" id=\"\" rel=\"nofollow\">Portfolio <span class=\"btn-right-icon\"><i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n\t\t\t\t\n\r\n\t\t\t\t\t <div class=\"service col-md-4 col-sm-4\">\r\n                        <div class=\"icon\">\r\n                            <i class=\"fa fa-lightbulb-o\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"title\">We love every single pixel<\/span>\r\n\r\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem<br \/>\n                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.<\/p>\r\n                         <a href=\"#\" class=\"btn  btn-primary btn-round\" id=\"\" rel=\"nofollow\">Blog <span class=\"btn-right-icon\"><i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n\t\t\t\t \r\n\t\t\t\t\t <div class=\"service col-md-4 col-sm-4\">\r\n                        <div class=\"icon\">\r\n                            <i class=\"fa fa-cog\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"title\">We love every single pixel<\/span>\r\n\r\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Lorem<br \/>\n                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.<\/p>\r\n                         <a href=\"#\" class=\"btn  btn-primary btn-round\" id=\"\" rel=\"nofollow\">Contact <span class=\"btn-right-icon\"><i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n                    <\/div>\r\n\t\t\t\t<\/li>\n<\/ul>\r\n            <\/div>\r\n        \n<\/div>\n<\/div>\n<div class=\"padding-sm-bottom row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[services_slider]\n[services_slider_item icon=&quot;fa-heart-o&quot;<br \/>\ntitle=&quot;We love every single pixel&quot;<br \/>\nlink=&quot;#&quot; buttontext=&quot;Portfolio&quot;]\n&#8230;[\/services_slider_item]\n &#8230;[\/services_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">logo_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>loop<\/strong> - should the animation loop? if false, directionnav will received \"disable\" classes at either end - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - allow height of the slider to animate smoothly in horizontal mode - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - animate slider automatically - true; false; <\/i><\/li><li><i><strong>speed<\/strong> - set the speed of the slideshow cycling, in milliseconds<\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - create navigation for paging control of each clide? note: leave true for manualcontrols usage - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - create navigation for previous\/next navigation? - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">logo_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>icon<\/strong><\/i><\/li><li><i><strong>title<\/strong> - title text<\/i><\/li><li><i><strong>link<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>buttontext<\/strong><\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm-top row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Video slider\r\n                <\/h3>\r\n            <\/div>\n<\/div>\n<\/div><div class=\"full-width\">\n\r\n            <div id=\"videoCarousel604\" class=\"videoCarousel\">\r\n                <div id=\"bottom-slider\">\r\n                    <ul class=\"slides\"><li style=\"background-image: url(\/wp-content\/uploads\/2014\/04\/background-video1.jpg)\"><\/li><li style=\"background-image: url(\/wp-content\/uploads\/2014\/04\/background-video3.jpg)\"><\/li><li style=\"background-image: url(\/wp-content\/uploads\/2014\/04\/background-video2.jpg)\"><\/li>    <\/ul>\r\n                <\/div>\r\n                <div class=\"hide-overflow\">\r\n                    <div id=\"top-slider\" class=\"flexslider std-slider\" data-animation=\"slide\" data-height=\"100\" data-loop=\"false\"\r\n                    data-smooth=\"true\" data-slideshow=\"true\" data-speed=\"15000\" data-animspeed=\"550\" data-controls=\"false\"\r\n                    data-dircontrols=\"true\" data-sync=\"#bottom-slider\">\r\n                        <ul class=\"slides\">\r\n                            \n\r\n            <li >\r\n                <div class=\"inner text-center\">\r\n                    \r\n                <h2 >\r\n                    elysium is reduced to the max\r\n                <\/h2>\r\n            \r\n\r\n                    <div class=\"fit-video col-xs-12 col-md-10 col-md-offset-1\">\r\n                        <iframe loading=\"lazy\" class=\"video\"\r\n                        src=\"\/\/player.vimeo.com\/video\/24188320?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\"\r\n                        width=\"620\" height=\"348\"  frameborder=\"0\" webkitallowfullscreen mozallowfullscreen\r\n                        allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\t\t\t\n\r\n            <li >\r\n                <div class=\"inner text-center\">\r\n                    \r\n                <h2 >\r\n                    elysium is reduced to the max\r\n                <\/h2>\r\n            \r\n\r\n                    <div class=\"fit-video col-xs-12 col-md-10 col-md-offset-1\">\r\n                        <iframe loading=\"lazy\" class=\"video\"\r\n                        src=\"\/\/player.vimeo.com\/video\/56177924?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\"\r\n                        width=\"620\" height=\"348\"  frameborder=\"0\" webkitallowfullscreen mozallowfullscreen\r\n                        allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\t\t\t\n\r\n            <li >\r\n                <div class=\"inner text-center\">\r\n                    \r\n                <h2 >\r\n                    elysium is reduced to the max\r\n                <\/h2>\r\n            \r\n\r\n                    <div class=\"fit-video col-xs-12 col-md-10 col-md-offset-1\">\r\n                        <iframe loading=\"lazy\" class=\"video\"\r\n                        src=\"\/\/player.vimeo.com\/video\/2281399?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\"\r\n                        width=\"620\" height=\"348\"  frameborder=\"0\" webkitallowfullscreen mozallowfullscreen\r\n                        allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\t\t\t\n\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n        \n<\/div><div class=\"container\">\n<div class=\"padding-sm row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;][video_slider link=&quot;...&quot;]\n[video_slider_item]&#8230;[\/video_slider_item]\n&#8230;[\/video_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">video_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>loop<\/strong> - should the animation loop? if false, directionnav will received \"disable\" classes at either end - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - allow height of the slider to animate smoothly in horizontal mode - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - animate slider automatically - true; false; <\/i><\/li><li><i><strong>speed<\/strong> - set the speed of the slideshow cycling, in milliseconds<\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - create navigation for paging control of each clide? note: leave true for manualcontrols usage - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - create navigation for previous\/next navigation? - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">video_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>link<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm-top row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Video slider type 2\r\n                <\/h3>\r\n            <\/div>\n<\/div>\n<\/div><div class=\"full-width\">\n\r\n            <div class=\"videoCarousel type2\">\r\n                <div class=\"controls-container\">\r\n                    <div class=\"controls\"><\/div>\r\n                <\/div>\r\n                <div id=\"flexslider873\" class=\"flexslider videotype2\">\r\n                    <ul class=\"slides\">\r\n                        \n\r\n            <li >\r\n                <div class=\"background-image visible-md visible-lg\" style=\"background-image: url(\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/background-video4.jpg)\"><\/div>\r\n                <div class=\"inner\">\r\n                    <div class=\"fit-video\">\r\n                        <iframe loading=\"lazy\" class=\"video\" src=\"\/\/player.vimeo.com\/video\/80736183?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\" width=\"920\" height=\"516\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                    <div class=\"description\">\r\n                        <span class=\"title h2\">elysium is here<\/span>\r\n                        <span class=\"text\">Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.<\/span>\r\n                        <a href=\"http:\/\/themeforest.net\/user\/createit-pl\/portfolio?ref=createit-pl\" class=\"button\">read more! &gt;&gt;<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\t\t\t\n \r\n            <li >\r\n                <div class=\"background-image visible-md visible-lg\" style=\"background-image: url(\/creative\/wp-content\/uploads\/sites\/3\/2013\/05\/full-slider-7.jpg)\"><\/div>\r\n                <div class=\"inner\">\r\n                    <div class=\"fit-video\">\r\n                        <iframe loading=\"lazy\" class=\"video\" src=\"\/\/player.vimeo.com\/video\/56177924?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\" width=\"920\" height=\"516\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                    <div class=\"description\">\r\n                        <span class=\"title h2\">elysium is here<\/span>\r\n                        <span class=\"text\">Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.<\/span>\r\n                        \r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\t\t\t \r\n            <li >\r\n                <div class=\"background-image visible-md visible-lg\" style=\"background-image: url(\/creative\/wp-content\/uploads\/sites\/3\/2013\/05\/full-slider-6.jpg)\"><\/div>\r\n                <div class=\"inner\">\r\n                    <div class=\"fit-video\">\r\n                        <iframe loading=\"lazy\" class=\"video\" src=\"\/\/player.vimeo.com\/video\/2281399?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\" width=\"920\" height=\"516\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                    <div class=\"description\">\r\n                        <span class=\"title h2\">elysium is here<\/span>\r\n                        <span class=\"text\">Elysium is build to impress and seduce you. We put so much effort into this template to grant you the most powerful combination of efficience and beautyness. We hope you like elysium.<\/span>\r\n                        \r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n\t\t\t\n\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        \n<\/div><div class=\"container\">\n<div class=\"padding-sm row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;][video_slider_type2]\n[video_slider_type2_item background=&quot;...&quot; link=&quot;...&quot;<br \/>\ntitle=&quot;elysium is here&quot; buttontext=&quot;read more! &gt;&gt;&quot;<br \/>\n buttonlink=&quot;...&quot;]&#8230;[\/video_slider_type2_item]\n&#8230;[\/video_slider_type2][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">video_slider_type2 parameters<\/h6><ul class=\"ct-params\"><li><i><strong>animation<\/strong> - animation type - slide; fade; <\/i><\/li><li><i><strong>loop<\/strong> - true; false; <\/i><\/li><li><i><strong>smooth<\/strong> - true; false; <\/i><\/li><li><i><strong>slideshow<\/strong> - true; false; <\/i><\/li><li><i><strong>speed<\/strong><\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controls<\/strong> - true; false; <\/i><\/li><li><i><strong>dircontrols<\/strong> - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">video_slider_type2_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>background<\/strong> - background image source<\/i><\/li><li><i><strong>link<\/strong> - video link, direct movie link<\/i><\/li><li><i><strong>image<\/strong> - image source, if you don't use field link this image take it place  <\/i><\/li><li><i><strong>title<\/strong> - title image<\/i><\/li><li><i><strong>buttontext<\/strong><\/i><\/li><li><i><strong>buttonlink<\/strong><\/i><\/li><\/ul>\n<\/div>\n<\/div>\n  <hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Gallery group\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-12\">\n\r\n\t\t    <div class=\"container padding-md\">\r\n                \r\n\t\t\t    <div class=\"row\">\r\n                    <div class=\"portfolioFilter col-sm-12\">\r\n                        <ul>\r\n                            <li class=\"current\">\r\n                                <a href=\"#\" data-filter=\"*\">All<\/a>\r\n                            <\/li><li>\r\n                                <a href=\"#\" data-filter=\".cat1\">cat1<\/a>\r\n                            <\/li><li>\r\n                                <a href=\"#\" data-filter=\".cat2\">cat2<\/a>\r\n                            <\/li><li>\r\n                                <a href=\"#\" data-filter=\".cat3\">cat3<\/a>\r\n                            <\/li>    <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-xs-12\">\r\n                        <div class=\"projects three\">\r\n                            \n\n\t\t\t\t\t<div class=\"project cat1 cat3 \">\n                        <div class=\"content\">\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project1-creative.jpg\">\n\n                            <div class=\"item-hover\">\n                                <div class=\"row\">\n                                    <div class=\"buttons\">\n                                        \n                                    <\/div>\n                                <\/div>\n                                <div class=\"row description\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\t\t\t\n\n\t\t\t\t\t<div class=\"project  \">\n                        <div class=\"content\">\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project2-creative.jpg\">\n\n                            <div class=\"item-hover\">\n                                <div class=\"row\">\n                                    <div class=\"buttons\">\n                                        \n                                    <\/div>\n                                <\/div>\n                                <div class=\"row description\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\t\t\t\n\n\t\t\t\t\t<div class=\"project cat1 \">\n                        <div class=\"content\">\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project3-creative.jpg\">\n\n                            <div class=\"item-hover\">\n                                <div class=\"row\">\n                                    <div class=\"buttons\">\n                                        \n                                    <\/div>\n                                <\/div>\n                                <div class=\"row description\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\t\t\t\n\n\t\t\t\t\t<div class=\"project cat2 \">\n                        <div class=\"content\">\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project4-creative.jpg\">\n\n                            <div class=\"item-hover\">\n                                <div class=\"row\">\n                                    <div class=\"buttons\">\n                                        \n                                    <\/div>\n                                <\/div>\n                                <div class=\"row description\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\t\t\t\n\n\t\t\t\t\t<div class=\"project cat3 \">\n                        <div class=\"content\">\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project5-creative.jpg\">\n\n                            <div class=\"item-hover\">\n                                <div class=\"row\">\n                                    <div class=\"buttons\">\n                                        \n                                    <\/div>\n                                <\/div>\n                                <div class=\"row description\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\t\t\t\n\n\t\t\t\t\t<div class=\"project cat2 \">\n                        <div class=\"content\">\n                            <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/project6-creative.jpg\">\n\n                            <div class=\"item-hover\">\n                                <div class=\"row\">\n                                    <div class=\"buttons\">\n                                        \n                                    <\/div>\n                                <\/div>\n                                <div class=\"row description\">\n                                    \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\t\t\t\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\n<\/div>\n<\/div>\n<div class=\"padding-sm-bottom row\">\n<div class=\"col-md-6\">\n[sourcecode language=&#8221;html&#8221;][gallery_group groups=&quot;cat1,cat2,cat3&quot;]\n[gallery_group_item image=&quot;...&quot; groups=&quot;cat1,cat3&quot; show=&quot;null&quot;]\n&#8230;[\/gallery_group][\/sourcecode]<br \/>\n<\/div>\n<div class=\"col-md-6\"><br \/>\n<h6 class=\"ct-params\">gallery_group parameters<\/h6><ul class=\"ct-params\"><li><i><strong>allfilterheader<\/strong> - \"all filter\" header, header for the 'show all' filter<\/i><\/li><li><i><strong>columns<\/strong> - 3; 4; 5; <\/i><\/li><li><i><strong>groups<\/strong> - separate group names by commas.group will appear as buttons in the gallery<\/i><\/li><\/ul>\n<h6 class=\"ct-params\">gallery_group_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>image<\/strong><\/i><\/li><li><i><strong>title<\/strong> - title text<\/i><\/li><li><i><strong>show<\/strong> - show filters<\/i><\/li><li><i><strong>link1<\/strong> - link left, if empty, slide will be displayed when image is clicked<\/i><\/li><li><i><strong>link2<\/strong> - link right<\/i><\/li><li><i><strong>groups<\/strong> - filters, filter names<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Scroll image\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n<div class=\"section-layers\">\r\n               \r\n                <div class=\"layer-ipad scrollme\">\r\n                    <div class=\"inner \">\r\n                        <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/elysiumCreativeParallax.jpg\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"layer-iphone  scrollme\">\r\n                    <div class=\"inner \">\r\n                        <img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2014\/04\/elysiumCreativeParallax.jpg\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        \n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[scroll_image image1=&quot;...&quot;<br \/>\nimage2=&quot;...&quot; add=&quot;no&quot;][\/scroll_image][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>image1<\/strong> - image ipad, image source,to achieve a better effect should be set high image<\/i><\/li><li><i><strong>image2<\/strong> - image iphone, image source,to achieve a better effect should be set high image<\/i><\/li><li><i><strong>add<\/strong> - add badge button - yes; no; <\/i><\/li><li><i><strong>link<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>expose<\/strong> - text to expose<\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Images\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n<img decoding=\"async\" src=\"\/creative\/wp-content\/uploads\/sites\/3\/2013\/05\/full-slider-6.jpg\" width=\"600\">\n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[img src=&quot;...&quot; align=&quot;default&quot;][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>src<\/strong> - image, image source<\/i><\/li><li><i><strong>alt<\/strong> - alternate text<\/i><\/li><li><i><strong>width<\/strong> - image width<\/i><\/li><li><i><strong>height<\/strong> - image height<\/i><\/li><li><i><strong>align<\/strong> - image align - default; left; center; right; <\/i><\/li><li><i><strong>link<\/strong> - ex. http:\/\/www.google.com<\/i><\/li><li><i><strong>class<\/strong> - image class<\/i><\/li><li><i><strong>animation_speed<\/strong> - animation speed, in miliseconds ex. 2000 is 2 seconds<\/i><\/li><li><i><strong>animation<\/strong> - animate this element once it becomes visible. supported animations: <a target=\"_blank\" href=\"https:\/\/daneden.me\/animate\/\">https:\/\/daneden.me\/animate\/<\/a><\/i><\/li><\/ul>\n<\/div>\n<\/div> <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/223"}],"collection":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":16,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":503,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/223\/revisions\/503"}],"wp:attachment":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}