{"id":154,"date":"2016-02-23T04:57:15","date_gmt":"2016-02-23T04:57:15","guid":{"rendered":"http:\/\/demo.vegatheme.com\/harmonia\/?page_id=57"},"modified":"2016-02-23T04:57:15","modified_gmt":"2016-02-23T04:57:15","slug":"masonry-blog-3-col-left-sidebar","status":"publish","type":"page","link":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/masonry-blog-3-col-left-sidebar\/","title":{"rendered":"Masonry Blog 3 Col Left Sidebar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row gap=&#8221;0&#8243; columns_placement=&#8221;middle&#8221; equal_height=&#8221;&#8221; el_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;&#8221; fullwidth=&#8221;yes&#8221; bg_parallax=&#8221;&#8221; photo=&#8221;&#8221;][vc_column]\t\n\t\t\t<div class=\"section padding-top-bottom-small dark-background\">\n\t\t    <div class=\"container\">         \n\t\t        <div class=\"twelve columns remove-top remove-bottom\">\n\t\t            <div id=\"blog-filter\">\n\t\t                <ul id=\"filter\">\n\t\t                    <li><a href=\"#\" data-filter=\"*\" class=\"current\" title=\"\">all<\/a><\/li>\n\t\t                        \t\t                        <li><a href=\"#\" data-filter=\".audio\" title=\"\">audio<\/a><\/li>\n\t\t                      \t\t                        <li><a href=\"#\" data-filter=\".photo\" title=\"\">photo<\/a><\/li>\n\t\t                      \t\t                        <li><a href=\"#\" data-filter=\".quote\" title=\"\">quote<\/a><\/li>\n\t\t                      \t\t                        <li><a href=\"#\" data-filter=\".video\" title=\"\">video<\/a><\/li>\n\t\t                      \t\t                <\/ul>\n\t\t            <\/div>\n\t\t        <\/div>  \n\t\t    <\/div>\n\t\t<\/div>\n\t\t\n\t<div class=\"section white-background\">    \n\t    <div class=\"blog-pages-wrapper \">\n\t\t    \t\t    \t<div class=\"sidebars\">\n\t\t\t\t\t<div class=\"sidebar-wrap dark-background\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"width-sidebar-grid\">\t        \n\t            \n\t            <div class=\"blog-pages-wrap-box third-width audio photo \">\n\t                \t                \t                \t                \n\t                \n\t                \n\t                \n\t                                    \n\t                    <div class=\"blog-box-2\">\n\t                        <div id=\"owl-blog-slider-2410\" class=\"owl-blog-slider-1 owl-carousel owl-theme\">\n\t                            \t                                \t                                \t                            \t                        <\/div>\n\t                        <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/16\/standard-gallery-post\/\" class=\"animsition-link\">Standard gallery post<\/a>\n\t                        <div class=\"subtext\">February 16, 2016. by <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/author\/admin\/\" title=\"Posts by admin\" rel=\"author\">admin<\/a><\/div>\n\t                        <p>Pellentesque suscipit ante at ullamcorper pulvinar neque porttitor. Integer lectus. Praesent sed nisi eleifend, fermentum orci amet, iaculis libero. Ut enim ad minim veniam, quis nostruden aliquip exercitation ullamco...<\/p>\n\t                        <div class=\"link-to-post\">\n\t                            <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/16\/standard-gallery-post\/\" class=\"animsition-link\">Read More<\/a>\n\t                            <p class=\"blog-comment\">2 comments<\/p>\n\t                        <\/div>\n\t                    <\/div>\n\t                    \n\t                    <script type=\"text\/javascript\">\n\t                        (function($) { \"use strict\";\n\t                            $(document).ready(function() {\n\t                                $(\"#owl-blog-slider-2410\").owlCarousel({\n\t                                    pagination : true,\n\t                                    transitionStyle : \"fade\",\n\t                                    slideSpeed : 500,\n\t                                    paginationSpeed : 500,\n\t                                    singleItem:true,\n\t                                    autoPlay: 5000\n\t                                });\n\t                            });\n\t                        })(jQuery);\n\t                    <\/script>\n\t                \n\t                \t                \n\t                \t            <\/div>\n\t            \n\t            <div class=\"blog-pages-wrap-box third-width audio photo quote \">\n\t                \t                \t                \t                \n\t                \n\t                \n\t                \n\t                \n\t                                    \n\t                    <div class=\"blog-box-2\">\n\t                        <div class=\"quote-text\">&quot;Design must reflect the practical and aesthetic in business but above all... good design must primarily serve people. It&#039;s all in how you arrange the thing... the careful balance of the design is the motion.&quot;<\/div>\n\t                        <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/15\/quote-post\/\" class=\"animsition-link\">Quote Post<\/a>\n\t                        <div class=\"subtext\">February 15, 2016. by <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/author\/admin\/\" title=\"Posts by admin\" rel=\"author\">admin<\/a><\/div>\n\t                        <div class=\"link-to-post\">\n\t                            <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/15\/quote-post\/\" class=\"animsition-link\">Read More<\/a>\n\t                            <p class=\"blog-comment\">0 comment<\/p>\n\t                        <\/div>\n\t                    <\/div>                    \n\t                \t                \n\t                \t            <\/div>\n\t            \n\t            <div class=\"blog-pages-wrap-box third-width photo video \">\n\t                \t                \t                \t                \n\t                \n\t                \n\t                                    \n\t                    <div class=\"blog-box-2\">\n\t                        <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/13\/standard-post\/\" class=\"animsition-link\">\n\t                            \t                                \t                                \t                            \t                        <\/a>\n\t                        <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/13\/standard-post\/\" class=\"animsition-link\">Standard post<\/a>\n\t                        <div class=\"subtext\">February 13, 2016. by <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/author\/admin\/\" title=\"Posts by admin\" rel=\"author\">admin<\/a><\/div>\n\t                        <p>Pellentesque suscipit ante at ullamcorper pulvinar neque porttitor. Integer lectus. Praesent sed nisi eleifend, fermentum orci amet, iaculis libero. Ut enim ad minim veniam, quis nostruden aliquip exercitation ullamco...<\/p>\n\t                        <div class=\"link-to-post\">\n\t                            <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/13\/standard-post\/\" class=\"animsition-link\">Read More<\/a>\n\t                            <p class=\"blog-comment\">0 comment<\/p>\n\t                        <\/div>\n\t                    <\/div>                    \n\t                \n\t                \n\t                \t                \n\t                \t            <\/div>\n\t            \n\t            <div class=\"blog-pages-wrap-box third-width audio \">\n\t                \t                \t                \t                \n\t                                    \n\t                    <div class=\"blog-box-2\">\n\t                        \t                            <div class=\"margin-bottom-30\">\n\t                                <iframe style=\"width:100%\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/139083759\"><\/iframe>\n\t                            <\/div>\n\t                        \t                            <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/12\/standard-audio-post\/\" class=\"animsition-link\">Standard audio post<\/a>\n\t                            <div class=\"subtext\">February 12, 2016. by <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/author\/admin\/\" title=\"Posts by admin\" rel=\"author\">admin<\/a><\/div>\n\t                            <p>Pellentesque suscipit ante at ullamcorper pulvinar neque porttitor. Integer lectus. Praesent sed nisi eleifend, fermentum orci amet, iaculis libero. Ut enim ad minim veniam, quis nostruden aliquip exercitation ullamco...<\/p>\n\t                            <div class=\"link-to-post\">\n\t                                <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/12\/standard-audio-post\/\" class=\"animsition-link\">Read More<\/a>\n\t                                <p class=\"blog-comment\">3 comments<\/p>\n\t                            <\/div>\n\t                    <\/div>                    \n\t                \n\t                \n\t                \n\t                \n\t                \t                \n\t                \t            <\/div>\n\t            \n\t            <div class=\"blog-pages-wrap-box third-width video \">\n\t                \t                \t                \t                \n\t                \n\t                                    \n\t                    <div class=\"blog-box-2\">\n\t                        <div class=\"margin-bottom-30\">\n\t                            <iframe height=\"170\" src=\"http:\/\/player.vimeo.com\/video\/135999920?title=0&#038;byline=0&#038;portrait=0&#038;autoplay=1&#038;color=cfa144\"><\/iframe>\n\t                        <\/div>\n\t                        <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/11\/11\/\" class=\"animsition-link\">Standard video post<\/a>\n\t                        <div class=\"subtext\">February 11, 2016. by <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/author\/admin\/\" title=\"Posts by admin\" rel=\"author\">admin<\/a><\/div>\n\t                        <p>Pellentesque suscipit ante at ullamcorper pulvinar neque porttitor. Integer lectus. Praesent sed nisi eleifend, fermentum orci amet, iaculis libero. Ut enim ad minim veniam, quis nostruden aliquip exercitation ullamco...<\/p>\n\t                        <div class=\"link-to-post\">\n\t                            <a href=\"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/2016\/02\/11\/11\/\" class=\"animsition-link\">Read More<\/a>\n\t                            <p class=\"blog-comment\">0 comment<\/p>\n\t                        <\/div>\n\t                    <\/div>                    \n\t                \n\t                \n\t                \n\t                \t                \n\t                \t            <\/div>\n\t            \n\t            <div class=\"blog-pages-wrap-box third-width photo \">\n\t                \t                \t                \t                \n\t                \n\t                \n\t                \n\t                \n\t                \t                \n\t                \t            <\/div>\n\t                        <\/div>            \t\n\t    <\/div>     \n\t<\/div>\n\t\n\t<script>\n\t\t(function($) { \"use strict\";\t\t\t\n\t\t\t$(document).ready(function() {\n\t\t\t\tvar container = $(\".width-sidebar-grid\"); \n\t\t\t\tfunction getNumbColumns() { \n\t\t\t\t\tvar winWidth = $(window).width(), \n\t\t\t\t\t\tcolumnNumb = 1;\n\t\t\t\t\tif (winWidth > 1500) {\n\t\t\t\t\t\tcolumnNumb = 4;\n\t\t\t\t\t} else if (winWidth > 1200) {\n\t\t\t\t\t\tcolumnNumb = 3;\n\t\t\t\t\t} else if (winWidth > 900) {\n\t\t\t\t\t\tcolumnNumb = 2;\n\t\t\t\t\t} else if (winWidth > 600) {\n\t\t\t\t\t\tcolumnNumb = 2;\n\t\t\t\t\t} else if (winWidth > 300) {\n\t\t\t\t\t\tcolumnNumb = 1;\n\t\t\t\t\t}\t\t\t\t\t\n\t\t\t\t\treturn columnNumb;\n\t\t\t\t}\n\t\t\t\tfunction setColumnWidth() { \n\t\t\t\t\tvar winWidth = $(window).width(), \n\t\t\t\t\t\tcolumnNumb = getNumbColumns(), \n\t\t\t\t\t\tpostWidth = Math.floor(winWidth \/ columnNumb);\n\t\t\t\t}\n\t\t\t\t$('#blog-filter #filter a').click(function () { \n\t\t\t\t\tvar selector = $(this).attr('data-filter');\t\t\t\t\t\n\t\t\t\t\t$(this).parent().parent().find('a').removeClass('current');\n\t\t\t\t\t$(this).addClass('current');\t\t\t\t\t\n\t\t\t\t\tcontainer.isotope( { \n\t\t\t\t\t\tfilter : selector \n\t\t\t\t\t});\t\t\t\t\t\n\t\t\t\t\tsetTimeout(function () { \n\t\t\t\t\t\treArrangeProjects();\n\t\t\t\t\t}, 300);\n\t\t\t\t\treturn false;\n\t\t\t\t});\t\t\t\t\n\t\t\t\tfunction reArrangeProjects() { \n\t\t\t\t\tsetColumnWidth();\n\t\t\t\t}\n\t\t\t\tcontainer.imagesLoaded(function () { \n\t\t\t\t\tsetColumnWidth();\n\t\t\t\t\tcontainer.isotope( { \n\t\t\t\t\t\titemSelector : '.blog-pages-wrap-box', \n\t\t\t\t\t\tlayoutMode : 'masonry', \n\t\t\t\t\t\tresizable : false \n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t\t$(window).on('debouncedresize', function () { \n\t\t\t\t\treArrangeProjects();\t\t\t\t\t\n\t\t\t\t} );\n\t\t\t\tvar $event = $.event, \n\t\t\t\t\t$special, \n\t\t\t\t\tresizeTimeout;\n\t\t\t\t$special = $event.special.debouncedresize = { \n\t\t\t\t\tsetup : function () { \n\t\t\t\t\t\t$(this).on('resize', $special.handler);\n\t\t\t\t\t}, \n\t\t\t\t\tteardown : function () { \n\t\t\t\t\t\t$(this).off('resize', $special.handler);\n\t\t\t\t\t}, \n\t\t\t\t\thandler : function (event, execAsap) { \n\t\t\t\t\t\tvar context = this, \n\t\t\t\t\t\t\targs = arguments, \n\t\t\t\t\t\t\tdispatch = function () { \n\t\t\t\t\t\t\t\tevent.type = 'debouncedresize';\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t$event.dispatch.apply(context, args);\n\t\t\t\t\t\t\t};\t\n\t\t\t\t\t\tif (resizeTimeout) {\n\t\t\t\t\t\t\tclearTimeout(resizeTimeout);\n\t\t\t\t\t\t}\n\t\t\t\t\t\texecAsap ? dispatch() : resizeTimeout = setTimeout(dispatch, $special.threshold);\n\t\t\t\t\t}, \n\t\t\t\t\tthreshold : 150 \n\t\t\t\t};\n\t\t\t});\t\n\t\t})(jQuery); \n\t<\/script>\n\n[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row gap=&#8221;0&#8243; columns_placement=&#8221;middle&#8221; equal_height=&#8221;&#8221; el_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;&#8221; fullwidth=&#8221;yes&#8221; bg_parallax=&#8221;&#8221; photo=&#8221;&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":0,"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"wp:attachment":[{"href":"http:\/\/demo.vegatheme.com\/harmonia\/corporate\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}