CINXE.COM
<!DOCTYPE html> <html data-bind="attr:{lang: json.language}" lang="en-us"> <head> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5.0, minimum-scale=1, user-scalable=yes"/> <title data-bind="text: json.Title"></title> <!--<link href="https://cloud.oracle.com/res/css/contact-list-css-3089129.css" rel="stylesheet" type="text/css">--> <script type="text/javascript" src='src/json/quicktour.js'></script> <!--<script type="text/javascript" src='src/langs/langs.js'></script>--> <!--<script type="text/javascript" src='https://www.oracle.com/webfolder/s/quicktours/rw_assets/src/langs/langs.json'></script>--> <!--<script type="text/javascript" src='https://www.oracle.com/webfolder/s/quicktours/rw_assets/src/langs/langs.js'></script>--> <!-- INFINITY TAG: --> <script language="javascript" type="text/javascript"> (function() { // default truste setting Infinity Tag var trustechk = {"truste_consent": -1, "dnt": false}; try { oracle.truste.api.getGdprConsentDecision(); } catch(err) { var oracle=oracle||{};oracle.truste={},oracle.truste.api={},function(){this.getCookieName=function(){return"notice_preferences"},this.getStorageItemName=function(){return"truste.eu.cookie.notice_preferences"},this.getGdprCookieName=function(){return"notice_gdpr_prefs"},this.getGdprStorageItemName=function(){return"truste.eu.cookie.notice_gdpr_prefs"}}.apply(oracle.truste),function(){var e=oracle.truste;function t(e){for(var t=e+"=",r=document.cookie.split(";"),n=0;n<r.length;n++){for(var o=r[n];" "==o.charAt(0);)o=o.substring(1);if(0==o.indexOf(t))return o.substring(t.length,o.length)}return null}function r(e){var t,r=(t=e,"undefined"!=typeof Storage?localStorage.getItem(t):null);return null!=r?JSON.parse(r).value:null}this.getConsentCode=function(){var n=r(e.getStorageItemName())||t(e.getCookieName());return null==n?-1:parseInt(n)+1},this.getGdprConsentCode=function(){var n=r(e.getGdprStorageItemName())||t(e.getGdprCookieName());if(null==n)return-1;var o=new Array;o=n.split(",");for(a in o)o[a]=parseInt(o[a],10)+1;return o.toString()},this.getConsentDecision=function(){var e=this.getConsentCode();if(-1==e){var t='{"consentDecision": 0, "source": "implied"}';return JSON.parse(t)}t='{"consentDecision": '+parseInt(e)+', "source": "asserted"}';return JSON.parse(t)},this.getGdprConsentDecision=function(){var e=this.getGdprConsentCode();if(-1==e){var t='{"consentDecision": [0], "source": "implied"}';return JSON.parse(t)}t='{"consentDecision": ['+e+'], "source": "asserted"}';return JSON.parse(t)}}.apply(oracle.truste.api); } trustechk["truste_consent"] = getTrusteConsentLevel(); if (trustechk["truste_consent"] == -1 || trustechk["truste_consent"].indexOf(0) != -1) { // Check if Do Not Track settings is enabled in the browser. //navigator.msDoNotTrack - For Internet Explorer 9 & 10 //window.doNotTrack - For Safari 7.1.3+, Internet Explorer 11 and Edge //navigator.doNotTrack - For Chrome and FF if (navigator.doNotTrack == 1 || window.doNotTrack == 1 || navigator.msDoNotTrack == 1 ) { trustechk["dnt"] = true; } } // Deploy the Infinity tag based on User's DoNotTrack and TrustArc consent preference. if((trustechk['truste_consent'].indexOf(0) != -1 || trustechk['truste_consent'].indexOf(2) != -1 || trustechk['truste_consent'].indexOf(3) != -1) && (!trustechk['dnt']) ){ // Deploy the Infinity tag var infinityScript = document.createElement('script'); infinityScript.src = "//c.oracleinfinity.io/acs/account/wh3g12c3gg/js/oracle/odc.js?_ora.context=analytics:production"; document.getElementsByTagName('head')[0].appendChild(infinityScript); } function getTrusteConsentLevel() { var cStatus = new Array(-1,"NoTRUSTe"); // Set the default return variable... // Look up the TRUSTe setting using the oracle.truste.api.getConsentCode() fucntion... try { cStatus[0] = oracle.truste.api.getGdprConsentDecision().consentDecision; cStatus[1] = oracle.truste.api.getGdprConsentDecision().source; } catch(err) { cStatus[0] = -1 } // If the oracle.truste.api fails look up the TRUSTe setting using the truste.cma.callApi call. if (cStatus[0] == -1) { try { cStatus[0] = truste.cma.callApi("getGDPRConsentDecision","oracle.com").consentDecision; cStatus[1] = truste.cma.callApi("getGDPRConsentDecision","oracle.com").source; } catch(err) { cStatus[0] = -1 } } return cStatus[0]; // Return JUST the consent value... } })() </script> <script language="javascript" type="text/javascript"> var tempJson = JSON.parse(qtJsonData); var documentTitle = tempJson.Title.replace(/[^\w]/gi, ''); documentTitle = documentTitle.replace('_', ''); var s_pageName = "Thanks Page/QT/"+ documentTitle; </script> <script type="text/javascript"> var head = document.getElementsByTagName('head')[0]; var bootstrap = document.createElement('link'); var qt = document.createElement('link'); var dragdealer = document.createElement('link'); var maginific_popup = document.createElement('link'); var video_popup = document.createElement('link'); var cta_popup = document.createElement('link'); var fx = document.createElement('link'); var training = 'Cloud Training'; var url = window.location.href; var origin = ""; if(url.indexOf('file:///') == -1 && url.indexOf('localhost') == -1 && url.indexOf('127.0.0.1') == -1 && url.indexOf('quicktours-test') == -1){ //origin = "//www.oracle.com/webfolder/s/assets/qt/" origin = "//www.oracle.com/webfolder/s/quicktours/rw_assets/" }else if(url.indexOf('quicktours-test') > -1){ origin = "//www.oracle.com/webfolder/s/quicktours-test/rw_assets/" } document.head.appendChild(document.createElement("script")).src = origin + 'src/langs/langs.js'; bootstrap.rel = qt.rel = dragdealer.rel = maginific_popup.rel = video_popup.rel = cta_popup.rel = fx.rel = 'stylesheet'; bootstrap.type = qt.type = dragdealer.type = maginific_popup.type = video_popup.type = cta_popup.type = fx.type = 'text/css'; bootstrap.media = qt.media = dragdealer.media = maginific_popup.media = video_popup.media = cta_popup.media = fx.media = 'all'; bootstrap.href = origin + "src/css/bootstrap.min.css"; /*qt.href = origin + ((tempJson.hideNav && tempJson.productcategory != training ) ? "src/css/hiddenNavqt.css" : tempJson.productcategory != training ? "src/css/qt.css" : "src/css/training.css" );*/ qt.href = origin + ((tempJson.hideNav && tempJson.productcategory != training ) ? "src/css/hiddenNavqt.css" : "src/css/qt.css"); dragdealer.href = origin + "src/css/dragdealer.css"; maginific_popup.href = origin + "src/css/magnific-popup.css"; video_popup.href = origin + "src/css/video-popup.css"; cta_popup.href = origin + "src/css/cta-popup.css"; fx.href = origin + "src/css/fxsmall.css"; //head.appendChild(document.createElement("script")).src = origin + 'src/langs/langs.json'; head.appendChild(bootstrap); head.appendChild(qt); head.appendChild(maginific_popup); head.appendChild(video_popup); head.appendChild(cta_popup); head.appendChild(dragdealer); head.appendChild(fx); </script> <script src="https://www.oracle.com/asset/web/dtm/dtm-vendor.js" language="JavaScript"></script> <script type="text/javascript"> var country_code='en'; var footer_type = 'custom'; </script> <!--<link href="src/css/bootstrap.min.css" rel="stylesheet"> <link href="src/css/qt.css" rel="stylesheet"> <link href="src/css/magnific-popup.css" rel="stylesheet"> <link href="src/css/video-popup.css" rel="stylesheet"> <link href="src/css/cta-popup.css" rel="stylesheet"> <link href="src/css/dragdealer.css" rel="stylesheet"> <link href="src/css/fxsmall.css" rel="stylesheet">--> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="DXNLE-YBWWY-AR74T-WMD99-77VRA",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"DXNLE-YBWWY-AR74T-WMD99-77VRA";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxjpkyoz2ebfjq-f-eb11225d5-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"82485","ak.ai":parseInt("604074",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"7abc9bf6","ak.r":42017,"ak.a2":n,"ak.m":"dscx","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":46558,"ak.gh":"184.28.235.13","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732512083","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==MTPyOd+NtVQYcq2Fpt6Wt9p4nhGvXwny/UvgT49Stk9ekr2/S4Os4CephzF3AkIhOB++bw/2ExzaZG/EliFbPfXEBT0R1uISlCw5sv77BDJvGc0z9UJPx6yyQ8zq8GKpruT/TAMKGrOeibNvdob25dl4p1rLLY34tHNEzFqb6gnwKg/K+g12Mr3RPt8dmPb2pK3+2mHGyifx4g9uFAhb+st7SONPUPd9diz6rXHl9NX03Kn9/ee6G9EYCTDw6x9R6TqLlXG+/t3PtDsDSYPFtmki4US3QO95e2gM8Mx18KoE4ZSnYH6Y+a7vMMREoERoThpS7gK5UL/a6kOF8VeyFzbx+ygu0SRdw9qNO+SJBpQNOMDCgDL6wP9ltAW65HIuY2IQxSIMvLZFWd2NXLxhdRm+ET9ZLhIGtdFLSI2SDuQ=","ak.pv":"492","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <!--<body data-bind="event:{keydown: $root.keyPressed}, css:{'light-theme': qtTheme() == 'light-theme', 'dark-theme': qtTheme() == 'dark-theme'}">--> <body data-bind="event:{keydown: $root.keyPressed}, attr :{class : qtThemeComputed()}, css: { noReadingPanelBody : !readingPanelVisible(), watchQtVideoMobile: watchQtVideo() }"> <!--<body data-bind="event:{keydown: $root.keyPressed}, attr :{class : selectedSkinComputed()}, css: { noReadingPanelBody : !readingPanelVisible(), watchQtVideoMobile: watchQtVideo() }">--> <div class="body-bg-image"></div> <div class="revealer" style="width: 100vh; height: 100vw; transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 90deg) translate3d(0px, 100%, 0px); opacity: 1; z-index:1000000;"> <div style="background:#383330" class="revealer__layer"></div> <div style="background:#6D665E" class="revealer__layer"></div> <div style="background:#1F1E1C" class="revealer__layer"></div> </div> <div id="splash-screen" class=""> <div> <img id="intro-gif" data-bind="attr :{src : qtOrigin() + 'src/img/rw/pt_intro.gif'}" class="pt-intro-animation"> </div> </div> <!--<div id="splash-screen" style=""> <div style="display: table-cell; vertical-align: middle; color: white; text-align: center;"> <div style="width:90%; margin: 0 auto; position:relative;"> <span id="veil"></span> <div style="display:inline-block; vertical-align:top; position:relative;transform: translateX(100%); z-index: 2;"> <span id="left-img-cover"></span> <img id="left-img" data-bind="attr :{src : qtOrigin() + 'src/img/rw/O.png'}" /> </div> <div class="split-bar"></div> <div style="display:inline-block; vertical-align:top; position:relative;transform: translateX(-100%); z-index: 1;"> <span id="right-img-cover"></span> <img id="right-img" data-bind="attr :{src : qtOrigin() + 'src/img/cloud-applications-wht.png'}"/> </div> </div> </div> </div>--> <!-- Safe harbor statement --> <div class="safe-harbor"> <div class="safe-harbor__header"> <h6 data-bind="text: labels['safe_harbor_statement']"></h6> </div> <div class="safe-harbor__container"> <div class="safe-harbor__statement"> <!--<p data-bind="text: labels['safe_harbor']"></p>--> <p data-bind="text: safeHarbor2Show()"></p> </div> </div> </div> <!-- /Safe harbor statement --> <!-- videos for mobile --> <div id="video-available" class="mfp-hide"> <p data-bind="text: labels['view_this_qt']"></p> <div class="sm-button video-button"> <a class="inner-button-content dissmis" href="javascript:void(0);" data-bind="click: navigationTrack.bind($data, 'click_through', 'formatPopUp')"> <span class="icon-click"></span> <span data-bind="text: labels['click_through']"></span> <div class="clr"></div> </a> </div> <div class="sm-button video-button"> <a class="inner-button-content play-video" data-bind="attr : {href : json.fullvideo.link}, click: navigationTrack.bind($data, 'watch_video', 'formatPopUp')"> <span class="icon-playvideo"></span> <span data-bind="text: labels['video']"></span> <div class="clr"></div> </a> </div> <!-- <div class="sm-button video-button"> <a class="inner-button-content dissmis" href="javascript:void(0);" data-bind="text: labels['click_through_audio'], click: navigationTrack.bind($data, 'click_through_audio', 'formatPopUp')"> </a> </div> --> <!--<a class="video-cta play-video" data-bind="attr : {href : json.fullvideo.link}, click: navigationTrack.bind($data, 'watch_video', 'formatPopUp')"><span data-bind="text: labels['video']"></span></a>--> <!--<a class="video-cta dissmis" href="javascript:void(0);" data-bind="click: navigationTrack.bind($data, 'click_through', 'formatPopUp')"><span data-bind="text: labels['click_through']"></span></a>--> <div style="clear:both;"></div> </div> <div id="mobile-video" class="mfp-hide mfp-iframe-scaler"> <!-- mfp-iframe-scaler">--> <!--<h2 data-bind="text: json.Title"></h2>--> <!--<div class="iframe-wrapper">--> <div id="ytPlayer"></div> <!--</div>--> </div> <!-- /videos for mobile --> <div class="qt-body noSwipe"> <div class="sample-bckg" data-bind="style : {'background-image': 'url(\'' + tempBck() + '\')'}"></div> <div class="qt-header"> <!-- ko if: json.productcategory != training --> <div class="hamburger-menu" data-bind="click: toggleDrawer"></div> <!-- /ko --> <div class="header-ui-cluster"> <div class="table-wrapper"> <div class="table-cell"> <div class="qt-cfs-title"> <!--<img class="o-logo" alt="Oracle logo" data-bind="attr :{src : qtOrigin() + (json.productcategory != training ? 'src/img/rw/Logo-Oracle-White.png' : 'src/img/Logo-Oracle-White.png' )}">--> <span class="icon-oracle"></span> <!-- Redwood Menu --> <div class="dropdown sm-scr-hidden"> <button class="dropbtn"> <span class="icon-menu"></span> </button> <div id="myDropdown" class="dropdown-content"> <ul id="main-menu"> <!--<li><div class="hasChildDropdown"><a href="#"><span class="icon-dropdown"></span>Settings</a></div> <ul class="sub"> <li><div><a id="lightTheme" href="#" data-bind="click: toggleTheme, css:{ activeTheme : isLightTheme()}"><span class="icon-dropdown"></span>Light Interface</a></div></li> <li><div><a id="darkTheme" href="#" data-bind="click: toggleTheme, css:{ activeTheme : isDarkTheme()}"><span class="icon-dropdown"></span>Dark Interface</a></div></li> </ul> </li>--> <li> <div class="hasChildDropdown"> <a href="#"> <span data-bind="html: labels['explore_other_qt']"></span> </a> <span class="ui-menu-icon ui-icon ui-icon-caret-1-e"></span> </div> <ul class="sub explore-other"> <!-- ko foreach: home_direct() --> <li class="sub-ui-menu-item"> <div> <a target="_blank" data-bind="attr:{href: href}"><!--<span class="icon-dropdown icon-link"></span>--><span class="icon-dropdown"></span><span data-bind="text: label"></span></a> </div> </li> <!-- /ko --> </ul> </li> <li class="main-ui-menu-item"> <div> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'panel')" class="chat" onclick="sccl_4499221.chatLinkClicked();"></span><span data-bind="text: labels['chat']()"></span></a> <span class="icon-dropdown icon-chat"></span> </div> </li> <li class="main-ui-menu-item"> <div> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'panel')" class="open-popup-link call" ><span data-bind="text: labels['call']()"></span></a> <span class="icon-dropdown icon-call"></span> </div> </li> <li class="watchvideo "> <div> <a data-bind="attr :{href : json.fullvideo.link, 'data-videoid': bcovevideoid }, css : videoClass, click: navigationTrack.bind($data, 'watch_full_video', 'header')"><span data-bind="text: labels['watch_video']"></span></a> <span class="icon-dropdown icon-playvideo"></span> </div> </li> <li class="toggleReadingPanel"> <div class="keyboardNav-wraper"> <div> <label class="switch"> <input type="checkbox" checked data-bind="click: toggleReadingPanel"> <!--data-bind="checked: readingPanelVisible, click: toggleReadingPanel">--> <span class="slider round"></span> </label> <span class="keyboardNav" data-bind="text: labels['navigate_with_keyboard']()"></span> </div> </div> </li> <li class="footnote"><div class="hasChildDropdown"><a href="#"><span class="icon-dropdown"></span>Footnote</a></div> <ul class="sub"> <li> <div> <a target="_blank" href="http://www.oracle.com/us/corporate/index.html"> <!--<span class="icon-dropdown icon-link"></span>--> <span data-bind="text: labels['about']"></span> </a> </div> </li> <li> <div> <a target="_blank" href="http://www.oracle.com/us/corporate/contact/index.html"> <!--<span class="icon-dropdown icon-link"></span>--> <span data-bind="text: labels['contact_us']"></span> </a> </div> </li> <li class="u10last"> <div> <a data-lbl="ad-choices" href="https://www.oracle.com/legal/privacy/marketing-cloud-data-cloud-privacy-policy.html#12"> <!--<span class="icon-dropdown icon-link"></span>--> <span data-bind="text: labels['ad_choices']"></span> </a> </div> </li> <li class="u10last"> <div> <a data-lbl="terms-of-use-and-privacy" href="https://www.oracle.com/legal/privacy/"> <!--<span class="icon-dropdown icon-link"></span>--> <span>Terms of Use and Privacy</span> </a> </div> </li> </ul> </li> </ul> <!--<div style="padding: 10px;"> <select size="5" id="skinSlector" data-bind="options: availableSkins, optionsText: 'name', optionsValue: 'id', value: selectedSkin"></select> </div>--> </div> </div> <!-- End Redwood Menu --> <!-- Redwood Mobile Menu --> <div class="dropdown-mobile"> <button class="dropbtn" onclick="toggleMobileNav()"> <span class="icon-menu"></span> </button> </div> <div id="mySidenav" class="sidenav mobile-menu"> <a href="javascript:void(0)" class="closebtn" onclick="toggleMobileNav()"> <div><span class="icon-dropdown icon-close"></span></div> <span>Close</span> </a> <div id="accordionMobile" class="accordion"> <!--<div class="accordion-item"> <div class=""> <a href="#" data-toggle="collapse" data-target="#collapseOne"> <span class="icon-dropdown icon-chevrondown"></span> <span>Settings</span></a></div> <div id="collapseOne" class="collapse" data-parent="#accordionMobile"> <ul class=""> <li> <div> <a id="lightTheme" href="javascript: void(0);" data-bind="click: toggleTheme, css:{ activeTheme : isLightTheme()}" data-toggle="collapse" data-target="#collapseOne" onclick="toggleMobileNav()"><span class="icon-dropdown"></span><span>Light Interface</span></a></div> </li> <li> <div><a id="darkTheme" href="javascript: void(0);" data-bind="click: toggleTheme, css:{ activeTheme : isDarkTheme()}" data-toggle="collapse" data-target="#collapseOne" onclick="toggleMobileNav()"><span class="icon-dropdown"></span><span>Dark Interface</span></a></div> </li> </ul> </div> </div>--> <div class="accordion-item"> <div class=""> <a href="javascript: void(0);" data-toggle="collapse" data-target="#collapseTwo"> <span data-bind="html: labels['explore_other_qt']"></span> <span class="icon-dropdown icon-chevrondown"></span> </a> </div> <div id="collapseTwo" class="collapse" data-parent="#accordionMobile"> <ul class="explore-other"> <!-- ko foreach: home_direct() --> <li> <div> <a target="_blank" data-bind="attr:{href: href}" onclick="toggleMobileNav()"><!--<span class="icon-dropdown icon-link"></span>--><span data-bind="text: label"></span><span class="icon-dropdown"></span></a> </div> </li> <!-- /ko --> </ul> </div> </div> <div class="accordion-item"> <div> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'panel')" class="chat" onclick="sccl_4499221.chatLinkClicked();"> <span data-bind="text: labels['chat']()"></span><span class="icon-dropdown icon-chat"></span></a> </div> </div> <div class="accordion-item"> <div> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'panel')" class="open-popup-link call" onclick="toggleMobileNav()"> <span data-bind="text: labels['call']()"></span><span class="icon-dropdown icon-call"></span></a> </div> </div> <div class="accordion-item watchvideo" data-bind="visible: json.fullvideo.visible"> <div> <a data-bind="attr :{href : json.fullvideo.link, 'data-videoid': bcovevideoid }, css : videoClass, click: navigationTrack.bind($data, 'watch_full_video', 'header')" onclick="toggleMobileNav()"><span data-bind="text: labels['watch_video']"></span><span class="icon-dropdown icon-playvideo"></span></a> </div> </div> </div> </div> <!-- End Redwood Mobile Menu --> <span data-bind="html: (json.productcategory != training) ? cfsTitle() : labels['cloud_training']()" id="product-family"></span> </div> <!--<div class="small-qt-cfs-title"> <img class="o-logo" alt="Oracle Cloud logo" data-bind="attr :{src : qtOrigin() + (json.productcategory != training ? 'src/img/Logo-OracleCloud.png' : 'src/img/Logo-Oracle-White.png')}"> <span data-bind="text: (json.productcategory != training) ? '' : labels['cloud_training']()" id="product-family-small"></span> </div>--> </div> </div> </div> <div id="qt-header-ctas" class="big-screen"> <div class="table-wrapper"> <div class="table-cell"> <!-- ko if: json.productcategory != training --> <!--<div class="cta qt-watch-full" data-bind="visible: json.fullvideo.visible"> <a data-bind="attr : {href : json.fullvideo.link, 'data-videoid': bcovevideoid }, css : videoClass, click: navigationTrack.bind($data, 'watch_full_video', 'header')"> <span data-bind="text: labels['watch_video']"></span> </a> </div>--> <div class="sm-button header-borderless-button sm-scr-hidden" data-bind="visible: json.fullvideo.visible"> <a class="inner-button-content" data-bind="text: labels['watch_video'], attr : {href : json.fullvideo.link, 'data-videoid': bcovevideoid }, css : videoClass, click: navigationTrack.bind($data, 'watch_full_video', 'header')"> </a> </div> <!-- /ko --> <!-- ko if: !isIaasPaas && json.productcategory != training --> <!--<div class="cta qt-request-live-demo" data-bind="visible: !json.hideCallToActions"> <a target="_blank" data-bind="attr: {href: requestDemoUrlHd()}, click: navigationTrack.bind($data, 'request_a_live_demo', 'header')"><span data-bind="text: labels['live_demo']"></span></a> </div>--> <!--<div class="sm-button header-primary-button sm-scr-hidden" data-bind="visible: !json.hideCallToActions" > <a class="inner-button-content" target="_blank" data-bind="text: labels['live_demo'], attr: {href: requestDemoUrlHd()}, click: navigationTrack.bind($data, 'request_a_live_demo', 'header')"> </a> </div> --> <div class="sm-button header-primary-button sm-scr-hidden" data-bind="visible: !json.hideCallToActions" > <a class="inner-button-content open-request-demo-link" href="#request-live-demo-action" target="_blank" data-bind="text: labels['live_demo'], attr: {click: navigationTrack.bind($data, 'request_a_live_demo', 'header')"> </a> </div> <!-- /ko --> <!-- ko if: json.productcategory == training --> <div class="sm-button header-primary-button" data-bind="visible: !json.hideCallToActions"> <a class="inner-button-content" target="_blank" href="http://education.oracle.com/pls/web_prod-plq-dad/db_pages.getpage?page_id=906" data-bind="text: labels['training_options'], click: navigationTrack.bind($data, 'explore_training_options', 'header')"> </a> </div> <!-- /ko --> <!-- ko if: isIaasPaas --> <div class="sm-button header-primary-button" data-bind="visible: !json.hideCallToActions"> <a class="inner-button-content" target="_blank" href="https://cloud.oracle.com/en_US/tryit" data-bind="text: labels['free_trial'], click: navigationTrack.bind($data, 'free_trial', 'header')"> </a> </div> <!-- /ko --> </div> </div> </div> </div> <!--<div class="qt-right-tabs"> <ul class="tabs"> <li class="handle settings" data-menuid="qt-bckgr"></li> <li class="handle home" data-menuid="qt-hm"></li> </ul> <div class="qt-menu" id="qt-bckgr"> <div class="menu-title"><b data-bind="text: labels['background_selector']"></b></div> <ul class="menu-options"> < !-- ko foreach: qt_bcks -- > < !-- ko if: $index() == 0 -- > <li class="qt-background selected" data-bind="text : name, event: {mouseover: $parent.previewBackground.bind($data, $index())}, click: $parent.selectBackground"></li> < !-- /ko -- > < !-- ko if: $index() != 0 -- > <li class="qt-background" data-bind="text : name, event: {mouseover: $parent.previewBackground.bind($data, $index())}, click: $parent.selectBackground"></li> < !-- /ko -- > < !-- /ko -- > </ul> </div> <div class="qt-menu" id="qt-hm"> <div class="menu-title"><b data-bind="html: labels['explore_other_qt']"></b></div> <ul class="menu-options"> < !-- ko foreach: home_direct -- > <li class="qt-home-direct"><a target="_blank" data-bind="attr:{href: href}"><span data-bind="text: label"></span></a></li> < !-- /ko -- > </ul> </div> </div> --> <div class="qt-main" data-bind="css:{ overrideInSlideVideoStyle : json.inSlideVideo }"> <div class="qt-left-display small-text-container" id="three" data-bind="css: { noReadingPanel : !readingPanelVisible(), isRR: relatedResources() }"> <div class="left-display-table"> <div class="qt-text-container" data-bind="visible: !relatedResources() && !json.inSlideVideo"> <div> <!--<h5 class="qt-title service-title" data-bind="visible: serviceName(), html: serviceName()"></h5>--> <h4 class="qt-title op0 qt-content-text" data-bind="visible: slideTitleComputed, html: slideTitleComputed"></h4> <h4 class="qt-title op0 qt-content-text" data-bind="visible: !slideTitleComputed(), html: json.Title"></h4> </div> <div class="title-divider"></div> <div class="qt-content"> <span class="scroll-pane qt-content-text-paragraph op0" > <!--data-bind="event: {mouseover: showScroll}"--> <div id="scroller"> <span class="paragraph-container" data-bind="html: slideText()" style="display: block; padding-right: 10px;"></span> <!--style="display: block;text-align: justify;"--> </div> </span> </div> <!-- <span class="scroll-for-more"></span> --> </div> <div class="qt-text-container rr-text-wraper" data-bind="visible: relatedResources()"> <div class="qt-content related-resources" data-bind="visible: (relatedResources() && !json.hideCallToActions) || json.inSlideVideo"> <h4 class="qt-title need-more-title" data-bind="text: labels['need_more']"></h4> <h4 class="qt-title quick-links-title" data-bind="text: labels['quick_links']"></h4> <div class="title-divider"></div> <!--<span data-bind="text: slideText()"></span>--> <!-- ko if: linkToProductDetails --> <a target="_blank" data-bind="click: navigationTrack.bind($data, 'product_details', 'panel'), attr:{href:linkToProductDetails}" class="same-width-button qt-inslide-button demo " ><span class="icon-flat-screen"></span><span data-bind="text: labels['see_product_details']()"></span></a> <!-- /ko --> <!-- ko ifnot: isIaasPaas --> <a target="_blank" href="#request-live-demo-action" data-bind="click: navigationTrack.bind($data, 'request_a_live_demo', 'panel')" class="same-width-button qt-inslide-button demo open-request-demo-link" ><span class="icon-link"></span><span data-bind="text: labels['live_demo']()"></span></a> <!-- /ko --> <!-- ko if: isIaasPaas --> <a href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="click: navigationTrack.bind($data, 'free_trial', 'panel')" class="same-width-button qt-inslide-button demo " ><span class="icon-link"></span><span data-bind="text: labels['free_trial']()"></span></a> <!-- /ko --> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'panel')" class="same-width-button qt-inslide-button chat" onclick="sccl_4499221.chatLinkClicked();"> <span class="icon-chat"></span> <span data-bind="text: labels['chat']()"></span> </a> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'panel')" class="open-popup-link same-width-button qt-inslide-button call" > <span class="icon-call"></span> <span data-bind="text: labels['call']()"></span></a> <a href="javascript: void(0);" data-bind="click: navigationButtonClicked.bind($data, 1)" class="same-width-button qt-inslide-button start-again" > <span class="icon-startagain"></span> <span data-bind="text: labels['start_again']"></span> </a> </div> </div> <div class="qt-text-container" data-bind="visible: json.inSlideVideo"> <div class="qt-content related-resources" data-bind="visible: (relatedResources() && !json.hideCallToActions) || json.inSlideVideo"> <h3 class="qt-title" data-bind="text: labels['need_more']"></h3> <!--<span data-bind="text: slideText()"></span>--> <!-- ko ifnot: isIaasPaas --> <a target="_blank" data-bind="attr: {href: requestDemoUrlSdb}, click: navigationTrack.bind($data, 'request_a_live_demo', 'panel')" class="same-width-button qt-inslide-button demo " ><span class="icon-link"></span><span data-bind="text: labels['live_demo']()"></span></a> <!-- /ko --> <!-- ko if: isIaasPaas --> <a href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="click: navigationTrack.bind($data, 'free_trial', 'panel')" class="same-width-button qt-inslide-button demo " ><span class="icon-link"></span><span data-bind="text: labels['free_trial']()"></span></a> <!-- /ko --> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'panel')" class="same-width-button qt-inslide-button chat" onclick="sccl_4499221.chatLinkClicked();"> <span class="icon-chat"></span> <span data-bind="text: labels['chat']()"></span> </a> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'panel')" class="open-popup-link same-width-button qt-inslide-button call" > <span class="icon-call"></span> <span data-bind="text: labels['call']()"></span></a> <a href="https://cloud.oracle.com/en_US/quick-tours" target="_blank" data-bind="click: navigationTrack.bind($data, 'Explore_other_qt', 'panel')" class="same-width-button qt-inslide-button explore-other" > <span data-bind="text: labels['explore_other_qt']()"></span></a> </div> </div> <!-- ko if: !json.inSlideVideo --> <div class="navigation-buttons-wrapper" data-bind="css:{'hide-navigation' : json.hideNavigationButtons}"> <div class="nav-container"> <div class="slider-progress-container"> <div class="slider-wraper"> <div id="slider"></div> </div> <!--<div id="just-a-slider" class="dragdealer"> <div class="handle red-bar"> <div class="rounded-square"></div> </div> </div>--> <div class="clr qt-progress-bar"> <ul class="qt-bar" data-bind="foreach: new Array(totalSlides() + 1)"> <!-- ko if: ($index() + 1) <= $parent.start() --> <li class="qt-pop-top" data-bind="click: $parent.goToSlide.bind($data, $index()), attr: {'id': $index, style: 'width: '+$parent.widthElement()+'%'}, css:{'active-start' : $parent.currentSlide() >= $index()}"></li> <!--data-bind="click: $parent.goToSlide, attr: {'id': $index, 'data-content' : ($index()+1)+' of '+$parent.totalSlides(), style: 'width: '+$parent.widthElement()+'%' }"--> <!-- /ko --> <!-- ko if: ($index() + 1) > $parent.start() && ($index() + 1) <= $parent.middle() --> <li class="qt-pop-top" data-bind="click: $parent.goToSlide.bind($data, $index()), attr: {'id': $index, style: 'width: '+$parent.widthElement()+'%'}, css:{'active-middle' : $parent.currentSlide() >= $index()}"></li> <!-- /ko --> <!-- ko if: ($index() + 1) > $parent.middle() && ($index() + 1) <= $parent.totalSlides() + 1 --> <li class="qt-pop-top" data-bind="click: $parent.goToSlide.bind($data, $index()), attr: {'id': $index, style: 'width: '+$parent.widthElement()+'%'}, css:{'active-end' : $parent.currentSlide() >= $index()}"></li> <!-- /ko --> </ul> </div> </div> <div class="nav-wraper" data-bind="css:{'cta-slide' : currentSlide() === totalSlides()}"> <div id="previous" class="icon-only-button nav-button" data-bind="css:{disabled: currentSlide() == 0, marginLeft:relatedResources()}"> <a class="inner-button-content icon-previous" href="javascript:void(0);" data-bind="attr: {title: labels['previous'], alt:labels['previous']}, throttleClick:navigationButtonClicked.bind($data, -1)"></a> </div> <!--<div id="previous" class="navigation-button" data-bind="click: currentSlide() == 0 ? '': navigationButtonClicked.bind($data, -1), css:{disabled: currentSlide() == 0}"> <span class="icon-previous" data-bind="attr: {title: labels['previous'], alt:labels['previous']}"></span> </div>--> <!-- ko if: !relatedResources() --> <!--<div id="next" class="navigation-button" data-bind="click: navigationButtonClicked.bind($data, 1)"> <span class="icon-next" data-bind="attr:{alt: labels['next'], title: labels['next']}"></span> <div class="slashes"> <svg height="100%" width="100%"> <line x1="0" y1="0" x2="140" y2="140" style="stroke:rgba(255,255,255, 0.5);stroke-width:40" /> <line x1="0" y1="0" x2="140" y2="140" style="stroke:rgba(255,255,255, 0.5);stroke-width:20" transform="translate(60,0)" /> </svg> </div> </div>--> <div id="next" class="icon-only-button nav-button"> <a class="inner-button-content icon-next" href="javascript:void(0);" data-bind="attr:{alt: labels['next'], title: labels['next']}, throttleClick: navigationButtonClicked.bind($data, 1)"></a> </div> <!-- /ko --> <!-- ko if: relatedResources() --> <!--<div id="start-again" class="navigation-button" data-bind="click: navigationButtonClicked.bind($data, 1)"> <span data-bind="text: labels['start_again']"></span> <div class="slashes"> <svg height="100%" width="100%"> <line x1="0" y1="0" x2="140" y2="140" style="stroke:rgba(255,255,255, 0.5);stroke-width:40" /> <line x1="0" y1="0" x2="140" y2="140" style="stroke:rgba(255,255,255, 0.5);stroke-width:20" transform="translate(60,0)" /> </svg> </div> </div>--> <div id="start-again" class="button"> <a class="inner-button-content" href="javascript:void(0);" data-bind="text: labels['start_again'], click: navigationButtonClicked.bind($data, 1)"></a> </div> <!-- /ko --> <!--<div class="clr"></div>--> </div> </div> </div> <!-- /ko --> </div> </div> <div id="four" class="qt-image-footer-wraper"> <div class="qt-image-wrapper" data-bind="css: { isVideoInSlide : json.inSlideVideo, noPadding : relatedResources(), isRR: relatedResources()}"> <div class="qt-image-container fxCoverflow" data-bind="visible: !relatedResources() && !json.inSlideVideo"> <!-- ko if: !json.inSlideVideo --> <div id="transitionWrap" class="qt-image-boxshadhow itemwrap"> <!-- ko foreach: slides --> <!-- ko if: type === 'image' --> <img class="qt-image" data-bind="attr:{src: 'img/' + url}, css:{zoom : zoom}"/> <!-- /ko --> <!-- ko if: type === 'video' --> <iframe class="qt-image video-player" width="100%" height="100%" data-bind="attr:{src: url}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <!-- /ko --> <!-- ko if: type === 'mp4' --> <video class="qt-image video-player mp4" controls="true" loop muted onloadedmetadata="this.muted = true"> <source data-bind="attr:{src: url}" type="video/mp4" /> </video> <!-- /ko --> <!-- ko if: type === 'captivate' --> <!--<iframe class="qt-image" data-bind="attr:{src: 'docs/'+url}" width="100%" height="100%" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0"></iframe>--> <iframe class="qt-image" data-bind="attr:{src: url}" width="100%" height="100%" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0"></iframe> <!-- /ko --> <!-- ko if: type === 'pdf' --> <object class="qt-image" data-bind="attr:{data: 'docs/'+url}" type="application/pdf"> <embed data-bind="attr:{data: 'docs/'+url}" type="application/pdf" /> </object> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!--Remove small rr--> <div class="rr related-container small-rr-wraper" data-bind="visible: relatedResources()"> <div class="small-rr"> <h4 class="qt-title" data-bind="text: labels['need_more']" style="padding: 30px 30px 0 30px;"></h4> <div class="rr-ctas"> <!-- ko ifnot: isIaasPaas --> <a target="_blank" data-bind="attr: {href: requestDemoUrlSdb}, click: navigationTrack.bind($data, 'request_a_live_demo', 'panel')" class="col-12 full-width-cta" > <img data-bind="attr :{src : qtOrigin() + 'src/img/Demo.jpg'}" style="width:100%;"/> <span data-bind="text: labels['live_demo']()"></span> </a> <!-- /ko --> <!-- ko if: isIaasPaas --> <a href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="click: navigationTrack.bind($data, 'free_trial', 'panel')" class="col-12 full-width-cta" > <img data-bind="attr :{src : qtOrigin() + 'src/img/Demo.jpg'}" style="width:100%;"/> <span data-bind="text: labels['free_trial']()"></span> </a> <!-- /ko --> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'panel')" class="col-6 half-width-cta chat" onclick="sccl_4499221.chatLinkClicked();"> <img data-bind="attr :{src : qtOrigin() + 'src/img/Chat.jpg'}" style="width:100%;"/> <span data-bind="text: labels['chat']()"></span> </a> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'panel')" class="open-popup-link col-6 half-width-cta" > <img data-bind="attr :{src : qtOrigin() + 'src/img/Call.jpg'}" style="width:100%;"/> <span data-bind="text: labels['call']()"></span> </a> </div> <div class="qt-footer mobile-qt-footer" style="display: table-row;"> <!--<div class="static-safe-harbor" data-bind="visible: showStaticSafeHarbor()"> <div class="static-safe-harbor__header"> <h6 data-bind="text: labels['safe_harbor_statement']"></h6> </div> <div class="static-safe-harbor__container"> <div class="static-safe-harbor__statement"> <p data-bind="text: labels['safe_harbor_inslide']"></p> </div> </div> </div>--> <!--<div class="image-footer"></div>--> <div class="table-wrapper footer-wrapper noPadding"> <div class="table-cell footer-cell"> <div id="ul-wrapper"> <ul> <li> <a target="_blank" href="http://www.oracle.com/us/corporate/index.html" data-bind="text: labels['about']"></a> </li> <li> <a target="_blank" href="http://www.oracle.com/us/corporate/contact/index.html" data-bind="text: labels['contact_us']"></a> </li> <li class="u10last"><a data-lbl="ad-choices" href="https://www.oracle.com/legal/privacy/marketing-cloud-data-cloud-privacy-policy.html#12" data-bind="text: labels['ad_choices']"></a></li> <li><a data-lbl="terms-of-use-and-privacy" href="https://www.oracle.com/legal/privacy/">Terms of Use and Privacy</a></li> </ul> </div> <div> <a id="integrated-cloud-anchor" target="_blank" href="http://www.oracle.com/us/corporate/index.html">© 2021 Oracle <!--<span class="icon-oracle"></span>--></a> </div> </div> </div> </div> </div> </div> <!-- ko if: json.iframeRelatedResourcesURL--> <div class="related-container-iframe" data-bind="visible: relatedResources()"> <iframe src="" data-bind="attr:{src:json.iframeRelatedResourcesURL}"></iframe> </div> <!-- /ko --> <div class="rr related-container" data-bind="visible: relatedResources() && !json.iframeRelatedResourcesURL"> <div class="rr-table"> <div class="rr-table-cell"> <div class="rr-container"> <h4 data-bind="text: labels['explore_other_qt']"></h4> <!--<div class="title-divider margin-l-25"></div>--> <!-- ko if: qt_category == "saas"--> <div class="container"> <div class="row row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3"> <!-- ko foreach: rr_by_category() --> <div class="col mb-4"> <div class="card h-100"> <div class="card-body h-100"> <a target="_blank" class="h-100" data-bind="attr:{href: href, title:title}, click: $root.navigationTrack.bind($data, navigationTrack, 'relatedresources')"> <div class="h-50 related-icon-container"> <div data-bind="attr :{class : icon}"></div> </div> <div class="h-50"> <p><b data-bind="text: title"></b></p> </div> </a> </div> </div> </div> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko ifnot: qt_category == "saas"--> <div class="container"> <div class="row row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3"> <!-- ko foreach: rr_by_category() --> <div class="col mb-4"> <div class="card h-100"> <div class="card-body h-100"> <a target="_blank" class="h-100" data-bind="attr:{href: href}, click: $root.navigationTrack.bind($data, navigationTrack, 'relatedresources')"> <div class="h-50 related-icon-container"> <img class="qt-related-thumbnail" data-bind="attr :{src : $root.qtOrigin() + image}"> </div> <div class="h-50"> <p><b data-bind="text: title"></b></p> </div> </a> </div> </div> </div> <!-- /ko --> </div> </div> <!-- /ko --> <!-- < !-- ko if: qt_category == "saas" -- > <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://go.oracle.com/LP=44992?qt=saas_epm_all&src1=OW:OCC:FEB" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_saas_epm', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/EPM-gif-animation_3.png'}"> <p>EPM</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://go.oracle.com/LP=44992?qt=saas_erp_all&src1=OW:OCC:FEB" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_saas_erp', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/ERP-gif-animation_1.png'}"> <p>ERP</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://go.oracle.com/LP=44992?qt=saas_cx_all&src1=OW:OCC:FEB" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_saas_cx', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/CX-gif-animation_3.png'}"> <p>CX</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://go.oracle.com/LP=44992?qt=saas_hcm_all&src1=OW:OCC:FEB" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_saas_hcm', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/HCM-gif-animation_2.png'}"> <p>HCM</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://go.oracle.com/LP=44992?qt=saas_scm_all&src1=OW:OCC:FEB" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_saas_scm', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/SCM-gif-animation.png'}"> <p>SCM</p> </a> </div> < !-- /ko -- > < !-- ko if: qt_category == "paas" -- > <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/data-mgmt" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_datamanagement', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Data-Management.png'}"> <p>Data Management</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/application-development" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_applicationdevelopment', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Application-Development.png'}"> <p>Application Development</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/cloud-integration" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_integration', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Integration-Family.png'}"> <p>Integration</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/content-experience" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_contentexperience', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Content-and-Experience-Family.png'}"> <p>Content and Experience</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/biz-analytics" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_businessanalytics', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Business-Analytics-Family.png'}"> <p>Business Analytics</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/management" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_management', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Management-Family.png'}"> <p>Management</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/security" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_paas_security', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Security-Family.png'}"> <p>Security</p> </a> </div> < !-- /ko -- > < !-- ko if: qt_category == "iaas" -- > <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/content-experience" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_iaas_oci', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Infrastructure-Family.png'}"> <p>Oracle Cloud Infrastructure</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/cloud-at-customer" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_iaas_cloudcustomer', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Cloud-at-Customer.png'}"> <p>Cloud at Customer</p> </a> </div> <div class="rr-tile col-4 col-sm-6 col-md-4 col-lg-4"> <a href="https://cloud.oracle.com/en_US/fastconnect" target="_blank" data-bind="click: navigationTrack.bind($data, 'rr_iaas_fastconnect', 'relatedresources')"> <img class="qt-related-thumbnail" data-bind="attr :{src : qtOrigin() + 'src/img/Fast-Connect.png'}"> <p>Fast Connect</p> </a> </div> < !-- /ko -- > --> </div> </div> </div> </div> <div class="zoom-ctrls-container"> <div class="icon-only-button zoom-ctrl" id="zoom-in"> <!--<img data-bind="attr :{src : qtOrigin() + 'src/img/plus.png'}"/>--> <a class="inner-button-content" href="javascript:void(0);"><span class="icon-zoomin"></span></a> </div> <span style="display:none;"></span> <div id="zoom-out" class="icon-only-button zoom-ctrl" data-bind="click: resetPanzoom"> <!--<img data-bind="attr :{src : qtOrigin() + 'src/img/less.png'}"/>--> <a class="inner-button-content" href="javascript:void(0);"><span class="icon-zoomout"></span></a> </div> </div> <!--<div class="audio-ctrls-container" data-bind="visible: clickTroughAudio"> <div class="icon-only-button audio-ctrl" id="play-audio-btn"> <a class="inner-button-content" href="javascript:void(0);"><span data-bind="css:{'icon-playbtn': !audiosQt.isPlaying(), 'icon-pausebtn' : audiosQt.isPlaying }"></span></a> </div> <div class="icon-only-button audio-ctrl"> <input type="range" id="seekslider" min="0" max="100" value="0" step="1" > </div> <div class="icon-only-button audio-ctrl" id="volume-audio-btn"> <a class="inner-button-content" href="javascript:void(0);"><span data-bind="css:{'icon-volumeOnBtn': !audiosQt.isMute(), 'icon-volumeMuteBtn' : audiosQt.isMute }"></span></a> </div> </div>--> </div> <!-- ko if: json.inSlideVideo --> <div class="qt-video-wrapper"> <div class="qt-video-container fxCoverflow extraPaddingInSlideVideo"> <div id="transitionWrap" class="qt-image-boxshadhow itemwrap"> <!-- ko foreach: slides --> <iframe id="kaltura_player" class="qt-image" data-bind="attr:{src: inslideVideo}" width="100%" height="100%" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0" title="Kaltura Player"></iframe> <!-- /ko --> </div> <div class="small-footer-inslidevideo"> <div class="related-resources-small qt-container" > <h3 data-bind="text: labels['need_more']"></h3> <!-- ko ifnot: isIaasPaas --> <a class="indrawer-cta demo-trial" target="_blank" data-bind="visible: !json.hideCallToActions, attr: {href: requestDemoUrlHd()}, click: navigationTrack.bind($data, 'request_a_live_demo', 'header')"><span data-bind="text: labels['live_demo']"></span></a> <!-- /ko --> <!-- ko if: isIaasPaas --> <a class="indrawer-cta demo-trial" href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="visible: !json.hideCallToActions, click: navigationTrack.bind($data, 'free_trial', 'header')"><span data-bind="text: labels['free_trial']"></span></a> <!-- /ko --> <a class="indrawer-cta full-vid" data-bind="visible: json.fullvideo.visible, attr : {href : json.fullvideo.link, 'data-videoid': bcovevideoid }, css : videoClass, click: navigationTrack.bind($data, 'watch_full_video', 'header')"><span data-bind="text: labels['watch_video']"></span></a> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'header')" class="indrawer-cta chat" onclick="sccl_4499221.chatLinkClicked();"> <span data-bind="text: labels['chat']()"></span> </a> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'header')" class="open-popup-link indrawer-cta" ><span data-bind="text: labels['call']()"></span></a> <a href="https://cloud.oracle.com/en_US/quick-tours" target="_blank" data-bind="click: navigationTrack.bind($data, 'Explore_other_qt', 'panel')" class="indrawer-cta explore-other" ><span data-bind="text: labels['explore_other_qt']()"></span></a> </div> </div> </div> </div> <!-- /ko --> <div class="qt-footer"> <!--<div class="static-safe-harbor" data-bind="visible: showStaticSafeHarbor()"> <div class="static-safe-harbor__header"> <h6 data-bind="text: labels['safe_harbor_statement']"></h6> </div> <div class="static-safe-harbor__container"> <div class="static-safe-harbor__statement"> <p data-bind="text: labels['safe_harbor_inslide']"></p> </div> </div> </div>--> <!--<div class="image-footer"></div>--> <div class="table-wrapper footer-wrapper"> <div class="table-cell footer-cell"> <div id="ul-wrapper"> <ul> <li> <a id="integrated-cloud-anchor" target="_blank" href="https://www.oracle.com/legal/copyright.html">© 2021 Oracle <!--<span class="icon-oracle"></span>--></a> </li> <!--<li> <a target="_blank" href="http://www.oracle.com/us/corporate/index.html" data-bind="text: labels['about']"></a> </li>--> <!--<li> <a target="_blank" href="http://www.oracle.com/us/corporate/contact/index.html" data-bind="text: labels['contact_us']"></a> </li>--> <!--<li> <a target="_blank" href="http://www.oracle.com/us/legal/privacy/overview/index.html"> <span data-bind="text: labels['legal']"></span> </a> </li> <li> <a target="_blank" href="https://www.oracle.com/legal/terms.html"> <span data-bind="text: labels['terms']"></span> </a> </li> <li> <a target="_blank" href="https://www.oracle.com/legal/privacy/index.html "> <span data-bind="text: labels['privacy']"></span> </a> </li>--> <li><a class="terms-of-use" data-lbl="terms-of-use-and-privacy" target="_blank" href="https://www.oracle.com/legal/privacy/">Terms of Use and Privacy</a></li> <!-- !-- ko if: qtOrigin() -- --> <li> <div id="teconsent"></div> </li> <!-- !-- /ko -- --> <li class="u10last"><a class="ad-choices" target="_blank" data-lbl="ad-choices" href="https://www.oracle.com/legal/privacy/marketing-cloud-data-cloud-privacy-policy.html#12" data-bind="text: labels['ad_choices']"></a></li> <li class="sm"> <a href="https://www.facebook.com/Oracle/" target="_blank"><span class="footer-icon-link icon-fb"></span></a> </li> <li class="sm"> <a href="https://twitter.com/oracle" target="_blank"><span class="footer-icon-link icon-tweeter"></span></a> </li> <li class="sm"> <a href="https://www.linkedin.com/company/oracle/" target="_blank"><span class="footer-icon-link icon-linkedin"></span></a> </li> <li class="sm"> <a href="https://www.youtube.com/oracle/" target="_blank"><span class="footer-icon-link icon-youtube"></span></a> </li> <!-- < !-- ko if: json.safeHarbor.pre || json.safeHarbor.post -- > <li> <a target="_blank" href="javascript:void(0);" data-bind="click: showSafeHarbor.bind($data, 'last')"> <span data-bind="text: labels['safe_harbor_statement']"></span> </a> </li> < !-- /ko -- > --> </ul> </div> </div> </div> </div> </div> <!-- ko if: !json.inSlideVideo --> <!-- ko if: !relatedResources() --> <div class="nav-wraper small-nav"> <div id="previous" class="icon-only-button nav-button small-nav-btn" data-bind="css:{disabled: currentSlide() == 0}"> <a class="inner-button-content icon-previous" href="javascript:void(0);" data-bind="attr: {title: labels['previous'], alt:labels['previous']}, click: currentSlide() == 0 ? '': navigationButtonClicked.bind($data, -1)"></a> </div> <p class="small-progress-hint" ><span data-bind="text: (currentSlide() + 1)"></span> of <span data-bind="text: (totalSlides() + 1)"></span></p> <div id="next" class="icon-only-button nav-button small-nav-btn"> <a class="inner-button-content icon-next" href="javascript:void(0);" data-bind="attr:{alt: labels['next'], title: labels['next']}, click: navigationButtonClicked.bind($data, 1)"></a> </div> </div> <!-- /ko --> <!-- /ko --> </div> <!-- small screens --> <div class="small-qt-title-container table"> <div class="table-cell"> <div class="container float_right"> <div class="title"> <p id="p-title" data-bind="text: json.Title"> </p> </div> <div class="accent-dash"> <svg height="10" width="50"> <line id="line-intro" x1="0" y1="0" x2="200" y2="0"/> </svg> </div> <div id="qt-tag" data-bind="text:labels['product_tour']"> </div> </div> </div> </div> <!--<div class="small-qt-title-container"> <div class="small-table"> <div class="small-tablecell"> <h2 data-bind="text: json.Title"></h2> </div> </div> </div>--> <div class="qt-small-drawer"> <div class="cta-container"> <h3 data-bind="text: labels['need_more']"></h3> <!-- ko ifnot: isIaasPaas --> <a class="indrawer-cta demo-trial" target="_blank" data-bind="visible: !json.hideCallToActions, attr: {href: requestDemoUrlHd()}, click: navigationTrack.bind($data, 'request_a_live_demo', 'header')"><span data-bind="text: labels['live_demo']"></span></a> <!-- /ko --> <!-- ko if: isIaasPaas --> <a class="indrawer-cta demo-trial" href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="visible: !json.hideCallToActions, click: navigationTrack.bind($data, 'free_trial', 'header')"><span data-bind="text: labels['free_trial']"></span></a> <!-- /ko --> <a class="indrawer-cta full-vid" data-bind="visible: json.fullvideo.visible, attr : {href : json.fullvideo.link, 'data-videoid': bcovevideoid }, css : videoClass, click: navigationTrack.bind($data, 'watch_full_video', 'header')"><span data-bind="text: labels['watch_video']"></span></a> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'header')" class="indrawer-cta chat" onclick="sccl_4499221.chatLinkClicked();"> <span data-bind="text: labels['chat']()"></span> </a> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'header')" class="open-popup-link indrawer-cta" ><span data-bind="text: labels['call']()"></span></a> </div> <div class="explore-qts"> <div class="toggler" data-bind="text: labels['explore_other_qt']"></div> <div class="qt-by-cat-list" style="display:none;"> <ul> <!-- ko foreach: home_direct --> <li><a target="_blank" data-bind="attr:{href: href}"><img data-bind="attr:{src: image}"/><span data-bind="text: label"></span></a></li> <!-- /ko --> </ul> </div> </div> <div class="drawer-footer"> <a class="integrated-c" target="_blank" href="http://www.oracle.com/us/corporate/index.html"> <span class="red-text">Integrated Cloud</span> Applications & Platform Services </a><br/><br/> <a target="_blank" href="http://www.oracle.com/us/corporate/index.html"> <span data-bind="text: labels['about']"></span> </a><br/><br/> <a target="_blank" href="http://www.oracle.com/us/corporate/contact/index.html"> <span data-bind="text: labels['contact_us']"></span> </a><br/><br/> <a target="_blank" href="http://www.oracle.com/us/legal/privacy/overview/index.html"> <span data-bind="text: labels['legal']"></span> </a><br/><br/> <a target="_blank" href="https://www.oracle.com/legal/terms.html"> <span data-bind="text: labels['terms']"></span> </a><br/><br/> <a target="_blank" href="https://www.oracle.com/legal/privacy/index.html "> <span data-bind="text: labels['privacy']"></span> </a><br/><br/> <a data-lbl="ad-choices" href="https://www.oracle.com/legal/privacy/marketing-cloud-data-cloud-privacy-policy.html#12"> Ad Choices </a><br/><br/> <a data-lbl="terms-of-use-and-privacy" href="https://www.oracle.com/legal/privacy/"> Terms of Use and Privacy </a> <!-- ko if: json.safeHarbor --> <!-- ko if: json.safeHarbor.pre || json.safeHarbor.post --> <br/><br/> <a target="_blank" href="javascript:void(0);" data-bind="click: showSafeHarbor.bind($data, 'last')"> <!--<span data-bind="text: labels['safe_harbor_statement']"></span>--> <span data-bind="text: safeHarbor2Show()"></span> </a> <!-- /ko --> <!-- /ko --> </div> </div> <div class="qt-main-small" data-bind="css:{ overrideInSlideVideoStyle : json.inSlideVideo}"> <div class="small-content-wrapper" data-bind="css:{ fullHeightInSlide: json.inSlideVideo }"> <!-- ko if: !json.inSlideVideo --> <div data-bind="visible: !relatedResources()" style="display: none;"> <!-- ko if: !json.inSlideVideo --> <div class="small-navigation" style="display: none;"> <!--<span class="small-gradient"></span>--> <div class="small-nav-wrapper"> <div class="small-progress-bar-wrapper" style="position:relative;"> <div id="small-dragg-bar" class="dragdealer"> <div class="handle red-bar" data-bind="attr: {style: 'width: '+widthElement()+'%'}"></div> </div> <div class="small-progress-bar"> <ul class="qt-bar" data-bind="foreach: new Array(totalSlides() + 1)"> <li data-bind="css: {'visited' : $parent.currentSlide() >= $index(), 'active' : ($index() == $parent.currentSlide())}, click: $parent.goToSlide.bind($data, $index()), attr: {'id': $index, 'data-content' : ($index()+1)+' of '+ ($parent.totalSlides() + 1), 'data-trigger' : 'focus' , style: 'width: '+$parent.widthElement()+'%'}"> <!--<img class="dot" data-bind="attr :{src : $parent.qtOrigin() + 'src/img/drag-dot.png'}"/>--> <div class="dot"></div> </li> </ul> </div> </div> <p class="small-progress-hint"><span data-bind="text: (currentSlide() + 1)"></span> of <span data-bind="text: (totalSlides() + 1)"></span></p> <!-- ko if: !relatedResources() --> <!-- ko ifnot: isIaasPaas --> <!--<a class="cta" target="_blank" data-bind="visible: !json.hideCallToActions, attr: {href: requestDemoUrlHd()}, click: navigationTrack.bind($data, 'request_a_live_demo', 'header')"><span data-bind="text: labels['live_demo']"></span></a>--> <!-- /ko --> <!-- ko if: isIaasPaas --> <!--<a class="cta" href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="visible: !json.hideCallToActions, click: navigationTrack.bind($data, 'free_trial', 'header')"><span data-bind="text: labels['free_trial']"></span></a>--> <!-- /ko --> <!-- /ko --> <!-- ko if: relatedResources() --> <!--<a class="cta start-again" href="#" data-bind="click: navigationButtonClicked.bind($data, 1)"><span data-bind="text: labels['start_again']"></span></a>--> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: relatedResources() --> <div class="small-rr"> <h4 class="qt-title" data-bind="text: labels['need_more']" style="padding: 0 15px;"></h4> <div class="rr-ctas"> <!-- ko ifnot: isIaasPaas --> <a target="_blank" data-bind="attr: {href: requestDemoUrlSdb}, click: navigationTrack.bind($data, 'request_a_live_demo', 'panel')" class="col-12 full-width-cta" > <img data-bind="attr :{src : qtOrigin() + 'src/img/Demo.jpg'}" style="width:100%;"/> <span data-bind="text: labels['live_demo']()"></span> </a> <!-- /ko --> <!-- ko if: isIaasPaas --> <a href="https://cloud.oracle.com/en_US/tryit" target="_blank" data-bind="click: navigationTrack.bind($data, 'free_trial', 'panel')" class="col-12 full-width-cta" > <img data-bind="attr :{src : qtOrigin() + 'src/img/Demo.jpg'}" style="width:100%;"/> <span data-bind="text: labels['free_trial']()"></span> </a> <!-- /ko --> <a href="javascript: void(0);" data-bind="click: navigationTrack.bind($data, 'Chat_with_us', 'panel')" class="col-6 half-width-cta chat" onclick="sccl_4499221.chatLinkClicked();"> <img data-bind="attr :{src : qtOrigin() + 'src/img/Chat.jpg'}" style="width:100%;"/> <span data-bind="text: labels['chat']()"></span> </a> <a href="#call-us" target="_blank" data-bind="click: navigationTrack.bind($data, 'Call_us_now', 'panel')" class="open-popup-link col-6 half-width-cta" > <img data-bind="attr :{src : qtOrigin() + 'src/img/Call.jpg'}" style="width:100%;"/> <span data-bind="text: labels['call']()"></span> </a> </div> <div class="qt-footer mobile-qt-footer" style="display: block;"> <!--<div class="static-safe-harbor" data-bind="visible: showStaticSafeHarbor()"> <div class="static-safe-harbor__header"> <h6 data-bind="text: labels['safe_harbor_statement']"></h6> </div> <div class="static-safe-harbor__container"> <div class="static-safe-harbor__statement"> <p data-bind="text: labels['safe_harbor_inslide']"></p> </div> </div> </div>--> <div class="image-footer"></div> <div class="table-wrapper footer-wrapper"> <div class="table-cell footer-cell"> <div id="ul-wrapper"> <ul> <li> <a target="_blank" href="http://www.oracle.com/us/corporate/index.html" data-bind="text: labels['about']"></a> </li> <li> <a target="_blank" href="http://www.oracle.com/us/corporate/contact/index.html" data-bind="text: labels['contact_us']"></a> </li> <li class="u10last"><a data-lbl="ad-choices" href="https://www.oracle.com/legal/privacy/marketing-cloud-data-cloud-privacy-policy.html#12" data-bind="text: labels['ad_choices']"></a></li> <li><a data-lbl="terms-of-use-and-privacy" href="https://www.oracle.com/legal/privacy/">Terms of Use and Privacy</a></li> </ul> </div> <div> <a id="integrated-cloud-anchor" target="_blank" href="http://www.oracle.com/us/corporate/index.html">© 2021 Oracle <!--<span class="icon-oracle"></span>--></a> </div> </div> </div> </div> </div> <!-- /ko --> </div> </div> <!-- /smal screens --> <svg height="0" xmlns="http://www.w3.org/2000/svg"> <filter id="drop-shadow"> <feGaussianBlur in="SourceAlpha" stdDeviation="4"/> <feOffset dx="12" dy="12" result="offsetblur"/> <feFlood flood-color="rgba(0,0,0,0.5)"/> <feComposite in2="offsetblur" operator="in"/> <feMerge> <feMergeNode/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </svg> <!-- pop ups --> <div id="call-us" class="cta-popup mfp-hide"> <div class="content-block"> <div class="content"> <h3><span class="icon-dropdown icon-call"></span>Contact</h3> <p> Call us now<br/> 1-800-633-0738 (United States) </p> <div id='global_contacts_modal'></div> </div> </div> <!--<div class="solid-hr-line"></div>--> </div> <div id="request-live-demo-action" class="mfp-hide"> <div class="content-block"> <div class="content"> <iframe data-bind="attr: {'data-src': requestDemoUrlHd()}"></iframe> </div> </div> <!--<div class="solid-hr-line"></div>--> </div> <div id="no-reading-panel" class="cta-popup mfp-hide"> <div class="content-block"> <div class="content"> <div> <p>Navigate with right and left arrow keys</p> <div> <input type="checkbox" data-bind="checked: hideReadingPanelPopup" /> Don't show again </div> </div> </div> </div> </div> <!--<div id="oReactiveChatContainer" style="display:none;"> <div id="atgchat-flyout"></div> </div>--> <div id="oReactiveChatContainer "> <div id="atgchat-flyout "> <!--<div id="atgchat-flyout-info"> </div>--> </div> </div> <!-- /pop ups --> </div> <script type='text/javascript' src='src/js/libs/jquery-min.js'></script> <script type='text/javascript' src='src/js/libs/jquery-migrate-3.0.0.min.js'></script> <script type='text/javascript' src='src/js/libs/iscroll.js'></script> <script type='text/javascript' src='src/js/libs/split.min.js'></script> <script type='text/javascript' src='src/js/libs/jquery.panzoom.min.js'></script> <script type='text/javascript' src='src/js/libs/jquery.touchSwipe.min.js'></script> <script type='text/javascript' src='src/js/libs/jquery.magnific-popup.min.js'></script> <!--<script type='text/javascript' src='src/js/libs/dragdealer.js'></script>--> <script type='text/javascript' src="src/js/libs/popper.min.js"></script> <script type='text/javascript' src="src/js/libs/bootstrap.min.js"></script> <script type='text/javascript' src='src/js/libs/knockout-3.4.0.js'></script> <!--<script type='text/javascript' src='src/js/libs/gqt/imgResize.js'></script> <script type='text/javascript' src='src/js/libs/gqt/imgTransitions.js'></script> <script type='text/javascript' src='src/js/libs/gqt/videos.js'></script> <script type='text/javascript' src='src/js/libs/gqt/popups.js'></script> <script type='text/javascript' src='src/js/qt-ko.js'></script>--> <section id="JavaScript"> <script type="text/javascript"> var js = document.getElementById('JavaScript'); var jq = document.createElement('script'); var url = window.location.href; //var origin = ""; if(url.indexOf('file:///') == -1 && url.indexOf('localhost') == -1 && url.indexOf('127.0.0.1') == -1 && url.indexOf('quicktours-test') == -1){ //origin = "//www.oracle.com/webfolder/s/assets/qt/" origin = "//www.oracle.com/webfolder/s/quicktours/rw_assets/" }else{ if(url.indexOf('quicktours-test') > -1){ origin = "//www.oracle.com/webfolder/s/quicktours-test/rw_assets/" } } //document.body.appendChild(document.createElement("script")).src = origin + 'src/js/libs/gqt/audio.js'; document.body.appendChild(document.createElement("script")).src = origin + 'src/js/libs/product_details.js'; document.body.appendChild(document.createElement("script")).src = origin + 'src/js/libs/gqt/imgResize.js'; document.body.appendChild(document.createElement("script")).src = origin + 'src/js/libs/gqt/imgTransitions.js'; document.body.appendChild(document.createElement("script")).src = origin + 'src/js/libs/gqt/videos.js'; document.body.appendChild(document.createElement("script")).src = origin + 'src/js/libs/gqt/popups.js'; document.body.appendChild(document.createElement("script")).src = origin + 'src/js/qt-ko.js'; </script> </section> <script> var url = window.location.href; var qIndex = url.indexOf('q='); var cleanQ = ''; if(qIndex !== -1 && url.indexOf('qt=') !== -1){ qParam = url.substr(qIndex, url.length); if(qParam.indexOf('&') > -1){ qParam = qParam.substr(0, qParam.indexOf('&')); } /*if(detectIE()){ window.history.pushState("", "", window.location.pathname + '?' + qParam); } else{ window.history.pushState("", "", "/"+ url.substring(url.indexOf('/'), url.indexOf('?') + 1) + qParam); }*/ } function detectIE() { var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older => return version number return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11 => return version number var rv = ua.indexOf('rv:'); return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10); } var edge = ua.indexOf('Edge/'); if (edge > 0) { // Edge (IE 12+) => return version number return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10); } // other browser return false; } </script> <script> var sc_channel = ''; var sc_fName = ''; var sc_lName = ''; var sc_company = ''; var sc_eMail = ''; var sc_country = ''; (function(){ var url = window.location.href; var json = JSON.parse(qtJsonData); sc_channel = 'SC Guided Quick Tour ' + json.familyabb; if(url.indexOf('file:///') == -1) { $.getScript( "//static.atgsvcs.com/js/atgsvcs.js", function( data, textStatus, jqxhr ) { var ndx = url.indexOf('q='); if(ndx !== -1){ var cleanQ = url.substr(ndx + 2, url.length); if(cleanQ.indexOf('&') > -1){ cleanQ = cleanQ.substr(0, cleanQ.indexOf('&')); } var q = window.atob(cleanQ); var qVars = q.split('&'); for(i = 0; i < qVars.length; i++){ var qVarSplit = qVars[i].split('='); switch (qVarSplit[0]) { case 'sc_country': sc_country = qVarSplit[1]; break; case 'sc_fName': sc_fName = qVarSplit[1]; break; case 'sc_lName': sc_lName = qVarSplit[1]; break; case 'sc_eMail': sc_eMail = qVarSplit[1]; break; case 'sc_company': sc_company = qVarSplit[1]; break; } } } ATGSvcs.setEEID('200106303424'); ATGSvcs.ESTARA_HOST = 'as00.estara.com'; // PagePeek Support (function() { // Enable EE driven widgets var l = 'sc-oal-en.custhelp.com',d=document,ss='script',s=d.getElementsByTagName(ss)[0]; function r(u) { var rn=d.createElement(ss); rn.type='text/javascript'; rn.defer=rn.async=!0; rn.src = "//" + l + u; s.parentNode.insertBefore(rn,s); } r('/rnt/rnw/javascript/vs/1/vsapi.js'); r('/vs/1/vsopts.js'); })(); }); } })(); </script> <!--<script lang="text/javascript" src="https://www.oracleimg.com/us/assets/metrics/eloqua_script.js"></script>--> <script lang="text/javascript" src="https://www.oracle.com/webfolder/s/quicktours/rw_assets/src/js/libs/metrics/eloqua_script.js"></script> <!--<script type="text/javascript" src="https://www.oracleimg.com/us/assets/metrics/ora_eloqua.js"></script>--> <script type="text/javascript" src="https://www.oracle.com/webfolder/s/quicktours/rw_assets/src/js/libs/metrics/ora_eloqua.js"></script> <script src="https://www.oracle.com/us/assets/global-contacts-3103201.js"></script> <script type='text/javascript' src='src/js/libs/jquery-ui.js'></script> </body> </html>