{"id":775,"date":"2023-05-13T01:55:28","date_gmt":"2023-05-13T01:55:28","guid":{"rendered":"https:\/\/www.artandpixels.com\/?page_id=775"},"modified":"2023-05-13T01:55:28","modified_gmt":"2023-05-13T01:55:28","slug":"petgrazer","status":"publish","type":"page","link":"https:\/\/www.artandpixels.com\/?page_id=775","title":{"rendered":"PetGrazer"},"content":{"rendered":"\n\t<!-- CSS Part Start From Here-->\r\n\t<style>\r\n\t\t\r\n\t\t.portfolio-wraper {\r\n\t\t\t\t\t\tmargin-bottom:20px;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-fluid {\r\n\t\t  max-width: 100%;\r\n\t\t  height: auto;\r\n\t\t}\r\n\r\n\t\t.pfg-bootstrap .img-thumbnail {\r\n\t\t  padding: 0.25rem;\r\n\t\t  background-color: #fff;\r\n\r\n\t\t  \t\t  border: 1px solid #dee2e6;\r\n\t\t  border-radius: 0.25rem;\r\n\t\t  \t\t  max-width: 100%;\r\n\t\t  height: auto;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-circle {\r\n\t\t  border-radius: 50%;\r\n\t\t}\r\n\t\t.pfg-bootstrap img {\r\n\t\t -moz-transition: all .2s ease-in-out;\r\n\t\t  -webkit-transition: all .2s ease-in-out;\r\n\t\t  -ms-transition: all .2s ease-in-out;\r\n\t\t  -o-transition: all .2s ease-in-out;\r\n\t\t  transition: all .2s ease-in-out;\r\n\t\t}\r\n\t\t.pfg-bootstrap .thumbnail {\r\n\t\t  display: block;\r\n\t\t  padding: 4px;\r\n\t\t  \/*margin-bottom: 20px;*\/\r\n\t\t  line-height: 1.42857143;\r\n\t\t  background-color: #fff;\r\n\t\t  border: 1px solid #ddd;\r\n\t\t  border-radius: 4px;\r\n\t\t  -webkit-transition: border .2s ease-in-out;\r\n\t\t\t   -o-transition: border .2s ease-in-out;\r\n\t\t\t\t  transition: border .2s ease-in-out;\r\n\t\t}\r\n\t\t.pfg-bootstrap .thumbnail > img,\r\n\t\t.pfg-bootstrap .thumbnail a > img {\r\n\t\t  margin-right: auto;\r\n\t\t  margin-left: auto;\r\n\t\t}\r\n\t\t.pfg-bootstrap a.thumbnail:hover,\r\n\t\t.pfg-bootstrap a.thumbnail:focus,\r\n\t\t.pfg-bootstrap a.thumbnail.active {\r\n\t\t  border-color: #337ab7;\r\n\t\t}\r\n\t\t.pfg-bootstrap .thumbnail .caption {\r\n\t\t  padding: 9px;\r\n\t\t  color: #333;\r\n\t\t}\r\n\r\n\t\tfigure {\r\n\t\t  margin: 0;\r\n\t\t}\r\n\t\timg {\r\n\t\t  vertical-align: middle;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-responsive,\r\n\t\t.pfg-bootstrap .thumbnail > img,\r\n\t\t.pfg-bootstrap .thumbnail a > img,\r\n\t\t.pfg-bootstrap .carousel-inner > .item > img,\r\n\t\t.pfg-bootstrap .carousel-inner > .item > a > img {\r\n\t\t  display: block;\r\n\t\t  max-width: 100%;\r\n\t\t  height: auto;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-rounded {\r\n\t\t  border-radius: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t\t\t\tspan.item_desc_779{\r\n\t\t\t\tdisplay:none !important;\r\n\t\t\t}\r\n\t\t\t\tli#all {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t\r\n\t\t.simplefilter li {\r\n\t\t\tmargin-top: 5px;\r\n\t\t}\r\n\t\t\r\n\t\t.filtr-search {\r\n\t\t\tmargin-top:10px !important;\r\n\t\t\twidth:200px !important;\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t}\r\n\t\t#all-simplefilter {\r\n\t\t\tdisplay:inline;\r\n\t\t\tpadding-left: 0px !important;\r\n\t\t}\r\n\t\t#f-simplefilter-779 {\r\n\t\t\tdisplay:inline;\r\n\t\t\tpadding-left: 0px !important;\r\n\t\t}\r\n\t\tbutton:hover {\r\n\t\t\tbackground-color: unset !important;\r\n\t\t}\r\n\t\t\r\n\t\t\t\t\r\n\t\t@keyframes .YouTubePopUp-Content  {\r\n\t\t\tfrom {\r\n\t\t\t\ttransform: translate3d(0, 100%, 0);\r\n\t\t\t\tvisibility: visible;\r\n\t\t\t}\r\n\r\n\t\t\tto {\r\n\t\t\t\ttransform: translate3d(0, 0, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.YouTubePopUp-Content  {\r\n\t\t\tanimation-name: .YouTubePopUp-Content ;\r\n\t\t}\r\n\r\n\t\t.YouTubePopUp-Close { \r\n\t\t\tbackground:url(https:\/\/www.artandpixels.com\/wp-content\/plugins\/portfolio-filter-gallery\/\/img\/close-icon-white.png) no-repeat;\r\n\t\t\tbackground-size:50px 50px;\r\n\t\t\t-webkit-background-size:70px 50px;\r\n\t\t\t-moz-background-size:70px 50px;\r\n\t\t\t-o-background-size:70px 50px;\r\n\t\t}\r\n\t\tul.simplefilter {\r\n\t\t\tmargin-left: 0 !important;\r\n\t\t}\r\n\t\t.pfg_img_779 {\r\n\t\t\twidth: 100% !important;\r\n\t\t\theight: 100% !important;\r\n\t\t}\r\n\t\t.filter_gallery_779 > a {\r\n\t\t\tposition: initial !important;\r\n\t\t}\r\n\t\t.thumbnail_779 {\r\n\t\t\twidth:100% !important;\r\n\t\t\theight:auto;\r\n\t\t\tmargin-bottom: 0px !important;\r\n\t\t\t\r\n\t\t}\r\n\t\t.filtr-item {\r\n\t\t\tpadding-right:7px !important;\r\n\t\t\tpadding-left:7px !important;\r\n\t\t\tpadding-top:7px !important;\r\n\t\t\tpadding-bottom:7px !important;\r\n\t\t}\r\n\t\t.filtr-item img {\r\n\t\t\ttransition: all .2s !important\r\n\t\t}\r\n\t\t\t\t\t\t.simplefilter_779 li {\r\n\t\t\tbackground-color: #ccc;\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\t\t\r\n\t\t.simplefilter_779 li:hover {\r\n\t\t\tbackground-color: #656565 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.simplefilter_779 li.active {\r\n\t\t\tbackground-color: #656565 !important;\r\n\t\t}\r\n\t\t\r\n\t\t\t<\/style>\r\n\t\t<div class=\"portfolio-wraper pfg-bootstrap\" version=\"1.7.0\">\r\n\t\t\t\t<!-- Shuffle & Sort Controls -->\r\n\t\t\t\t\r\n\t\t<div class=\"row loading-wrapper text-center\">\r\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.artandpixels.com\/wp-content\/plugins\/portfolio-filter-gallery\/\/img\/loading-icon.gif\" width=\"60\">\r\n\t\t<\/div>\r\n\t\t<div class=\"filter_gallery_779 row filtr-container filters-div\" style=\"opacity:0; display:none;\">\r\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/gray_animals.jpg\" class=\"pfg-lightbox-all pfg-lightbox-\" data-lightbox=\"pfg-lightbox\"  data-title=\"\" data-alt=\"\" title=\"\">\r\n\t\t\t\t\t\t<div data-category=\"1\" data-sort=\"\" class=\"animateonload filtr-item filtr_item_779 single_one col-lg-3 col-md-6 col-sm-3 col-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\" thumbnail  thumbnail_779 pfg-img pfg_img_779 img-responsive hvr-grow-shadow\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/gray_animals.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"item-desc item_desc_779\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_Black_animals.jpg\" class=\"pfg-lightbox-all pfg-lightbox-\" data-lightbox=\"pfg-lightbox\"  data-title=\"\" data-alt=\"\" title=\"\">\r\n\t\t\t\t\t\t<div data-category=\"1\" data-sort=\"\" class=\"animateonload filtr-item filtr_item_779 single_one col-lg-3 col-md-6 col-sm-3 col-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\" thumbnail  thumbnail_779 pfg-img pfg_img_779 img-responsive hvr-grow-shadow\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_Black_animals.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"item-desc item_desc_779\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/white_animals.jpg\" class=\"pfg-lightbox-all pfg-lightbox-\" data-lightbox=\"pfg-lightbox\"  data-title=\"\" data-alt=\"\" title=\"\">\r\n\t\t\t\t\t\t<div data-category=\"1\" data-sort=\"\" class=\"animateonload filtr-item filtr_item_779 single_one col-lg-3 col-md-6 col-sm-3 col-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\" thumbnail  thumbnail_779 pfg-img pfg_img_779 img-responsive hvr-grow-shadow\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/white_animals.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"item-desc item_desc_779\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_animals.jpg\" class=\"pfg-lightbox-all pfg-lightbox-\" data-lightbox=\"pfg-lightbox\"  data-title=\"\" data-alt=\"\" title=\"\">\r\n\t\t\t\t\t\t<div data-category=\"1\" data-sort=\"\" class=\"animateonload filtr-item filtr_item_779 single_one col-lg-3 col-md-6 col-sm-3 col-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\" thumbnail  thumbnail_779 pfg-img pfg_img_779 img-responsive hvr-grow-shadow\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_animals.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"item-desc item_desc_779\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n<script>\r\n\r\nsetTimeout(function () {\r\n\tjQuery(\".thumbnail_779\").each(function(){\r\n\t\t\/\/ console.log(jQuery(this).width() + \"x\" + jQuery(this).height())\r\n\t\tvar h = jQuery(this).height();\r\n\t\tvar w = jQuery(this).width();\r\n\t\tjQuery(this).height(h);\r\n\t\tjQuery(this).width(w);\r\n\t\tjQuery(this).resize();\r\n\t});\r\n}, 2500);\r\n\r\njQuery(document).ready(function (jQuery) {\r\n    jQuery('.filtr-item').addClass('animateonload');\r\n    jQuery('#filter_gallery_779').show();\r\n    jQuery('.loading-wrapper').hide();\r\n    jQuery(\".loader_img\").hide();\r\n    jQuery(\".lg_load_more\").show();\r\n    jQuery(\".filtr-container\").css(\"opacity\", 1);\r\n\r\n    \/\/ Define Filterizr Default Options\r\n    const options = {\r\n        animationDuration: 0.5,\r\n        callbacks: {\r\n            onFilteringStart: function() {\r\n                \/\/ Apply sorting shortly after filtering starts\r\n                setTimeout(function() {\r\n                                    }, 50);\r\n            },\r\n            onFilteringEnd: function() {\r\n                \/\/ Apply sorting shortly after filtering ends\r\n                setTimeout(function() {\r\n                                    }, 50);\r\n            },\r\n            onShufflingStart: function() { },\r\n            onShufflingEnd: function() { },\r\n            onSortingStart: function() { },\r\n            onSortingEnd: function() { }\r\n        },\r\n        controlsSelector: '.filtr-controls-779',\r\n        filter: 'all',\r\n        filterOutCss: {\r\n            top: '0px',\r\n            left: '0px',\r\n            opacity: 0.001,\r\n            transform: ''\r\n        },\r\n        filterInCss: {\r\n            top: '0px',\r\n            left: '0px',\r\n            opacity: 1,\r\n            transform: ''\r\n        },\r\n        layout: 'sameWidth',\r\n        selector: '.filtr-item',\r\n        setupControls: false\r\n    };\r\n\r\n    \/\/ Initialize Filterizr and ensure it is globally accessible\r\n    window.filterizd = jQuery('.filter_gallery_779').filterizr(options);\r\n\r\n    jQuery('.filter_gallery_779').imagesLoaded(function() {\r\n        \/\/ Reapply sorting after initial load\r\n        \r\n        \/\/ Resize handling\r\n        jQuery(window).resize(function() {\r\n            jQuery(\".thumbnail_779\").each(function() {\r\n                var h = jQuery(this).height();\r\n                var w = jQuery(this).width();\r\n                jQuery(this).height(h);\r\n                jQuery(this).width(w);\r\n            });\r\n\r\n            \/\/ Reapply sorting after resizing\r\n                    });\r\n    });\r\n\r\n\t\t\r\n\t\t\/\/bootstrap-lightbox-js\r\n\t\t\/\/ delegate calls to data-toggle=\"lightbox\"\r\n\t\tdocument.addEventListener('DOMContentLoaded', (event) => {\r\n            document.querySelectorAll('.my-lightbox-toggle').forEach((el) => {\r\n                el.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n\r\n                    const options = {\r\n                        keyboard: true,\r\n                        size: 'fullscreen'\r\n                    };\r\n\r\n                    \/\/ Assuming Lightbox is a constructor from the included library\r\n                    \/\/ Check if the Lightbox class or function exists\r\n                    if (typeof Lightbox !== 'undefined') {\r\n                        const lightbox = new Lightbox(el, options);\r\n                        lightbox.show();\r\n                    } else {\r\n                        console.error('Lightbox library is not loaded.');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\t\t\t\tjQuery('.filtr-control-779 [data-filter]').click(function() {\r\n\t\t\t\/\/jQuery('.swiper-779').swipebox('swipebox-destroy');\r\n\t\t\tvar targetFilter = jQuery(this).data('filter');\r\n\t\t\tvar lighbox_class_name = \"pfg-lightbox-\" + targetFilter;\r\n\t\t\tjQuery('.pfg-lightbox-' + targetFilter ).attr('data-lightbox', lighbox_class_name); \/\/ add data filter for parent filters\r\n\t\t});\r\n\t\t\r\n\t\t\r\n\t\/\/ video player\r\n\tjQuery(function(){\r\n      jQuery(\"a.video-box-779\").YouTubePopUp( { autoplay: 0 } ); \/\/ Disable autoplay\r\n\t});\r\n\t\r\n});   \r\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>2022<\/strong><\/p>\n\n\n\n<p>Pet Grass and Accessory brand that is primarily focused on small breed dogs and cats in Australia. It also understands and caters for the &#8220;pet parent&#8221; relationship.<\/p>\n\n\n\n<p>The client&#8217;s personal circumstance and relationship with his toy poodle (Pepper) and his cats (Brindle) and (Yassi), was also relevant for the visual aspect of the brand.<\/p>\n\n\n\n<p><strong>Logo Design<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_all.jpg\"><img decoding=\"async\" width=\"1000\" height=\"391\" data-id=\"784\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_all.jpg\" alt=\"\" class=\"wp-image-784\" srcset=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_all.jpg 1000w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_all-300x117.jpg 300w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_all-768x300.jpg 768w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/final_color_all-600x235.jpg 600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<p><strong>Packaging<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot.jpg\"><img decoding=\"async\" width=\"1024\" height=\"514\" data-id=\"788\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-1024x514.jpg\" alt=\"\" class=\"wp-image-788\" srcset=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-1024x514.jpg 1024w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-300x151.jpg 300w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-768x386.jpg 768w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-1536x771.jpg 1536w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-2048x1028.jpg 2048w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/Round_Pot-600x301.jpg 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1.jpg\"><img decoding=\"async\" width=\"1024\" height=\"771\" src=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1-1024x771.jpg\" alt=\"\" class=\"wp-image-1091\" srcset=\"https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1-1024x771.jpg 1024w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1-300x226.jpg 300w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1-768x578.jpg 768w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1-1536x1156.jpg 1536w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1-600x452.jpg 600w, https:\/\/www.artandpixels.com\/wp-content\/uploads\/2023\/05\/PetG-1.jpg 2038w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>2022 Pet Grass and Accessory brand that is primarily focused on small breed dogs and cats in Australia. It also understands and caters for the &#8220;pet parent&#8221; relationship. The client&#8217;s personal circumstance and relationship with his toy poodle (Pepper) and his cats (Brindle) and (Yassi), was also relevant for the visual aspect of the brand. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-775","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=\/wp\/v2\/pages\/775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=775"}],"version-history":[{"count":13,"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=\/wp\/v2\/pages\/775\/revisions"}],"predecessor-version":[{"id":1094,"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=\/wp\/v2\/pages\/775\/revisions\/1094"}],"wp:attachment":[{"href":"https:\/\/www.artandpixels.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}