{"id":199,"date":"2023-04-04T07:28:56","date_gmt":"2023-04-04T07:28:56","guid":{"rendered":"https:\/\/shtheme.com\/demosd\/pontus\/?page_id=199"},"modified":"2023-04-07T02:40:35","modified_gmt":"2023-04-07T02:40:35","slug":"home-featured-youtube-vimeo-video","status":"publish","type":"page","link":"https:\/\/shtheme.com\/demosd\/pontus\/?page_id=199","title":{"rendered":"Home Featured Youtube \/ Vimeo Video"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"199\" class=\"elementor elementor-199\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1998a6c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1998a6c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c83069a\" data-id=\"c83069a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-84aba09 elementor-align-left elementor-widget elementor-widget-bdevs-featured-youtube\" data-id=\"84aba09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdevs-featured-youtube.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div id=\"top-section\">\r\n        <div class=\"hero-text-slider-wrapper\">  \r\n            <div class=\"container\">\r\n                <div class=\"sixteen columns\">           \r\n                    <div id=\"owl-text-slider\" class=\"owl-carousel owl-theme\">\r\n                                   \r\n                        <div class=\"item\">\r\n                            <p>The details are not the details. They make the design.<\/p>\r\n                        <\/div>\r\n                                   \r\n                        <div class=\"item\">\r\n                            <p>Fashion is architecture: it is a matter of proportions.<\/p>\r\n                        <\/div>\r\n                                   \r\n                        <div class=\"item\">\r\n                            <p>Recognizing the need is the primary condition for design.<\/p>\r\n                        <\/div>\r\n                                                 \r\n                    <\/div>  \r\n                <\/div>\r\n            <\/div>  \r\n        <\/div>  \r\n        <div class=\"white-over-video\"><\/div>\r\n        <a href=\"#scroll-sec\" class=\"scroll\"><div class=\"arrow-down-middle\"><\/div><\/a>\r\n    <\/div>\r\n    <script type=\"text\/javascript\"> \r\n    jQuery( document ).ready(function() {\r\n        (function($) { \"use strict\"; \r\n            $(function(){\r\n              $.okvideo({ source: 'https:\/\/www.youtube.com\/watch?v=tQ6ib_q9E1M', volume: 0, controls: true, adproof: true }) \r\n            }); \r\n        })(jQuery);\r\n\r\n        var player, OKEvents, options;\r\n\r\n        (function ($) {\r\n\r\n          \"use strict\";\r\n\r\n          var BLANK_GIF = \"data:image\/gif;base64,R0lGODlhAQABAPABAP\/\/\/wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D\";\r\n          $.okvideo = function (options) {\r\n\r\n            \/\/ if the option var was just a string, turn it into an object\r\n            if (typeof options !== 'object') options = { 'video' : options };\r\n\r\n            var base = this;\r\n\r\n            \/\/ kick things off\r\n            base.init = function () {\r\n              base.options = $.extend({}, $.okvideo.options, options);\r\n\r\n              \/\/ support older versions of okvideo\r\n              if (base.options.video === null) base.options.video = base.options.source;\r\n\r\n              base.setOptions();\r\n\r\n              var target = base.options.target || $('body');\r\n              var position = target[0] == $('body')[0] ? 'fixed' : 'absolute';\r\n\r\n              target.css({position: 'relative'});\r\n\r\n              var zIndex = base.options.controls === 3 ? -999 : \"auto\";\r\n              var mask = '<div id=\"okplayer-mask\" style=\"position:' + position + ';left:0;top:0;overflow:hidden;z-index:-998;height:100%;width:100%;\"><\/div>';\r\n\r\n              if (OKEvents.utils.isMobile()) {\r\n                target.append('<div id=\"okplayer\" style=\"position:' + position + ';left:0;top:0;overflow:hidden;z-index:' + zIndex + ';height:100%;width:100%;\"><\/div>');\r\n              }\r\n              else {\r\n                        if (base.options.controls === 3) {\r\n                            target.append(mask)\r\n                        }\r\n                        if (base.options.adproof === 1) {\r\n                            target.append('<div id=\"okplayer\" style=\"position:' + position + ';left:-10%;top:-10%;overflow:hidden;z-index:' + zIndex + ';height:120%;width:120%;\"><\/div>');\r\n                        } else {\r\n                            target.append('<div id=\"okplayer\" style=\"position:' + position + ';left:0;top:0;overflow:hidden;z-index:' + zIndex + ';height:100%;width:100%;\"><\/div>');\r\n                        }\r\n              }\r\n\r\n              $(\"#okplayer-mask\").css(\"background-image\", \"url(\" + BLANK_GIF + \")\");\r\n\r\n\r\n              if (base.options.playlist.list === null) {\r\n                if (base.options.video.provider === 'youtube') {\r\n                  base.loadYouTubeAPI();\r\n                } else if (base.options.video.provider === 'vimeo') {\r\n                  base.options.volume \/= 100;\r\n                  base.loadVimeoAPI();\r\n                }\r\n              } else {\r\n                base.loadYouTubeAPI();\r\n              }\r\n            };\r\n\r\n            \/\/ clean the options\r\n            base.setOptions = function () {\r\n              \/\/ exchange 'true' for '1' and 'false' for 3\r\n              for (var key in this.options){\r\n                if (this.options[key] === true) this.options[key] = 1;\r\n                if (this.options[key] === false) this.options[key] = 3;\r\n              }\r\n\r\n              if (base.options.playlist.list === null) {\r\n                base.options.video = base.determineProvider();\r\n              }\r\n\r\n              \/\/ pass options to the window\r\n              $(window).data('okoptions', base.options);\r\n            };\r\n\r\n            \/\/ load the youtube api\r\n            base.loadYouTubeAPI = function (callback) {\r\n              base.insertJS('\/\/www.youtube.com\/player_api');\r\n            };\r\n\r\n            base.loadYouTubePlaylist = function() {\r\n              player.loadPlaylist(base.options.playlist.list, base.options.playlist.index, base.options.playlist.startSeconds, base.options.playlist.suggestedQuality);\r\n            };\r\n\r\n            \/\/ load the vimeo api by replacing the div with an iframe and loading js\r\n            base.loadVimeoAPI = function() {\r\n              $('#okplayer').replaceWith(function() {\r\n                return '<iframe src=\"\/\/player.vimeo.com\/video\/' + base.options.video.id + '?api=1&title=0&byline=0&portrait=0&playbar=0&loop=' + base.options.loop + '&autoplay=' + (base.options.autoplay === 1 ? 1 : 0) + '&player_id=okplayer\" frameborder=\"0\" style=\"' + $(this).attr('style') + 'visibility:hidden;background-color:black;\" id=\"' + $(this).attr('id') + '\"><\/iframe>';\r\n              });\r\n\r\n                    \/\/ if necessary, debug with the most recent version of froogaloop\r\n                \/\/ base.insertJS('https:\/\/rawgithub.com\/vimeo\/player-api\/master\/javascript\/froogaloop.js', function(){\r\n                \/\/ base.insertJS('http:\/\/a.vimeocdn.com\/js\/froogaloop2.min.js', function(){\r\n                base.insertJS('\/\/origin-assets.vimeo.com\/js\/froogaloop2.min.js', function(){\r\n                vimeoPlayerReady();\r\n              });\r\n            };\r\n\r\n            \/\/ insert js into the head and exectue a callback function\r\n            base.insertJS = function(src, callback){\r\n              var tag = document.createElement('script');\r\n\r\n              if (callback){\r\n                if (tag.readyState){  \/\/IE\r\n                  tag.onreadystatechange = function(){\r\n                    if (tag.readyState === \"loaded\" ||\r\n                        tag.readyState === \"complete\"){\r\n                      tag.onreadystatechange = null;\r\n                      callback();\r\n                    }\r\n                  };\r\n                } else {\r\n                  tag.onload = function() {\r\n                    callback();\r\n                  };\r\n                }\r\n              }\r\n              tag.src = src;\r\n              var firstScriptTag = document.getElementsByTagName('script')[0];\r\n              firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n            };\r\n\r\n            \/\/ is it from youtube or vimeo?\r\n            base.determineProvider = function () {\r\n              var a = document.createElement('a');\r\n              a.href = base.options.video;\r\n\r\n              if (\/youtube.com\/.test(base.options.video)){\r\n                return { \"provider\" : \"youtube\", \"id\" : a.href.slice(a.href.indexOf('v=') + 2).toString() };\r\n              } else if (\/vimeo.com\/.test(base.options.video)) {\r\n                return { \"provider\" : \"vimeo\", \"id\" : a.href.split('\/')[3].toString() };\r\n              } else if (\/[-A-Za-z0-9_]+\/.test(base.options.video)) {\r\n                var id = new String(base.options.video.match(\/[-A-Za-z0-9_]+\/));\r\n                if (id.length == 11) {\r\n                  return { \"provider\" : \"youtube\", \"id\" : id.toString() };\r\n                } else {\r\n                  for (var i = 0; i < base.options.video.length; i++) {\r\n                    if (typeof parseInt(base.options.video[i]) !== \"number\") {\r\n                      throw 'not vimeo but thought it was for a sec';\r\n                    }\r\n                  }\r\n                  return { \"provider\" : \"vimeo\", \"id\" : base.options.video };\r\n                }\r\n              } else {\r\n                throw \"OKVideo: Invalid video source\";\r\n              }\r\n            };\r\n\r\n            base.init();\r\n          };\r\n\r\n          $.okvideo.options = {\r\n            source: null, \/\/ Deprecate dis l8r\r\n            video: null,\r\n            playlist: { \/\/ eat ur heart out @brokyo\r\n              list: null,\r\n              index: 0,\r\n              startSeconds: 0,\r\n              suggestedQuality: \"default\" \/\/ options: small, medium, large, hd720, hd1080, highres, default\r\n            },\r\n            disableKeyControl: 1,\r\n            captions: 0,\r\n            loop: 1,\r\n            hd: 1,\r\n            volume: 0,\r\n            adproof: false,\r\n            unstarted: null,\r\n            onFinished: null,\r\n            onReady: null,\r\n            onPlay: null,\r\n            onPause: null,\r\n            buffering: null,\r\n            controls: false,\r\n            autoplay: true,\r\n            annotations: true,\r\n            cued: null\r\n          };\r\n\r\n          $.fn.okvideo = function (options) {\r\n            options.target = this;\r\n            return this.each(function () {\r\n              (new $.okvideo(options));\r\n            });\r\n          };\r\n\r\n        })(jQuery);\r\n\r\n        \/\/ vimeo player ready\r\n        function vimeoPlayerReady() {\r\n          options = jQuery(window).data('okoptions');\r\n\r\n          var iframe = jQuery('#okplayer')[0];\r\n          player = $f(iframe);\r\n\r\n          \/\/ hide player until Vimeo hides controls...\r\n          window.setTimeout(function(){\r\n            jQuery('#okplayer').css('visibility', 'visible');\r\n          }, 2000);\r\n\r\n          player.addEvent('ready', function () {\r\n            OKEvents.v.onReady();\r\n\r\n                \/\/ \"Do not try to add listeners or call functions before receiving this event.\"\r\n                if (OKEvents.utils.isMobile()) {\r\n                    \/\/ mobile devices cannot listen for play event\r\n                    OKEvents.v.onPlay();\r\n                } else {\r\n                    player.addEvent('play', OKEvents.v.onPlay);\r\n                    player.addEvent('pause', OKEvents.v.onPause);\r\n                    player.addEvent('finish', OKEvents.v.onFinish);\r\n                }\r\n\r\n                player.api('play');\r\n          });\r\n        }\r\n\r\n        \/\/ youtube player ready\r\n        function onYouTubePlayerAPIReady() {\r\n          options = jQuery(window).data('okoptions');\r\n          player = new YT.Player('okplayer', {\r\n            videoId: options.video ? options.video.id : null,\r\n            playerVars: {\r\n              'autohide': 1,\r\n              'autoplay': 0, \/\/options.autoplay,\r\n              'disablekb': options.keyControls,\r\n              'cc_load_policy': options.captions,\r\n              'controls': options.controls,\r\n              'enablejsapi': 1,\r\n              'fs': 0,\r\n              'modestbranding': 1,\r\n              'origin': window.location.origin || (window.location.protocol + '\/\/' + window.location.hostname),\r\n              'iv_load_policy': options.annotations,\r\n              'loop': options.loop,\r\n              'showinfo': 0,\r\n              'rel': 0,\r\n              'wmode': 'opaque',\r\n              'hd': options.hd\r\n            },\r\n            events: {\r\n              'onReady': OKEvents.yt.ready,\r\n              'onStateChange': OKEvents.yt.onStateChange,\r\n              'onError': OKEvents.yt.error\r\n            }\r\n          });\r\n\r\n        }\r\n\r\n        OKEvents = {\r\n          yt: {\r\n            ready: function(event){\r\n              event.target.setVolume(options.volume);\r\n              if (options.autoplay === 1) {\r\n                if (options.playlist.list) {\r\n                  player.loadPlaylist(options.playlist.list, options.playlist.index, options.playlist.startSeconds, options.playlist.suggestedQuality);\r\n                } else {\r\n                  event.target.playVideo();\r\n                }\r\n              }\r\n              OKEvents.utils.isFunction(options.onReady) && options.onReady();\r\n            },\r\n            onStateChange: function(event){\r\n              switch(event.data){\r\n              case -1:\r\n                OKEvents.utils.isFunction(options.unstarted) && options.unstarted();\r\n                break;\r\n              case 0:\r\n                OKEvents.utils.isFunction(options.onFinished) && options.onFinished();\r\n                options.loop && event.target.playVideo();\r\n                break;\r\n              case 1:\r\n                OKEvents.utils.isFunction(options.onPlay) && options.onPlay();\r\n                break;\r\n              case 2:\r\n                OKEvents.utils.isFunction(options.onPause) && options.onPause();\r\n                break;\r\n              case 3:\r\n                OKEvents.utils.isFunction(options.buffering) && options.buffering();\r\n                break;\r\n              case 5:\r\n                OKEvents.utils.isFunction(options.cued) && options.cued();\r\n                break;\r\n              default:\r\n                throw \"OKVideo: received invalid data from YT player.\";\r\n              }\r\n            },\r\n            error: function(event){\r\n              throw event;\r\n            }\r\n          },\r\n          v: {\r\n            onReady: function(){\r\n              OKEvents.utils.isFunction(options.onReady) && options.onReady();\r\n            },\r\n            onPlay: function(){\r\n              if (!OKEvents.utils.isMobile()) player.api('setVolume', options.volume);\r\n              OKEvents.utils.isFunction(options.onPlay) && options.onPlay();\r\n            },\r\n            onPause: function(){\r\n              OKEvents.utils.isFunction(options.onPause) && options.onPause();\r\n            },\r\n            onFinish: function(){\r\n              OKEvents.utils.isFunction(options.onFinish) && options.onFinish();\r\n            }\r\n          },\r\n          utils: {\r\n            isFunction: function(func){\r\n              if (typeof func === 'function'){\r\n                return true;\r\n              } else {\r\n                return false;\r\n              }\r\n            },\r\n            isMobile: function() {\r\n              if (navigator.userAgent.match(\/(iPhone|iPod|iPad|Android|BlackBerry)\/)) {\r\n                return true;\r\n              } else {\r\n                return false;\r\n              }\r\n            }\r\n          }\r\n        };\r\n    });\r\n    <\/script>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5dedd5f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5dedd5f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06a8610\" data-id=\"06a8610\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b02bc9d elementor-align-left elementor-widget elementor-widget-bdevs-project-filter\" data-id=\"b02bc9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdevs-project-filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t           \r\n    <div class=\"content-section white-section padding-top-bottom-small shadow-sec\" id=\"scroll-sec\">\r\n        <div class=\"parallax-section-filters\"><\/div>\r\n        <div class=\"container bigger-index\">            \r\n            <div class=\"sixteen columns\">\r\n                <div id=\"portfolio-filter\">\r\n                    <ul id=\"filter\">\r\n                        <li>\r\n                            <a href=\"#\" class=\"current cbutton cbutton--complex cbutton--box-color-4 cbutton--effect-dejan\" data-filter=\"*\" title=\"\">\r\n                                <span class=\"cbutton__text\">All<\/span>\r\n                                                                <span class=\"cbutton__helper cbutton__helper--first\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash1-1.png#color-4\" alt=\"\" \/><\/span>\r\n                                                                                                <span class=\"cbutton__helper cbutton__helper--second\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash2.png#color-4\" alt=\"\"\/><\/span>\r\n                                                            <\/a>\r\n                        <\/li>\r\n                                                <li>\r\n                            <a href=\"#\" class=\"cbutton cbutton--complex cbutton--box-color-4 cbutton--effect-dejan\" data-filter=\".branding\" title=\"\">\r\n                                <span class=\"cbutton__text\">branding<\/span>\r\n                                                                <span class=\"cbutton__helper cbutton__helper--first\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash1-1.png#color-4\" alt=\"\" \/><\/span>\r\n                                                                                                <span class=\"cbutton__helper cbutton__helper--second\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash2.png#color-4\" alt=\"\"\/><\/span>\r\n                                                            <\/a>\r\n                        <\/li>\r\n                                                <li>\r\n                            <a href=\"#\" class=\"cbutton cbutton--complex cbutton--box-color-4 cbutton--effect-dejan\" data-filter=\".motion\" title=\"\">\r\n                                <span class=\"cbutton__text\">motion<\/span>\r\n                                                                <span class=\"cbutton__helper cbutton__helper--first\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash1-1.png#color-4\" alt=\"\" \/><\/span>\r\n                                                                                                <span class=\"cbutton__helper cbutton__helper--second\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash2.png#color-4\" alt=\"\"\/><\/span>\r\n                                                            <\/a>\r\n                        <\/li>\r\n                                                <li>\r\n                            <a href=\"#\" class=\"cbutton cbutton--complex cbutton--box-color-4 cbutton--effect-dejan\" data-filter=\".photo\" title=\"\">\r\n                                <span class=\"cbutton__text\">photo<\/span>\r\n                                                                <span class=\"cbutton__helper cbutton__helper--first\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash1-1.png#color-4\" alt=\"\" \/><\/span>\r\n                                                                                                <span class=\"cbutton__helper cbutton__helper--second\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash2.png#color-4\" alt=\"\"\/><\/span>\r\n                                                            <\/a>\r\n                        <\/li>\r\n                                                <li>\r\n                            <a href=\"#\" class=\"cbutton cbutton--complex cbutton--box-color-4 cbutton--effect-dejan\" data-filter=\".web\" title=\"\">\r\n                                <span class=\"cbutton__text\">web<\/span>\r\n                                                                <span class=\"cbutton__helper cbutton__helper--first\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash1-1.png#color-4\" alt=\"\" \/><\/span>\r\n                                                                                                <span class=\"cbutton__helper cbutton__helper--second\"><img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/splash2.png#color-4\" alt=\"\"\/><\/span>\r\n                                                            <\/a>\r\n                        <\/li>\r\n                                            <\/ul>\r\n                <\/div>\r\n            <\/div>  \r\n        <\/div>             \r\n    <\/div>\r\n    <div class=\"content-section white-section overflow-sec\">\r\n        <div id=\"projects-grid\">\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=bing-bang-jewelry-branding-5\">\r\n                <div class=\"portfolio-box-1 branding  tipped\" data-title=\"Jewelry Branding\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                     \r\n                    <div class=\"mask-1 image-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/1-4.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=mini-icy-rocky-waves-4\">\r\n                <div class=\"portfolio-box-1 photo web  tipped\" data-title=\"Mini Icy\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                                        <div class=\"mask-1 video-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/2-5.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=hang-around-toss-around-4\">\r\n                <div class=\"portfolio-box-1 branding  tipped\" data-title=\"Hang Around\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                                        <div class=\"mask-1 gallery-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/3-5.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=some-audio-file-4\">\r\n                <div class=\"portfolio-box-1 motion  tipped\" data-title=\"Some Audio\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                                        <div class=\"mask-1 audio-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/4-4.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=bing-bang-jewelry-branding-4\">\r\n                <div class=\"portfolio-box-1 web  tipped\" data-title=\"Bing Bang\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                     \r\n                    <div class=\"mask-1 image-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/5-6.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=mini-icy-rocky-waves-3\">\r\n                <div class=\"portfolio-box-1 motion  tipped\" data-title=\"Mini Icy\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                                        <div class=\"mask-1 video-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/6-8.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=hang-around-toss-around-3\">\r\n                <div class=\"portfolio-box-1 photo  tipped\" data-title=\"Toss Around\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                                        <div class=\"mask-1 gallery-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/7-5.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=some-audio-file-3\">\r\n                <div class=\"portfolio-box-1 branding  tipped\" data-title=\"Audio File\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                                        <div class=\"mask-1 audio-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/8-5.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                                                            <a href=\"https:\/\/shtheme.com\/demosd\/pontus\/?project=bing-bang-jewelry-branding-3\">\r\n                <div class=\"portfolio-box-1 web  tipped\" data-title=\"Bing Bang\"  data-tipper-options='{\"direction\":\"top\",\"follow\":\"true\",\"margin\":30}'>\r\n                     \r\n                    <div class=\"mask-1 image-cur\"><\/div>\r\n                                                            <img decoding=\"async\" src=\"https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/9-5.jpg\" alt=\"\">\r\n                                    <\/div>\r\n            <\/a>\r\n                    <\/div>                        \r\n    <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-daa3514 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"daa3514\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-583e429\" data-id=\"583e429\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8a446f elementor-align-left elementor-widget elementor-widget-bdevs-testimonial\" data-id=\"f8a446f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdevs-testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"content-section padding-top-bottom\"> \r\n        <div class=\"parallax-section-quotes\" style=\"background-image:url(https:\/\/shtheme.com\/demosd\/pontus\/wp-content\/uploads\/2023\/04\/quotes-back.png);\"><\/div>\r\n        <div class=\"container bigger-index\">\r\n                        <div class=\"sixteen columns\">\r\n                <div class=\"quote-top-bottom rotate\">\"<\/div>\r\n            <\/div>\r\n                        <div class=\"sixteen columns\">       \r\n                <div id=\"owl-quote\" class=\"owl-carousel owl-theme\">\r\n                                      \r\n                    <div class=\"item\">           \r\n                        <div class=\"quote-text\">\r\n                                                        <h4>What is design? It's where you stand with a foot in two worlds - the world of technology and the world of people and human purposes - and you try to bring the two together.<\/h4>\r\n                                                                                    <p>Mitchell Kapor<\/p>\r\n                              \r\n                        <\/div>                                                      \r\n                    <\/div>\r\n                                      \r\n                    <div class=\"item\">           \r\n                        <div class=\"quote-text\">\r\n                                                        <h4>Some men give up their designs when they have almost reached the goal; While others, on the contrary, obtain a victory by exerting, at the last moment, more vigorous efforts than ever before.<\/h4>\r\n                                                                                    <p>Herodotus<\/p>\r\n                              \r\n                        <\/div>                                                      \r\n                    <\/div>\r\n                                      \r\n                    <div class=\"item\">           \r\n                        <div class=\"quote-text\">\r\n                                                        <h4>It is only after years of preparation that the young artist should touch color - not color used descriptively, that is, but as a means of personal expression.<\/h4>\r\n                                                                                    <p>Henri Matisse<\/p>\r\n                              \r\n                        <\/div>                                                      \r\n                    <\/div>\r\n                                        \r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"sixteen columns\">\r\n                <div class=\"quote-top-bottom\">\"<\/div>\r\n            <\/div>\r\n                    <\/div>           \r\n    <\/div>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The details are not the details. They make the design. Fashion is architecture: it is a matter of proportions. Recognizing the need is the primary condition for design. All branding motion photo web &#8220; What is design? It&#8217;s where you stand with a foot in two worlds &#8211; the world of technology and the world [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/home-featured-youtube-video.php","meta":{"footnotes":""},"class_list":["post-199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=199"}],"version-history":[{"count":16,"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=\/wp\/v2\/pages\/199\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/shtheme.com\/demosd\/pontus\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}