Work Demo – 5 Column

[ffb_section_0 unique_id=”4buhc72v” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22type%22%3A%22fg-container-fluid%22%2C%22no-padding%22%3A%220%22%2C%22no-gutter%22%3A%220%22%2C%22gutter-size%22%3A%22%22%2C%22match-col%22%3A%220%22%2C%22match-col-sm%22%3A%22inherit%22%2C%22match-col-md%22%3A%22inherit%22%2C%22match-col-lg%22%3A%22inherit%22%2C%22show-divider%22%3A%220%22%2C%22divider%22%3A%7B%22divider-width%22%3A%221%22%2C%22divider-height%22%3A%22100%25%22%2C%22divider-h-alignment%22%3A%22left%22%2C%22divider-v-alignment%22%3A%22center%22%2C%22divider-color%22%3A%22%23c4c4c4%22%7D%2C%22force-fullwidth%22%3A%220%22%7D%7D%7D”][ffb_column_1 unique_id=”4buhc730″ data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22xs%22%3A%2212%22%2C%22sm%22%3A%22unset%22%2C%22md%22%3A%222%22%2C%22lg%22%3A%22unset%22%2C%22is-centered%22%3A%220%22%2C%22not-equalize%22%3A%220%22%2C%22is-bg-clipped%22%3A%220%22%2C%22xs-last%22%3A%22no%22%2C%22sm-last%22%3A%22unset%22%2C%22md-last%22%3A%22unset%22%2C%22lg-last%22%3A%22unset%22%2C%22xs-offset%22%3A%22unset%22%2C%22sm-offset%22%3A%22unset%22%2C%22md-offset%22%3A%22unset%22%2C%22lg-offset%22%3A%22unset%22%2C%22xs-pull%22%3A%22unset%22%2C%22sm-pull%22%3A%22unset%22%2C%22md-pull%22%3A%22unset%22%2C%22lg-pull%22%3A%22unset%22%2C%22xs-push%22%3A%22unset%22%2C%22sm-push%22%3A%22unset%22%2C%22md-push%22%3A%22unset%22%2C%22lg-push%22%3A%22unset%22%2C%22xs-overlap%22%3A%22no%22%2C%22sm-overlap%22%3A%22unset%22%2C%22md-overlap%22%3A%22unset%22%2C%22lg-overlap%22%3A%22unset%22%7D%2C%22b-m%22%3A%7B%22pd-sm%22%3A%7B%22t%22%3A%22100%22%7D%7D%7D%7D”][ffb_sidebar_2 unique_id=”4h7k1ut5″ data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22sidebar%22%3A%22ark-custom-sidebar-sidebar-projects%22%2C%22header-style%22%3A%22widget-title-big%22%2C%22widget-margin-bottom%22%3A%22%22%2C%22widget-title-bg-color%22%3A%22%23ffffff%22%2C%22widget-separator-color%22%3A%22%23ebeef6%22%2C%22widget-body-bg-color%22%3A%22%23ffffff%22%7D%2C%22clrs%22%3A%7B%22font-size%22%3A%2215%22%2C%22font-weight%22%3A%22400%22%2C%22google-font-family%22%3A%22’Work Sans’%22%2C%22text-transform%22%3A%22uppercase%22%7D%2C%22cc%22%3A%7B%22grp%22%3A%7B%220-%7C-css%22%3A%7B%22css%22%3A%7B%22slct%22%3A%22%25s1 li%3Abefore%22%2C%22styles%22%3A%22content%3A none !important%3B%22%7D%7D%2C%221-%7C-css%22%3A%7B%22css%22%3A%7B%22slct%22%3A%22%25s1 li%22%2C%22styles%22%3A%22padding-left%3A 0 !important%3B%22%7D%7D%2C%222-%7C-js%22%3A%7B%22js%22%3A%7B%22javascript%22%3A%22%24(‘!selector! li %3E a’).each(function() %7B%5Cn var category %3D %24( this ).parent().attr(‘class’).split(‘ ‘)%5B0%5D%3B%5Cn %24( this ).attr(%7B ‘data-filter’%3A %5C%22.%5C%22 %2B category %2C href%3A ‘%23’%7D)%3B%5Cn%7D)%3B%5Cn%5Cn%2F%2FFix for wildcard filter%5Cn%24(‘!selector! li.all %3E a’).attr(%7B ‘data-filter’%3A %5C%22*%5C%22 %2C href%3A ‘%23’%7D)%3B%5Cn%22%7D%7D%7D%7D%7D%7D”][/ffb_sidebar_2][/ffb_column_1][ffb_column_1 unique_id=”4buhc731″ data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22xs%22%3A%2212%22%2C%22sm%22%3A%22unset%22%2C%22md%22%3A%2210%22%2C%22lg%22%3A%22unset%22%2C%22is-centered%22%3A%220%22%2C%22not-equalize%22%3A%220%22%2C%22is-bg-clipped%22%3A%220%22%2C%22xs-last%22%3A%22no%22%2C%22sm-last%22%3A%22unset%22%2C%22md-last%22%3A%22unset%22%2C%22lg-last%22%3A%22unset%22%2C%22xs-offset%22%3A%22unset%22%2C%22sm-offset%22%3A%22unset%22%2C%22md-offset%22%3A%22unset%22%2C%22lg-offset%22%3A%22unset%22%2C%22xs-pull%22%3A%22unset%22%2C%22sm-pull%22%3A%22unset%22%2C%22md-pull%22%3A%22unset%22%2C%22lg-pull%22%3A%22unset%22%2C%22xs-push%22%3A%22unset%22%2C%22sm-push%22%3A%22unset%22%2C%22md-push%22%3A%22unset%22%2C%22lg-push%22%3A%22unset%22%2C%22xs-overlap%22%3A%22no%22%2C%22sm-overlap%22%3A%22unset%22%2C%22md-overlap%22%3A%22unset%22%2C%22lg-overlap%22%3A%22unset%22%7D%7D%7D”][ffb_row_2 unique_id=”4kcf1v8k” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A0%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22no-gutter%22%3A0%2C%22gutter-size%22%3A%22%22%2C%22match-col%22%3A0%2C%22match-col-sm%22%3A%22inherit%22%2C%22match-col-md%22%3A%22inherit%22%2C%22match-col-lg%22%3A%22inherit%22%2C%22show-divider%22%3A0%2C%22divider%22%3A%7B%22divider-width%22%3A%221%22%2C%22divider-height%22%3A%22100%25%22%2C%22divider-h-alignment%22%3A%22left%22%2C%22divider-v-alignment%22%3A%22center%22%2C%22divider-color%22%3A%22%23c4c4c4%22%7D%7D%7D%7D”][ffb_column_3 unique_id=”4kcf27ln” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A1%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22xs%22%3A%2212%22%2C%22sm%22%3A%22unset%22%2C%22md%22%3A%2212%22%2C%22lg%22%3A%22unset%22%2C%22is-centered%22%3A%220%22%2C%22not-equalize%22%3A%220%22%2C%22is-bg-clipped%22%3A%220%22%2C%22xs-last%22%3A%22no%22%2C%22sm-last%22%3A%22unset%22%2C%22md-last%22%3A%22unset%22%2C%22lg-last%22%3A%22unset%22%2C%22xs-offset%22%3A%22unset%22%2C%22sm-offset%22%3A%22unset%22%2C%22md-offset%22%3A%22unset%22%2C%22lg-offset%22%3A%22unset%22%2C%22xs-pull%22%3A%22unset%22%2C%22sm-pull%22%3A%22unset%22%2C%22md-pull%22%3A%22unset%22%2C%22lg-pull%22%3A%22unset%22%2C%22xs-push%22%3A%22unset%22%2C%22sm-push%22%3A%22unset%22%2C%22md-push%22%3A%22unset%22%2C%22lg-push%22%3A%22unset%22%2C%22xs-overlap%22%3A%22no%22%2C%22sm-overlap%22%3A%22unset%22%2C%22md-overlap%22%3A%22unset%22%2C%22lg-overlap%22%3A%22unset%22%7D%2C%22a-t%22%3A%7B%22id%22%3A%22projects-list%22%7D%7D%7D”][ffb_javascript_4 unique_id=”4ke9ueri” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22js%22%3A%22jQuery(document).ready(function(%24) %7B%5Cn%5Cn var container %3D %24(‘%23projects-list’)%3B%5Cn%5Ct%2F%2F Isotope%5Cn%5Cn%5Ct%24(‘%23projects-list’).imagesLoaded( function() %7B%5Cn%5Ct %2F%2F init Isotope%5Cn%5Ct %24(‘%23projects-list’).isotope(%7B%5Cn%5Ct%5Ct %2F%2F options%5Cn%5Ct%5Ct itemSelector %3A ‘.project’%2C%5Cn%5Ct%5Ct layoutMode %3A ‘fitRows’%5Cn%5Ct %7D)%3B%5Cn%5Ct%7D)%3B%5Cn %5Cn %2F%2F Filter items when filter link is clicked%5Cn %24(‘%23menu-projects a’).click(function()%7B%5Cn var selector %3D %24(this).attr(‘data-filter’)%3B%5Cn container.isotope(%7B filter%3A selector %7D)%3B%5Cn %5Cn %24(‘%23menu-projects a’).removeClass(‘active’)%3B%5Cn %24(this).addClass(‘active’)%3B%5Cn %5Cn %7D)%3B%5Cn%5Cn%7D)%3B%5Cn%22%2C%22type%22%3A%22js%22%7D%7D%7D”][/ffb_javascript_4][ffb_html_4 unique_id=”4kcf2vpg” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22html%22%3A%7B%22html%22%3A%22%24postargs %3D array( ‘post_type’ %3D%3E ‘project’%2C ‘numberposts’ %3D%3E ’10’%2C ‘orderby’ %3D%3E ‘rand’%2C ‘order’ %3D%3E ‘desc’)%3B%5Cn%5Ct%5Ct%24posts %3D get_posts(%24postargs)%3B%5Cn%5Ct%5Ctforeach( %24posts as %24key %3D%3E %24post ) %3A%5Cn%5Ct%5Ct %5Cn%5Ct%5Ct%24image %3D get_the_post_thumbnail_url( %24post%2C ‘large’ )%3B%5Cn%5Ct%5Ct%24categories %3D get_the_category(%24post-%3EID)%3B%5Cn%5Ct%5Ct%24permalink %3D get_the_permalink(%24post-%3EID)%3B%5Cn%5Cnif (%24image) %7B%5Cnecho ‘%3Cdiv class%3D%5C%22project’%3B %5Cnforeach(%24categories as %24category) %7B echo ‘ ‘ . %24category-%3Eslug%3B%7D%3B%5Cnecho ‘ col-xs-12 col-md-3 col-lg-15%5C%22%3E’%3B%5Cn%5Cnecho ‘%3Ca href%3D%5C%22’ . %24permalink . ‘%5C%22 class%3D%5C%22project-image responsive-image-wrapper%5C%22 rel%3D%5C%22’ . %24key . ‘%5C%22 %3E’%3B%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%5Ct%5Ct%5Ct%5Ct%5Cnecho ‘%3Cimg src%3D%5C%22’%3B%5Cnecho %24image%3B%5Cnecho ‘%5C%22 %2F%3E’%3B%5Cn%5Cnecho ‘%3Ch4 class%3D%5C%22fg-heading text-left fg-text-dark%5C%22%3E’%3B%5Cnecho %24post-%3Epost_title%3B%5Cnecho ‘%3C%2Fh4%3E’%3B%5Cn%5Cnecho ‘%3C%2Fa%3E’%3B%5Cn%5Cn%5Cnecho ‘%3C%2Fdiv%3E’%3B%5Cn%5Cn%7D%5Cn%5Cnendforeach%3B%22%2C%22html-is-richtext%22%3A%222%22%2C%22use-as-php%22%3A%221%22%7D%2C%22blank%22%3A%22null%22%7D%7D%7D”][/ffb_html_4][ffb_html_4 unique_id=”4kehmf0r” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22html%22%3A%7B%22html%22%3A%22%3Cstyle type%3D%5C%22text%2Fcss%5C%22%3E%5Cn.project %7B%5Cn width%3A 19%25%3B%5Cn padding%3A 0 10px 10px 0%3B%5Cn%7D%5Cn.project img %7B%5Cn width%3A 100%25 !important%3B%5Cn%7D%5Cn%3C%2Fstyle%3E%22%2C%22html-is-richtext%22%3A%222%22%7D%2C%22blank%22%3A%22null%22%7D%7D%7D”][/ffb_html_4][/ffb_column_3][ffb_column_3 unique_id=”4kjnklvh” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22xs%22%3A%2212%22%2C%22sm%22%3A%22unset%22%2C%22md%22%3A%2212%22%2C%22lg%22%3A%22unset%22%2C%22is-centered%22%3A%220%22%2C%22not-equalize%22%3A%220%22%2C%22is-bg-clipped%22%3A%220%22%2C%22xs-last%22%3A%22no%22%2C%22sm-last%22%3A%22unset%22%2C%22md-last%22%3A%22unset%22%2C%22lg-last%22%3A%22unset%22%2C%22xs-offset%22%3A%22unset%22%2C%22sm-offset%22%3A%22unset%22%2C%22md-offset%22%3A%22unset%22%2C%22lg-offset%22%3A%22unset%22%2C%22xs-pull%22%3A%22unset%22%2C%22sm-pull%22%3A%22unset%22%2C%22md-pull%22%3A%22unset%22%2C%22lg-pull%22%3A%22unset%22%2C%22xs-push%22%3A%22unset%22%2C%22sm-push%22%3A%22unset%22%2C%22md-push%22%3A%22unset%22%2C%22lg-push%22%3A%22unset%22%2C%22xs-overlap%22%3A%22no%22%2C%22sm-overlap%22%3A%22unset%22%2C%22md-overlap%22%3A%22unset%22%2C%22lg-overlap%22%3A%22unset%22%7D%2C%22a-t%22%3A%7B%22cls%22%3A%22 col-md-15 col-lg-15%22%7D%7D%7D”][ffb_image_4 unique_id=”4kjoa49q” data=”%7B%22o%22%3A%7B%22gen%22%3A%7B%22ffsys-disabled%22%3A%220%22%2C%22ffsys-info%22%3A%22%7B%7D%22%2C%22img%22%3A%7B%22img%22%3A%22%7B%5C%22id%5C%22%3A984%2C%5C%22url%5C%22%3A%5C%22http%3A%2F%2Fwww.satregroup.com%2Fwp-content%2Fuploads%2Fwork%2Friverdale-civic-center-riverdale%2Friverdale-civic-center.jpg%5C%22%2C%5C%22width%5C%22%3A2400%2C%5C%22height%5C%22%3A1600%7D%22%2C%22fullwidth%22%3A%221%22%7D%2C%22link%22%3A%7B%22target%22%3A%22same%22%2C%22url%22%3A%22%2Ftest%22%7D%2C%22blank%22%3A%22null%22%7D%7D%7D”][/ffb_image_4][/ffb_column_3][/ffb_row_2][/ffb_column_1][/ffb_section_0]