{"id":42,"date":"2014-11-21T15:41:14","date_gmt":"2014-11-21T15:41:14","guid":{"rendered":"http:\/\/konnect8.co.uk\/gray\/?page_id=42"},"modified":"2014-12-31T13:06:34","modified_gmt":"2014-12-31T13:06:34","slug":"testimonials","status":"publish","type":"page","link":"http:\/\/www.gray-group.co.uk\/?page_id=42","title":{"rendered":"Testimonials"},"content":{"rendered":"<script>\n\tvar lightbox_transition = 'elastic';\n\tvar lightbox_speed = 800;\n\tvar lightbox_fadeOut = 300;\n\tvar lightbox_title = false;\n\tvar lightbox_scalePhotos = true;\n\tvar lightbox_scrolling = false;\n\tvar lightbox_opacity = 0.201;\n\tvar lightbox_open = false;\n\tvar lightbox_returnFocus = true;\n\tvar lightbox_trapFocus = true;\n\tvar lightbox_fastIframe = true;\n\tvar lightbox_preloading = true;\n\tvar lightbox_overlayClose = true;\n\tvar lightbox_escKey = false;\n\tvar lightbox_arrowKey = false;\n\tvar lightbox_loop = true;\n\tvar lightbox_closeButton = false;\n\tvar lightbox_previous = \"previous\";\n\tvar lightbox_next = \"next\";\n\tvar lightbox_close = \"close\";\n\tvar lightbox_html = false;\n\tvar lightbox_photo = false;\n\tvar lightbox_width = 'false';\n\tvar lightbox_height = 'false';\n\tvar lightbox_innerWidth = 'false';\n\tvar lightbox_innerHeight = 'false';\n\tvar lightbox_initialWidth = '300';\n\tvar lightbox_initialHeight = '100';\n\t\n        var maxwidth=jQuery(window).width();\n        if(maxwidth>768){maxwidth=768;}\n        var lightbox_maxWidth = maxwidth;\n        var lightbox_maxHeight = 500;\n        \n\tvar lightbox_slideshow = false;\n\tvar lightbox_slideshowSpeed = 2650;\n\tvar lightbox_slideshowAuto = true;\n\tvar lightbox_slideshowStart = \"start slideshow\";\n\tvar lightbox_slideshowStop = \"stop slideshow\";\n\tvar lightbox_fixed = true;\n\t\t\tvar lightbox_top = false;\n\t\tvar lightbox_bottom = false;\n\t\tvar lightbox_left = false;\n\t\tvar lightbox_right = false;\n\t\t\n\tvar lightbox_reposition = false;\n\tvar lightbox_retinaImage = true;\n\tvar lightbox_retinaUrl = false;\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\n\t\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery(\"#huge_it_portfolio_content_6 a[href$='.jpg'], #huge_it_portfolio_content_6 a[href$='.png'], #huge_it_portfolio_content_6 a[href$='.gif']\").addClass('group1');\n\t\t\t\tjQuery(\".group1\").colorbox({rel:'group1'});\n\t\t\t\tjQuery(\".callbacks\").colorbox({\n\t\t\t\t\tonOpen:function(){ alert('onOpen: colorbox is about to open'); },\n\t\t\t\t\tonLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },\n\t\t\t\t\tonComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },\n\t\t\t\t\tonClosed:function(){ alert('onClosed: colorbox has completely closed'); }\n\t\t\t\t});\n\n\t\t\t\tjQuery('.non-retina').colorbox({rel:'group5', transition:'none'})\n\t\t\t\tjQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\n\t\t\t\t\n\n\t\t\t\tjQuery(\"#click\").click(function(){ \n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t});\n\t\t\n<\/script>\n\t<!--Huge IT portfolio START-->\n\t\t<link href=\"http:\/\/www.gray-group.co.uk\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/colorbox-1.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t\t\t\n\t\n\t\t\n\t\n\t\n\t\n\n\t\n\n<style type=\"text\/css\"> \n\n.element_6 {\n\tposition: relative;\n\twidth:95%; \n\tmargin:5px 0px 5px 0px;\n\tpadding:2%;\n\tclear:both;\n\toverflow: hidden;\n\tborder:1px solid #dedede;\n\tbackground:#f9f9f9;\n}\n\n.element_6 > div {\n\tdisplay:table-cell;\n}\n\n.element_6 div.left-block_6 {\n\tpadding-right:10px;\n}\n\n.element_6 div.left-block_6 .main-image-block_6 {\n\tclear:both;\n\twidth:240px; \n}\n\n.element_6 div.left-block_6 .main-image-block_6 img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:240px !important; \n\theight:auto;\n}\n\n.element_6 div.left-block_6 .thumbs-block {\n\tposition:relative;\n\tmargin-top:10px;\n}\n\n.element_6 div.left-block_6 .thumbs-block ul {\n\twidth:240px; \n\theight:auto;\n\tdisplay:table;\n\tmargin:0px;\n\tpadding:0px;\n\tlist-style:none;\n}\n\n.element_6 div.left-block_6 .thumbs-block ul li {\n\tmargin:0px 3px 0px 2px;\n\tpadding:0px;\n\twidth:75px; \n\theight:75px; \n\tfloat:left;\n}\n\n.element_6 div.left-block_6 .thumbs-block ul li a {\n\tdisplay:block;\n\twidth:75px; \n\theight:75px; \n}\n\n.element_6 div.left-block_6 .thumbs-block ul li a img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:75px; \n\theight:75px; \n}\n\n.element_6 div.right-block {\n\tvertical-align:top;\n}\n\n.element_6 div.right-block > div {\n\twidth:100%;\n\tpadding-bottom:10px;\n\tmargin-top:10px;\n\t\t\tbackground:url('http:\/\/www.gray-group.co.uk\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/divider.line.png') center bottom repeat-x;\n\t\t\n}\n\n.element_6 div.right-block > div:last-child {\n\tbackground:none;\n}\n\n.element_6 div.right-block .title-block_6  {\n\tmargin-top:3px;\n}\n\n.element_6 div.right-block .title-block_6 h3 {\n\tmargin:0px;\n\tpadding:0px;\n\tfont-weight:normal;\n\tfont-size:18px !important;\n\tline-height:22px !important;\n\tcolor:#0074a2;\n}\n\n.element_6 div.right-block .description-block_6 p,.element_6 div.right-block .description-block_6 * {\n\tmargin:0px;\n\tpadding:0px;\n\tfont-weight:normal;\n\tfont-size:14px;\n\tcolor:#555555;\n}\n\n\n.element_6 div.right-block .description-block_6 h1,\n.element_6 div.right-block .description-block_6 h2,\n.element_6 div.right-block .description-block_6 h3,\n.element_6 div.right-block .description-block_6 h4,\n.element_6 div.right-block .description-block_6 h5,\n.element_6 div.right-block .description-block_6 h6,\n.element_6 div.right-block .description-block_6 p, \n.element_6 div.right-block .description-block_6 strong,\n.element_6 div.right-block .description-block_6 span {\n\tpadding:2px !important;\n\tmargin:0px !important;\n}\n\n.element_6 div.right-block .description-block_6 ul,\n.element_6 div.right-block .description-block_6 li {\n\tpadding:2px 0px 2px 5px;\n\tmargin:0px 0px 0px 8px;\n}\n\n.element_6 .button-block {\n\tposition:relative;\n}\n\n.element_6 div.right-block .button-block a,.element_6 div.right-block .button-block a:link,.element_6 div.right-block .button-block a:visited {\n\tposition:relative;\n\tdisplay:inline-block;\n\tpadding:6px 12px;\n\tbackground:#2ea2cd;\n\tcolor:#ffffff;\n\tfont-size:14;\n\ttext-decoration:none;\n}\n\n.element_6 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.element_6 div.right-block .button-block a:active {\n\tbackground:#0074a2;\n\tcolor:#ffffff;\n}\n\n\n\n@media only screen and (max-width: 767px) {\n\t\n\t.element_6 > div {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t\tclear:both;\n\t}\n\n\t.element_6 div.left-block_6 {\n\t\tpadding-right:0px;\n\t}\n\n\t.element_6 div.left-block_6 .main-image-block_6 {\n\t\tclear:both;\n\t\twidth:100%; \n\t}\n\n\t.element_6 div.left-block_6 .main-image-block_6 img {\n\t\tmargin:0px !important;\n\t\tpadding:0px !important;\n\t\twidth:100% !important;  \n\t\theight:auto;\n\t}\n\n\t.element_6 div.left-block_6 .thumbs-block ul {\n\t\twidth:100%; \n\t}\n}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_options_6 {\n        overflow: hidden;\n    margin-top: 5px;\n    float: none;\n    width: 100%;\n}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_options_6 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  list-style: none;\n}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_filters_6 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  overflow: hidden;\n  }\n\n            #huge_it_portfolio_content_6 #huge_it_portfolio_options_6 ul {\n                float: left;\n            }\n    \n#huge_it_portfolio_content_6 #huge_it_portfolio_options_6 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0px !important;\n    float:left !important;margin: 4px 8px 4px 0px !important;border: 1px solid #ccc;}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_options_6 ul li a {\n    background-color: #F7F7F7 !important;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0px !important;\n    display: block;\n    padding:3px;\n}\n\n\/*#huge_it_portfolio_content_6 #huge_it_portfolio_options_6 ul li:hover {\n    \n}*\/\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_options_6 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_filters_6 {\n    margin-top: 5px;\n    float: left;\n   width: 30%;\n    }\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_filters_6 ul li {\n    list-style-type: none;\n    border-bottom: 1px solid #ccc;}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_filters_6 ul li a {\n    font-size:14px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    padding: 3px;\n    display: block;\n    text-decoration: none;\n}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_filters_6  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_6 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_6 #huge_it_portfolio_container_6 {\n    }\n<\/style>\n      \n<section id=\"huge_it_portfolio_content_6\">\n     \n        <div id=\"huge_it_portfolio_container_6\" class=\"super-list variable-sizes clearfix\" >\n                                    <div class=\"element_6   \" data-symbol=\"Gemma - New soil stack and general building\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_6\">\n                                      <div class=\"main-image-block_6\">\n                                                                                                                                                  <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/wastebef31.jpg\"><img id=\"wd-cl-img0\"src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2014\/12\/wastebef31.jpg\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_6\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_6\"><h3>Gemma - New soil stack and general building<\/h3><\/div>                                                                          <div class=\"description-block_6\"><p>The end result of what Mark and his team have done has given us more room in the kitchen and bathroom and a new outdoor space for us to enjoy. He moved the ugly and leaking soil pipe from inside the house to the outside and laid our lovely new natural stone paving slabs.<\/p><\/div>\n                                                                                                            <div class=\"button-block\">\n                                                  <a href=\"\/?page_id=246\" >View More<\/a>\n                                          <\/div>\n                                                                    <\/div>\n                      <\/div>\n\n                                <div class=\"element_6   \" data-symbol=\"Daineil - Turn office into second family bathroom\" data-category=\"alkaline-earth\">\n                              <div class=\"left-block_6\">\n                                      <div class=\"main-image-block_6\">\n                                                                                                                                                  <a href=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2016\/08\/tradional.jpg\"><img id=\"wd-cl-img1\"src=\"http:\/\/www.gray-group.co.uk\/wp-content\/uploads\/2016\/08\/tradional.jpg\"><\/a>\n                                                                                    <\/div>\n                                      <div class=\"thumbs-block\">\n                                                                                        <ul class=\"thumbs-list_6\">\t\t\t\t\t\n                                                                                                    <\/ul>\n                                                                                <\/div>\n                              <\/div>\n                              <div class=\"right-block\">\n                                <div class=\"title-block_6\"><h3>Daineil - Turn office into second family bathroom<\/h3><\/div>                                                                          <div class=\"description-block_6\"><p>I contacted Gray Group based on a recommendation, and from initial discussions was very impressed with Marks approach and enthusiasm to provide us with a great service. Mark answered our many questions, and was very patient while we picked the bathroom suite, and made some great suggestions along the way. \r\n Mark picked dates to suit us, completing the majority of works while we were not at home, all the while treating the house with due care and respect.\r\n The works were finished in line with timings described, on budget, and we were thrilled with the completed works. A mention should also be made for the electrician that works with Mark, who was also very polite and helpful, and we subsequently used to complete some additional works after the bathroom was finished.\r\n In summary Mark quoted a fair and reasonable price, was polite and helpful, and the works finished exceeded our expectations - a credit to his profession. \r\n We will certainly contact Mark again in the future when we pick our next project<\/p><\/div>\n                                                                                                            <div class=\"button-block\">\n                                                  <a href=\"\/?page_id=244\" >View More<\/a>\n                                          <\/div>\n                                                                    <\/div>\n                      <\/div>\n\n          \n        <\/div>\n <\/section>\n  \n<script>\njQuery(function(){\nvar defaultBlockWidth=240;\n    \n    var $container = jQuery('#huge_it_portfolio_container_6');\n    \n    \n      \/\/ add randomish size classes\n      $container.find('.element_6').each(function(){\n        var $this = jQuery(this),\n            number = parseInt( $this.find('.number').text(), 10 );\n\t\t\t\/\/alert(number);\n        if ( number % 7 % 2 === 1 ) {\n          $this.addClass('width2');\n        }\n        if ( number % 3 === 0 ) {\n          $this.addClass('height2');\n        }\n      });\n    \n    $container.hugeitmicro({\n      itemSelector : '.element_6',\n      masonry : {\n        columnWidth : +20+0      },\n      masonryHorizontal : {\n        rowHeight: 300+20\n      },\n      cellsByRow : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      cellsByColumn : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      getSortData : {\n        symbol : function( $elem ) {\n          return $elem.attr('data-symbol');\n        },\n        category : function( $elem ) {\n          return $elem.attr('data-category');\n        },\n        number : function( $elem ) {\n          return parseInt( $elem.find('.number').text(), 10 );\n        },\n        weight : function( $elem ) {\n          return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\n        },\n        id : function ( $elem ) {\n          return $elem.find('.id').text();\n        }\n      }\n    });\n    \n    \n      var $optionSets = jQuery('#huge_it_portfolio_options_6 .option-set'),\n          $optionLinks = $optionSets.find('a');\n\n      $optionLinks.click(function(){\n        var $this = jQuery(this);\n\n        if ( $this.hasClass('selected') ) {\n          return false;\n        }\n        var $optionSet = $this.parents('.option-set');\n        $optionSet.find('.selected').removeClass('selected');\n        $this.addClass('selected');\n  \n\n        var options = {},\n            key = $optionSet.attr('data-option-key'),\n            value = $this.attr('data-option-value');\n\n        value = value === 'false' ? false : value;\n        options[ key ] = value;\n        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\n\n          changeLayoutMode( $this, options )\n        } else {\n\n          $container.hugeitmicro( options );\n        }\n        \n        return false;\n      });\n\n\n    \n\n      var isHorizontal = false;\n      function changeLayoutMode( $link, options ) {\n        var wasHorizontal = isHorizontal;\n        isHorizontal = $link.hasClass('horizontal');\n\n        if ( wasHorizontal !== isHorizontal ) {\n\n          var style = isHorizontal ? \n            { height: '75%', width: $container.width() } : \n            { width: 'auto' };\n\n          $container.filter(':animated').stop();\n\n          $container.addClass('no-transition').css( style );\n          setTimeout(function(){\n            $container.removeClass('no-transition').hugeitmicro( options );\n          }, 100 )\n        } else {\n          $container.hugeitmicro( options );\n        }\n      }\n\n\n    \n\n      $container.delegate( '.default-block_6', 'click', function(){\n          var strheight=0;\n          jQuery(this).parents('.element_6').find('.wd-portfolio-panel_6 > div').each(function(){\n                strheight+=jQuery(this).outerHeight()+10;\n                \/\/alert(strheight);\n          })\n          strheight+=205;\n\t  \t\t\tif(jQuery(this).parents('.element_6').hasClass(\"large\")){\n\t\t\tjQuery(this).parents('.element_6').animate({\n\t\t\t\theight: \"205px\"\n\t\t\t}, 300, function() {\n\t\t\t\tjQuery(this).removeClass('large');\n\t\t\t\t$container.hugeitmicro('reLayout');\n\t\t\t});\n\t\t\t\n\t\t\tjQuery(this).parents('.element_6').removeClass(\"active\");\n\t\t\treturn false;\n\t\t}\n\t\t\n\t\n\t\tjQuery(this).parents('.element_6').css({height:strheight});\n\t\tjQuery(this).parents('.element_6').addClass('large');\n\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(this).parents('.element_6').css({height:\"205px\"});\t\t \n\t\t \n\t\t\/\/alert(strheight);\n\t\t \n\t\t jQuery(this).parents('.element_6').animate({\n\t\t\theight:strheight+\"px\",\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\n\t});\n\n    var $sortBy =  jQuery('#huge_it_portfolio_content_6 #sort-by');\n    jQuery('#huge_it_portfolio_content_6 #shuffle a').click(function(){\n      $container.hugeitmicro('shuffle');\n      $sortBy.find('.selected').removeClass('selected');\n      $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\n      return false;\n    });\n    \n    \/\/\/\/filteringgggggg\n\n        \/\/ bind filter on select change\n        jQuery(document).ready(function(){\n            jQuery('#huge_it_portfolio_filters_6 ul li').click(function() {\n              \/\/ get filter value from option value\n              var filterValue = jQuery(this).attr('rel');\n              \/\/ use filterFn if matches value\n              filterValue = filterValue;\/\/filterFns[ filterValue ] || \n              $container.hugeitmicro({ filter: filterValue });\n            });\n                                     var topmargin = jQuery(\"#huge_it_portfolio_options_6\").height();\n                         jQuery(\"#huge_it_portfolio_filters_6\").css({'margin-top':'5px'});\n                        });\n        \n        \/\/end of filtering\n        \n        jQuery(window).load(function(){\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(window).resize(function(){$container.hugeitmicro('reLayout');});\n\t});\n\n  });\n<\/script>\n\t  \n\t     \n\t\n      \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/42"}],"collection":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":4,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":259,"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions\/259"}],"wp:attachment":[{"href":"http:\/\/www.gray-group.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}