{"id":2762,"date":"2019-02-13T14:44:54","date_gmt":"2019-02-13T14:44:54","guid":{"rendered":"http:\/\/argukitchen.useful-pixels.com\/?page_id=2762"},"modified":"2019-02-13T14:44:54","modified_gmt":"2019-02-13T14:44:54","slug":"useful-elements","status":"publish","type":"page","link":"https:\/\/hqfeleftherakis.com\/en\/useful-elements\/","title":{"rendered":"Useful Elements"},"content":{"rendered":"<div  class=\"vc_row wpb_row vc_row-fluid vc_custom_1553096139390 up_bg_fix  up_over_pos\"><div class=\"up_overlay\" style=\"background-color:rgba(31,40,47,0.9)\"><\/div><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 140px;min-height:45px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"color: #ffffff;text-align: center\" class=\"vc_custom_heading wpb_animate_when_almost_visible wpb_left-to-right left-to-right\" >Argu Useful Elements<\/h2><div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h5><ul id=\"up_breadcrumbs\" class=\"bred_center\"  style='color:#ffffff;'><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/hqfeleftherakis.com\/en\" title=\"ARGU Studio\">ARGU Studio<\/a><\/li><li class=\"separator separator-home\"> \/ <\/li><\/ul><\/h5><div class=\"vc_empty_space\"   style=\"height: 135px;min-height:45px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 165px;min-height:40px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"text-align: left\" class=\"vc_custom_heading wpb_animate_when_almost_visible wpb_left-to-right left-to-right\" >360\u00b0 Kitchen preview<\/h2><div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1550069491901\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>360 Panorama Photo Sphere \u00a0is a filter that allows you to display 360\u00d7180 degree panoramas. You can now take a full-on immersive 360 degree tour of your projects!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div id=\"pan4\" class=\"psvupwraper\" style=\"\"><\/div><div id=\"psvuperror\"><\/div><script type=\"text\/javascript\">\n    jQuery(document).ready(function ($) {\n\t\t\"use strict\";     \n\nif(!window.WebGLRenderingContext) {\n    \/\/ the browser doesn't even know what WebGL is\n\t$(\"#psvuperror\").html(\"Your Browser Does Not Support WebGL\");\n    \n}\n\t\telse {\n     var pan4 = new PhotoSphereViewer({\n    panorama: 'https:\/\/hqfeleftherakis.com\/wp-content\/uploads\/2019\/03\/argu_kitchen_360-scaled.jpg',\n    container: 'pan4',\n    caption: 'Argu WordPress theme',\n    loading_img: 'https:\/\/hqfeleftherakis.com\/wp-content\/plugins\/photo-sphere-vc\/assets\/photosphere-logo.png',\n    navbar: 'autorotate zoom caption fullscreen',\n    default_fov: 70,\n\tanim_speed: '1rpm',\n    mousewheel: false,\n\ttouchmove_two_fingers: true,\n\t\n\t\n    size: {\n      height: 312\n    },\n\tlang: {\n    autorotate: 'Automatic rotation',\n    zoom: 'Zoom',\n    zoomOut: 'Zoom out',\n    zoomIn: 'Zoom in',\n    download: 'Download',\n    fullscreen: 'Fullscreen',\n    markers: 'Markers',\n    gyroscope: 'Gyroscope'\n},\n\tmarkers: [\n\t\n\t ]\n\t});\n\t\n\t\n\t\t}\n });\n<\/script>\n<div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid vc_custom_1550069514848\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 106px;min-height:40px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div class=\"upba-container\"><img decoding=\"async\" src=\"https:\/\/hqfeleftherakis.com\/wp-content\/uploads\/2019\/02\/elebefore.jpg\" alt=\"before\" \/><img decoding=\"async\" src=\"https:\/\/hqfeleftherakis.com\/wp-content\/uploads\/2019\/02\/eleafter.jpg\" alt=\"after\" \/><\/div><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 165px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"text-align: left\" class=\"vc_custom_heading wpb_animate_when_almost_visible wpb_right-to-left right-to-left vc_custom_1550070888442\" >Kitchen Before \/ After slider<\/h2><div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1550070783428\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>The before after slider element allows you to display the before and after versions of an image by simply sliding over them.\u00a0Very useful for kitchen remodeling projects!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"full_width\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"sep_shape\" style=\"background:#f2f2f2\"><svg class=\"up-tilt-left-seperator\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" fill=\"#ffffff\" width=\"100%\" height=\"90\" viewbox=\"0 0 4 0.266661\" preserveaspectratio=\"none\"><polygon class=\"fil0\" points=\"4,0 4,0.266661 -0,0.266661 \"><\/polygon><\/svg><\/div><\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 165px;min-height:40px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"text-align: left\" class=\"vc_custom_heading wpb_animate_when_almost_visible wpb_left-to-right left-to-right\" >The Image with Hotspots<\/h2><div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1550071772766\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>The Image with Hotspots allows you to place either a fullwidth or content size image on the screen that has various hotspots (any number possible) which will be shown once the image scrolls into the browser viewport.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div id=\"uphs-hotspoted-image6a691eacdd746\" class=\"uphs-hotspot-wrapper-wrapper\"><div class=\"uphs-hotspot-wrapper\"  data-hotspot-content=\"%5B%7B%22index%22%3A2%2C%22x%22%3A21.630586592178773%2C%22y%22%3A51.324503311258276%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A3%2C%22x%22%3A58.50209497206704%2C%22y%22%3A28.14569536423841%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A4%2C%22x%22%3A90.53189013035382%2C%22y%22%3A78.1456953642384%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%5D\" ><div class=\"uphs-hotspot-image-cover\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hqfeleftherakis.com\/wp-content\/uploads\/2019\/02\/elebefore.jpg\" width=\"555\" height=\"312\" alt=\"marker\"\/><\/div><\/div><\/div><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"full_width\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"sep_shape\" style=\"background:#ffffff\"><svg class=\"up-tilt-left-seperator\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" fill=\"#f2f2f2\" width=\"100%\" height=\"90\" viewbox=\"0 0 4 0.266661\" preserveaspectratio=\"none\"><polygon class=\"fil0\" points=\"4,0 4,0.266661 -0,0.266661 \"><\/polygon><\/svg><\/div><\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid vc_custom_1550069514848\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div class=\"up_video_wrap\"><img decoding=\"async\" src=\"https:\/\/hqfeleftherakis.com\/wp-content\/uploads\/2019\/02\/elebefore.jpg\" alt=\"Argu\" \/><div class=\"up-video-ic\"><a class=\"up_video\" title=\"Video\" href=\"https:\/\/vimeo.com\/112683545\" target=\"_blank\" rel=\"noopener\"><i class=\"fa fa-play\"><\/i><\/a><\/div><\/div><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 165px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"text-align: left\" class=\"vc_custom_heading wpb_animate_when_almost_visible wpb_right-to-left right-to-left vc_custom_1550261444416\" >Kitchen Video presentation<\/h2><div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1550072198047\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Video Popup element lets you add a responsive YouTube or Vimeo video lightbox popup to any page or post of your website.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"full_width\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"sep_shape\" style=\"background:#f2f2f2\"><svg class=\"up-tilt-left-seperator\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" fill=\"#ffffff\" width=\"100%\" height=\"90\" viewbox=\"0 0 4 0.266661\" preserveaspectratio=\"none\"><polygon class=\"fil0\" points=\"4,0 4,0.266661 -0,0.266661 \"><\/polygon><\/svg><\/div><\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 165px;min-height:40px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"text-align: left\" class=\"vc_custom_heading wpb_animate_when_almost_visible wpb_left-to-right left-to-right\" >Virtual Reality presentations<\/h2><div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element  vc_custom_1550077518278\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>360 Panorama Video element allows you to display 360 video on wordpress pages, posts, etc. Website visitors will be able to navigate through your panoramas. Smartphone users can use Google cardboard to look through in Virtual reality way.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 10px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 106px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div class=\"player_wrapper\"><div class=\"player_container\"><video id=\"videopan_3\" class=\"video-js vjs-default-skin vjs-big-play-centered\" poster=\"https:\/\/hqfeleftherakis.com\/wp-content\/uploads\/2019\/02\/ele360video.jpg\" crossorigin=\"anonymous\" controls><source src=\"http:\/\/argukitchen.useful-pixels.com\/360video.mp4\" type=\"video\/mp4\"><\/video><\/div><\/div>\r\n<script type=\"text\/javascript\">\r\n\r\n    jQuery(document).ready(function ($) {\r\n\r\n\t\t\"use strict\";\t\t\r\n\r\n      (function(window, videojs) {\r\n\r\n        var player = window.player = videojs('videopan_3', {}, function () {\r\n\r\n          window.addEventListener(\"resize\", function () {\r\n\r\n            var canvas = player.getChild('Canvas');\r\n\r\n            if(canvas) canvas.handleResize();\r\n\r\n          });\r\n\r\n        });\r\n\r\n        var videoElement = document.getElementById(\"videopan_3\");\r\n\r\n        var width = videoElement.offsetWidth;\r\n\r\n        var height = videoElement.offsetHeight;\r\n\r\n        player.width(width), player.height(height);\r\n\r\n        player.panorama({\r\n\r\n          clickAndDrag: true,\r\n\r\n          autoMobileOrientation: true,\r\n\r\n          initFov: 100,\r\n\r\n          NoticeMessage: \"please use your mouse drag and drop the video\",\r\n\r\n         \r\n\r\n        });\r\n\r\n      }(window, window.videojs));\t\t  \r\n\r\n\t   });\r\n\r\n <\/script>\r\n<div class=\"vc_empty_space\"   style=\"height: 106px;min-height:40px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Argu Useful Elements ARGU Studio \/ 360\u00b0 Kitchen preview 360 Panorama Photo Sphere \u00a0is a filter that allows you to display 360\u00d7180 degree panoramas. You can now take a full-on immersive 360 degree tour of your projects! Kitchen Before \/ After slider The before after slider element allows you to display the before and after versions of an image by simply sliding over them.\u00a0Very useful for kitchen remodeling projects! The Image with Hotspots The Image with Hotspots allows you to place either a fullwidth or content size image on the screen that has various hotspots (any number possible) which will &hellip; <a href=\"https:\/\/hqfeleftherakis.com\/en\/useful-elements\/\">Continued<\/a>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-2762","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/pages\/2762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/comments?post=2762"}],"version-history":[{"count":0,"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/pages\/2762\/revisions"}],"wp:attachment":[{"href":"https:\/\/hqfeleftherakis.com\/en\/wp-json\/wp\/v2\/media?parent=2762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}