{"id":388,"date":"2018-11-24T04:11:14","date_gmt":"2018-11-24T04:11:14","guid":{"rendered":"http:\/\/pluginspoint.com\/dustrial\/?page_id=388"},"modified":"2018-11-24T04:11:14","modified_gmt":"2018-11-24T04:11:14","slug":"project-4-column-nogutter","status":"publish","type":"page","link":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?page_id=388","title":{"rendered":"Project 4 Column Nogutter"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1543032667624{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column]\n<script>\n  jQuery(window).on('load', function () {\n\n    jQuery('.portfolio-area').imagesLoaded( function() {\n        \/\/ portfolio - active\n        var $grid = jQuery('.portfolio-active-69d429c7cee28').isotope({\n            itemSelector: '.grid-item',\n            layoutMode: 'fitRows',\n            percentPosition: true,\n            masonry: {\n                \/\/ use outer width of grid-sizer for columnWidth\n                columnWidth: 1\n            }\n        })\n\n        \/\/ filter items on button click\n        jQuery('.portfolio-menu-69d429c7cee28').on('click', 'button', function () {\n            var filterValue = jQuery(this).attr('data-filter');\n            $grid.isotope({ filter: filterValue });\n        });\n        \/\/for menu active class\n        jQuery('.portfolio-menu-69d429c7cee28 button').on('click', function (event) {\n            jQuery(this).siblings('.active').removeClass('active');\n            jQuery(this).addClass('active');\n            event.preventDefault();\n        });\n\n    });\n\n  });\n<\/script>  \n\n<div class=\"our-latest-project portfolio-area\">\n  \n  <!-- Letest Project content -->\n  <div id=\"dustrial-projects\" class=\"row portfolio-active-69d429c7cee28 isotop-projects-filter\">\n    \n      <div class=\"grid-item construction no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=lobbyists\">Lobbyists<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project01-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Lobbyists\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=lobbyists\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item materials no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=insurance\">Insurance<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project02-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Insurance\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=insurance\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item production no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=food-stores\">Food Stores<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project03-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Food Stores\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=food-stores\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item mechanical no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=chiropractors\">Chiropractors<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project04-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Chiropractors\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=chiropractors\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item industy no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=advertising\">Advertising<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project05-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Advertising\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=advertising\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item production no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=auto-dealers\">Auto Dealers<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project06-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Auto Dealers\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=auto-dealers\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item construction no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=chemical\">Chemical<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project11-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Chemical\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=chemical\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item construction mechanical no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=agriculture\">Agriculture<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project12-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Agriculture\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=agriculture\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item materials no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=materials\">Materials<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project13-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Materials\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=materials\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item mechanical no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=production\">Production<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project14-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Production\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=production\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item industy no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=industy\">Industy<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project15-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Industy\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=industy\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n    \n      <div class=\"grid-item construction no-gutter col-lg-3 col-12 col-md-6\">\n\n        \n          <div class=\"card border-0 rounded-0\">\n            <div class=\"card-img position-relative\">\n                              \n                <div class=\"img-overlay style-1 activeColor d-flex align-items-center justify-content-center text-center\">\n                  <div class=\"col-md-10\">\n                    <h5 class=\"text-light\"><a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=construction\">Construction<\/a><\/h5>\n                    <div class=\"text-light\">There are many variations of passages of Lorem Ipsum available but the&hellip;<\/div>\n                  <\/div>\n                <\/div>\n                <img decoding=\"async\" width=\"362\" height=\"262\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/uploads\/2018\/12\/project16-1-2-362x262.jpg\" class=\"img-fluid wp-post-image\" alt=\"Construction\" loading=\"lazy\" \/>                            <div class=\"shape\"><\/div>\n              <div class=\"categories\">\n                <a href=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/?our_project=construction\">\n                  <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/wp-content\/themes\/dustrial\/assets\/img\/\/big-arrow.png\" alt=\"cat img\">\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n              <\/div>\n      <\/div>\n<\/div>\n\n[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1543032667624{padding-top: 100px !important;padding-bottom: 100px !important;}&#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-template\/blank-page-sidebar.php","meta":{"footnotes":""},"class_list":["post-388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=388"}],"version-history":[{"count":0,"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/388\/revisions"}],"wp:attachment":[{"href":"https:\/\/upbeat-mcclintock.144-91-100-40.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}