{"id":370,"date":"2017-05-09T11:07:02","date_gmt":"2017-05-09T11:07:02","guid":{"rendered":"http:\/\/dev.quantumcloud.com\/portfolio-x\/?page_id=370"},"modified":"2018-06-04T08:57:23","modified_gmt":"2018-06-04T08:57:23","slug":"widget-template","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/portfolio-x\/widget-template\/","title":{"rendered":"Widget Template"},"content":{"rendered":"<p>[et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; transparent_background=&#8221;off&#8221; background_color=&#8221;#0c71c3&#8243; allow_player_pause=&#8221;off&#8221; inner_shadow=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; make_equal=&#8221;off&#8221; use_custom_gutter=&#8221;off&#8221;][et_pb_fullwidth_code admin_label=&#8221;Fullwidth Code&#8221;]\n<style type=\"text\/css\">\n.ytp-gradient-top{display:none !important}\n.ytp-show-watch-later-title{display:none !important}\n.ytp-watch-later-button{display:none !important}\n.ytp-share-button{display:none !important}\n.sh_video_overlay{\n}\n#particles-js3 .qcld_hero_content_area{\n\tposition:absolute;\n\twidth: 100%;\n\ttop:50%;\t\n\t\tz-index:9;\n}\n#particles-js3 .slider-x-lead-title, #particles-js3 .hero_slider_button, #particles-js3 .slider-x-item-title{margin: 15px 0px;}\n#particles-js3 .slider-x-lead-title{\n}\n#particles-js3 .hero_slider_button{\n}\n#particles-js3 .slider-x-item-title{\n}\n.slider-hero-prev, .slider-hero-next{\n}\n.slider-hero-prev:hover,.slider-hero-next:hover{\n}\n.qc-sliderX-bottom-slide{\n}\n.qc-sliderX-bottom-slide:hover{\n}\n.qc-sliderx-bottom-current{\n}\n#particles-js3 canvas {\n\tposition:absolute;\n\t\tz-index:8;\n\t\tleft:0px;\n}\n#particles-js3 > img{\n\tposition:absolute;\n\tz-index:1;\n}\n#particles-js3{\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: #2f7cbf;\n  background-size: cover;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  z-index: 1;\n  position:relative;\n}\n#sunset {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #294372 url('https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/plugins\/slider-hero-pro\/images\/sunset.jpg') center top no-repeat;\n    background-size: cover;\n    opacity: 0;\n    z-index: 1\n}\n.slider-x-lead-title3{\n\/*position: absolute;\ntop: 28.2625%;*\/\nleft: 0px;\nwidth: 100%;\n\tpadding: 0px 10% !important;\nbox-sizing: border-box;\n}\n.slider-x-item-title3{\n\/*\nposition: absolute;\ntop: 44.2625%;*\/\nleft: 0px;\nwidth: 100%;\nz-index:99 !important;\n\tpadding: 0px 10% !important;\nline-height: 40px;\nbox-sizing: border-box;\n}\n.slider-x-lead-title3{\nfont-size: 40px !important;color: #ffffff !important;text-align: center;\nline-height: 54px;\n}\n@media only screen and (max-width: 767px) and (min-width: 320px) {\n  .slider-x-lead-title3{\n    font-size: 30px !important;\n    line-height: 38px;\n  }\n}\n.hero_slider_btn3{\n\t\/*\n\tposition:absolute;\n\ttop: 57.8625%;*\/\n\tleft:0px;\n\twidth:100%;\n\tpadding: 0px 10% !important;\n\tbox-sizing: border-box;\n\tz-index: -1;\ntext-align: center;}\n.hero_slider_btn3 a{\n\tz-index: 9;\n    position: relative;\n}\n.slider-x-item-title3 > p{\ncolor: #e8e8e8;font-size: 30px;line-height: 30px;text-align: center;line-height: 40px;padding: 0px;\n}\n@media only screen and (min-width: 320px) and (max-width: 767px){\n.qcld_hero_content_area h2{font-size:26px !important;line-height: 30px !important;}\n.qcld_hero_content_area > .slider-x-item-title > p{font-size: 16px !important;line-height:normal;}\t\n}\n<\/style>\n<style type=\"text\/css\">\n.hero_play_video_cover, .hero_play_video_button{\n}\n<\/style>\n<div id=\"particles-js3\" class=\"qc_slider_hero_container\"  >\n\t\t\t\t\t\t\t\t<div class=\"qcld_hero_content_area\" data-bg-image=\"\" data-cover-image=\"\" style=\"display:none;\">\n<style type=\"text\/css\">\n.slider-x-lead-title3, .slider-x-lead-title3 p, .slider-x-lead-title3 h1, .slider-x-lead-title3 h2, .slider-x-lead-title3 span{\n\t\t}\n.slider-x-item-title3, .slider-x-item-title3 p, .slider-x-item-title3 div{\n\t\t}\n<\/style>\n\t<h2 class=\"slider-x-lead-title slider-x-lead-title3\">2 Different Widget Templates for Your Sidebars<\/h2>\n\t\t\t\t\t\t<div class=\"slider-x-item-title slider-x-item-title3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div> <!--End of hero Content Area-->\n\t<script type=\"text\/javascript\">\nfunction heroCookie(cname, cvalue, exdays) {\n    var d = new Date();\n    d.setTime(d.getTime() + (exdays*24*60*60*1000));\n    var expires = \"expires=\"+ d.toUTCString();\n    document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n}\nfunction heroisMobile(){\n\tvar isMobile = false; \/\/initiate as false\n\t\t\/\/ device detection\n\t\tif(\/(android|bb\\d+|meego).+mobile|avantgo|bada\\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino\/i.test(navigator.userAgent) \n\t\t|| \/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-\/i.test(navigator.userAgent.substr(0,4))) isMobile = true;\n\treturn isMobile;\n}\nfunction getOffset1( el ) {\n    var _x = 0;\n    var _y = 0;\n    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {\n        _x += el.offsetLeft - el.scrollLeft;\n        _y += el.offsetTop - el.scrollTop;\n        el = el.offsetParent;\n    }\n\t_x = parseInt(_x) + parseInt(jQuery('#particles-js3').parent().css('padding-left'));\n    return { top: _y, left: _x };\n}\n  jQuery(document).ready(function($){\n\t\t\t   jQuery('#particles-js3').show();\n\t   jQuery('#particles-js3 canvas').width(jQuery('#particles-js3').width());\n\t   \t\t\tjQuery('#particles-js3 .qcld_hero_content_area:visible').css('margin-top','-'+Math.round(jQuery('#particles-js3 .qcld_hero_content_area:visible').height()\/2)+'px');\n\t\t   var fullwidth = jQuery(\"body\").prop(\"clientWidth\"); \n\t\t\tvar maindivcon = jQuery('#particles-js3').parent()[0];\n\t\t\tvar getleft = getOffset1(maindivcon);\n\t\t\tjQuery('#particles-js3').css({\n\t\t\t\t'left':'-'+getleft.left+'px',\n\t\t\t});\n\t\t\t\t\/\/youtube video\n\t\tvar maindivcontainer = jQuery('#particles-js3');\n\t\tif(jQuery(window).width() < 767){\n\t\t\tmaindivcontainer.find('.qcld_hero_content_area:visible').css('margin-top','-'+Math.round(maindivcontainer.find('.qcld_hero_content_area:visible').height()\/2)+'px');\n\t\t}\n});\nfunction firesliderx3(){\n  jQuery('#particles-js3').sliderX();\n}\njQuery(document).ready(function($){\n\t    $.fn.sliderX.defaults = {\n\t\tsliderWidth:1920,\n\t\tsliderHeight:250,\n\t\t\/\/sliderBackground:'#2f7cbf',\n        pauseTime: 3000,\n\t\tpaddingTime: 500,\n        startSlide: 0,\n\t\ttitlePositionTop:'0%',\n\t\ttitlePositionLeft:'0%',\n\t\tdescPositionTop:'0%',\n\t\tdescPositionLeft:'0%',\n\t\t\/\/titleTextAnimation:'pulse',\n\t\ttitleTextColor:'#ffffff',\n\t\tdescriptionTextColor:'#e8e8e8',\n\t\ttitleFontSize:'40',\n\t\tarrowClass: 'arrow-circle',\n\t\tdescriptionFontSize:'30',\n\t\t\t\tfullWidth:true,\n\t\t\t\t\t\tfullScreen:false,\n\t\t\t\t\t\tScreenauto:false,\n\t\t\t\t\tslideStart: true,\n\t\t\t\t\tdirectionCon:true,\n\t\t\t\t\tbottomCon:true,\n\t\t\t\t\t\t\tarrow_style: 'default',\n\t\t\t\t\t\t\t\trandomslide: false,\n\t\tprevSlideText:'Previous',\n\t\tnextSlideText:'Next',\n\t\ttitleAnimation: 'bounceInLeft',\n\t\ttitleoutAnimation: '',\n\t\tdesAnimation: 'bounceInRight',\n\t\tdesoutAnimation: '',\n\t\tlfxtitlein:'',\n\t\tlfxtitleout:'',\n\t\tlfxdesin:'',\n\t\tlfxdesout:'',\n\t\tbuttonAnimation: 'normal',\n\t\tbuttonoutAnimation: '',\n\t\tredirecturl: '',\n\t\tredirectdelay: '',\n\t\tcontentposition: 'center',\n\t\tbgtransition: 'fade',\n\t\tfirst_slide_delay: '0',\n\t\t\t\t\t\trepeat: false,\n\t\t\t\t\t\tsliderestart: true,\n\t\t\t\t\t\t\t\t\t\tsliderpause: true,\n\t\tmainId: 'particles-js3',\n\t\tsid: '3',\n\t\tslidertype: 'torus',\n\t\tvideopopup: '0',\n\t\tcontentbottom: '0',\n    audioautoplay: '1',\n        beforeChange: function(){\n\t\t\t\/\/alert(\"i am changing..\");\n\t\t}\n    };   \n\t\t\tif(jQuery('.second_div_hero').length<1){\n      firesliderx3();\n    }\n$(window).resize(function() {\n\tsetTimeout(function(){\n\t\tvar fullwidth = jQuery(window).width(); \n\t\tvar maindivcon = $('#particles-js3').parent()[0];\n\t\tvar getleft = getOffset1(maindivcon);\n\t\tjQuery('#particles-js3').css({\n\t\t\t'left':'-'+getleft.left+'px',\n    });\n    jQuery('#hero-mobilecontent3').css({\n\t\t\t'left':'-'+getleft.left+'px',\n\t\t\t'width':fullwidth+'px',\n\t\t});\n\t}, 500);\n});\n\tvar fullwidth = jQuery(window).width();\n\t\t\tvar maindivcon = $('#particles-js3').parent()[0];\n\t\tvar getleft = getOffset1(maindivcon);\n\tjQuery('#particles-js3').css({\n\t\t'left':'-'+getleft.left+'px',\n\t});\n$(window).resize(function() {\n\tsetTimeout(function(){\n\t\tif(jQuery(window).width()<767){\n\t\t\tvar maindivcontainer = $('#particles-js3');\n\t\t\tvar present_slide = maindivcontainer.find('.qcld_hero_content_area:visible');\n\t\t\t\/\/present_slide.css('height',maindivcontainer.height()+'px');\n\t\t}\n\t}, 500);\n});\n$('body').css({\n\t'overflow-x':'hidden',\n});\n});\nvar mainId = 'particles-js3';\nvar torus_mainId = 'particles-js3';\n\/\/helix\n\/\/Microcosm effect\n\/\/code for water Swimming config\/\/\n\/\/Warp Speed\n\/\/Line\n\/\/Circle\n\/\/waaave\n\/\/Ballsgravity\n\/\/iconsahedron\n\/\/corruption\n\/\/chaos\n\/\/helix_multiple\n\/\/neno_hexagon\n\/\/cosmic_web\n\/\/directional\n\/\/distance\n\/\/valentine\n\/\/WaterDropLet\n<\/script>\n<script type=\"text\/javascript\">\njQuery(window).on('load', function($){\n    setTimeout(function(){\n      if(jQuery('#hero_audio').length>0){\n        if( jQuery('#hero_audio')[0].paused ){\n          setTimeout(function(){\n            jQuery('#hero_audio')[0].play().then(function(e){\n              console.log('audio playing smooth');\n\t\t\t\t      jQuery('#hero_control_play').hide();\n\t\t\t\t      jQuery('#hero_control_pause').show();\n            }).catch(function(e){\n              console.log('audio not playing');\n            })\n          },2000)\n        }\n      }\n    }, 1000)\n})\n<\/script>\n<\/div>\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;off&#8221; specialty=&#8221;off&#8221;][et_pb_row admin_label=&#8221;Row&#8221;][et_pb_column type=&#8221;2_3&#8243;][et_pb_text admin_label=&#8221;Text&#8221; background_layout=&#8221;light&#8221; text_orientation=&#8221;left&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at tortor arcu. Cras placerat, tortor sit amet posuere pretium, metus neque congue erat, congue egestas erat massa eu eros. Nunc enim magna, posuere a elit quis, posuere suscipit tellus. Donec dolor velit, aliquet id aliquam quis, porttitor non tellus.<\/p>\n<p>Nam non ligula sed felis pharetra tempor ut nec orci. Donec lobortis arcu sed turpis auctor, ut molestie urna viverra. Morbi faucibus nibh tempus rutrum rutrum. Sed eu massa justo. Duis fermentum consequat mollis. Phasellus vestibulum rhoncus nulla, eget commodo sem bibendum ut.<\/p>\n<p>Aliquam maximus, velit eget dapibus gravida, ipsum nulla eleifend metus, non laoreet lacus diam eget diam. Aliquam tellus lacus, mollis sed ipsum in, accumsan finibus quam. Vestibulum bibendum, tellus eget ultricies luctus, massa turpis finibus dolor, quis blandit tortor urna eu tortor. Donec eget ipsum id eros faucibus consequat et vitae mauris. Aliquam commodo purus vel enim interdum volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243;][et_pb_sidebar admin_label=&#8221;Sidebar&#8221; orientation=&#8221;right&#8221; area=&#8221;et_pb_widget_area_1&#8243; background_layout=&#8221;light&#8221; remove_border=&#8221;off&#8221;]<br \/>\n[\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; transparent_background=&#8221;off&#8221; background_color=&#8221;#0c71c3&#8243; allow_player_pause=&#8221;off&#8221; inner_shadow=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; make_equal=&#8221;off&#8221; use_custom_gutter=&#8221;off&#8221;][et_pb_fullwidth_code admin_label=&#8221;Fullwidth Code&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;off&#8221; specialty=&#8221;off&#8221;][et_pb_row admin_label=&#8221;Row&#8221;][et_pb_column type=&#8221;2_3&#8243;][et_pb_text admin_label=&#8221;Text&#8221; background_layout=&#8221;light&#8221; text_orientation=&#8221;left&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at tortor arcu. Cras placerat, tortor sit amet posuere pretium, metus neque congue erat, congue egestas erat [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":14,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/370\/revisions\/563"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}