CINXE.COM

Fintelio X

<!DOCTYPE html> <html lang="en"> <head> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/finteliox.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.21"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='vcv:assets:front:style-css' href="https://finteliox.com/wp-content/plugins/visualcomposer/public/dist/front.bundle.css?ver=23.0" type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href="https://finteliox.com/wp-includes/css/dist/block-library/style.min.css?ver=5.2.21" type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-css' href="https://finteliox.com/wp-content/plugins/cookie-law-info/public/css/cookie-law-info-public.css?ver=1.8.2" type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-gdpr-css' href="https://finteliox.com/wp-content/plugins/cookie-law-info/public/css/cookie-law-info-gdpr.css?ver=1.8.2" type='text/css' media='all' /> <link rel='stylesheet' id='mainStyle-css' href="https://finteliox.com/wp-content/themes/finteliox-custom-theme/landing-styles.css?ver=5.2.21" type='text/css' media='all' /> <link rel='stylesheet' id='buttons-css' href="https://finteliox.com/wp-includes/css/buttons.min.css?ver=5.2.21" type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href="https://finteliox.com/wp-includes/css/dashicons.min.css?ver=5.2.21" type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href="https://finteliox.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.6-78496d1" type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href="https://finteliox.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.2.21" type='text/css' media='all' /> <link rel='stylesheet' id='media-views-css' href="https://finteliox.com/wp-includes/css/media-views.min.css?ver=5.2.21" type='text/css' media='all' /> <link rel='stylesheet' id='imgareaselect-css' href="https://finteliox.com/wp-includes/js/imgareaselect/imgareaselect.css?ver=0.9.8" type='text/css' media='all' /> <link rel='stylesheet' id='newsletter-css' href="https://finteliox.com/wp-content/plugins/newsletter/style.css?ver=6.4.0" type='text/css' media='all' /> <style id='newsletter-inline-css' type='text/css'> .tnp-submit{ background-color: #2cb3e6 !important; width: 160px!important; height: 45px!important; border-radius: 40px!important; font-weight: 700!important; text-align: center!important; vertical-align: middle!important; line-height: 45px!important; padding: 0 !important; font-size: 1.11rem!important; font-weight: 700!important; position: absolute !important; bottom: 0!important; left: 0!important; } .tnp-submit:hover{ cursor: pointer; } .tnp-email{ border-radius: 30px !important; padding-left: 15px !important; } .tnp-subscription{ height: 100% !important; padding: 0 !important; margin: 0 !important; } .tnp-subscription form{ height: 100% !important; position: relative !important; } </style> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script> <script type='text/javascript'> /* <![CDATA[ */ var Cli_Data = {"nn_cookie_ids":[],"cookielist":[]}; var log_object = {"ajax_url":"http:\/\/finteliox.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-content/plugins/cookie-law-info/public/js/cookie-law-info-public.js?ver=1.8.2"></script> <script type='text/javascript'> /* <![CDATA[ */ var userSettings = {"url":"\/","uid":"0","time":"1744265735","secure":""}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/utils.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/plupload/moxie.min.js?ver=1.3.5"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/plupload/plupload.min.js?ver=2.1.9"></script> <!--[if lt IE 8]> <script type='text/javascript' src='http://finteliox.com/wp-includes/js/json2.min.js?ver=2015-05-03'></script> <![endif]--> <script type='text/javascript'> var mejsL10n = {"language":"en","strings":{"mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen-off":"Turn off Fullscreen","mejs.fullscreen-on":"Go Fullscreen","mejs.download-video":"Download Video","mejs.fullscreen":"Fullscreen","mejs.time-jump-forward":["Jump forward 1 second","Jump forward %1 seconds"],"mejs.loop":"Toggle Loop","mejs.play":"Play","mejs.pause":"Pause","mejs.close":"Close","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.time-skip-back":["Skip back 1 second","Skip back %1 seconds"],"mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.mute-toggle":"Mute Toggle","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.ad-skip":"Skip ad","mejs.ad-skip-info":["Skip in 1 second","Skip in %1 seconds"],"mejs.source-chooser":"Source Chooser","mejs.stop":"Stop","mejs.speed-rate":"Speed Rate","mejs.live-broadcast":"Live Broadcast","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.6-78496d1"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.2.21"></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <link rel='https://api.w.org/' href="https://finteliox.com/wp-json/" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://finteliox.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://finteliox.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.2.21" /> <link rel="canonical" href="https://finteliox.com/" /> <link rel='shortlink' href="https://finteliox.com/" /> <link rel="alternate" type="application/json+oembed" href="https://finteliox.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Ffinteliox.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://finteliox.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Ffinteliox.com%2F&#038;format=xml" /> <meta name="generator" content="Powered by Visual Composer Website Builder - fast and easy to use drag and drop builder for experts and beginners."/> <script type="text/javascript"> var cli_flush_cache=2; </script> <link rel="icon" href="https://finteliox.com/wp-content/uploads/2019/10/favicon.ico" sizes="32x32" /> <link rel="icon" href="https://finteliox.com/wp-content/uploads/2019/10/favicon.ico" sizes="192x192" /> <link rel="apple-touch-icon-precomposed" href="https://finteliox.com/wp-content/uploads/2019/10/favicon.ico" /> <meta name="msapplication-TileImage" content="http://finteliox.com/wp-content/uploads/2019/10/favicon.ico" /> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.1/css/all.css" /> <script src="//code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <title>Fintelio X</title> </head> <body data-cmplz=1 class="home page-template-default page page-id-8 vcwb"> <div class="parallax"> <div class="parallax-container-front"> <div class="set1 helper"> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <div class="set2 "> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <div class="set3 "> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> </div> <div class="parallax-container-middle"> <div class="set1 helper"> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <div class="set2 "> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <div class="set3 "> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> </div> <!-- <div class="parallax-container-back"> <div class="set1 helper"> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <div class="set2 "> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> <div class="set3 "> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div> </div> --> </div> <script> // function openNav() { // document.getElementById("mySidenav").style.width = "16%"; // } // function closeNav() { // document.getElementById("mySidenav").style.width = "0"; // } </script> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn">&times;</a> <div class="mySidenav"><ul id="menu-main-menu-x" class="menu"><li id="menu-item-421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-8 current_page_item menu-item-421"><a href="https://finteliox.com/" aria-current="page">Home</a></li> <li id="menu-item-321" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-321"><a href="/#services" aria-current="page">Our Services</a></li> <li id="menu-item-322" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-322"><a href="/#markets" aria-current="page">Markets we serve</a></li> <li id="menu-item-517" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-517"><a href="https://finteliox.com/our-solutions/">Our Solutions</a></li> <li id="menu-item-323" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-323"><a href="/#technology" aria-current="page">Technology</a></li> <li id="menu-item-324" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-324"><a href="/#values" aria-current="page">Business Cases</a></li> <li id="menu-item-325" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-325"><a href="/#users" aria-current="page">Power Users</a></li> <li id="menu-item-427" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-427"><a target="_blank" rel="noopener noreferrer" href="https://www.crowdpolicy.com/contact-us/">Contact</a></li> </ul></div> </div> <span class="menu-burger" style="cursor:pointer">&#9776; </span> <div class="fin-x-logo"><img src="https://finteliox.com/wp-content/themes/finteliox-custom-theme/img/fintelio_logo_white.svg" alt="" /> </div> <header class="head"> <!--g 74% --> <div class="hero"> <!-- <iframe width="100%" height="100%" src="https://www.youtube.com/embed/tgbNymZ7vqY"> </iframe> --> <div class="title-box"> Open up the financial services to the world! <div class="sub-text"> <p> FintelioX is the first integrated suite of enterprise solutions and services in the field of fintech in sectors of economy & society! </p> <a style="position: relative; left: 0; bottom: 0;" href="https://finteliox.com/learn-more-about-finteliox/">Learn more <i class="fas fa-angle-double-right"></i></a> <div style="z-index:100 !important; background-color: white; color: black; border-radius: 10px; height: auto; width: 80vw; max-width: 490px; margin-top: 50px; display: flex;"> <img src="https://finteliox.com/wp-content/uploads/2019/11/fintelioX_launch_event_thumbnail_site_225x125.jpg" alt="Video preview" style="width: 50%; height: 100%; max-width: 225px; border-radius: 5px; margin: 10px;"> <div style="margin: auto 0; line-height: 0.8rem; display: flex; flex-direction: column; justify-content: space-around;"> <p style="margin: 0 10px; margin-bottom: 20px;">FintelioX announcement</p> <a style="position: relative; left: 10px; bottom: 0; color: black; margin-bottom: 5px;" href="https://medium.com/the-crowdpolicy-collection-en/fintech-made-in-greece-e1797e3e88a3" target="_blank"> Read more <i class="fas fa-angle-double-right"></i> </a> <a style="position: relative; left: 10px; bottom: 0; color: #004CA8;" href="https://www.youtube.com/watch?v=UnSJFtz5GOg" target="_blank"> See the video <i class="fas fa-angle-double-right"></i> </a> </div> </div> </div> </div> <!-- <a href=""> <div class="hero-btn"> Learn more </div> </a> --> <div class="top-radial-grad"></div> <video autoplay muted loop id="myVideo"> <source src="https://drive.google.com/uc?export=download&id=1vhJx5zw_edHk8b6hNYuEtNppsLujr1fr" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2"> Your browser does not support HTML5 video. </video> <div class="transition-mask"></div> </div> </header><main class="main"> <section id="services" class="sec1"> <div class="section-title"> PRODUCTS & SERVICES <hr /> </div> <div class="section-content"> <p> FintelioX is the first integrated suite of enterprise solutions and services in the field of fintech in sectors of economy & society! </p> <p> It allows Banks in global level to utilize the European Directive PSD2 & open banking to develop new business models and a large number of Private and Public organizations to effectively incorporate financial transactions into their processes and data management for value creation. </p> <div class="pills"> <a href="https://finteliox.com/fintelio-x-core-products/"> <div class="pill"> FintelioX Core <br /> Products <i class="fas fa-angle-double-down"></i></div> </a> <a href="https://finteliox.com/vertical-market-solutions/"> <div class="pill"> Vertical Market <br /> Solutions<i class="fas fa-angle-double-down"></i></div> </a> <a href="https://finteliox.com/professional-services/"> <div class="pill"> Professional <br /> Services<i class="fas fa-angle-double-down"></i></div> </a> </div> </div> </section> <section id="markets" class="sec2"> <div class="section-title"> MARKETS WE SERVE <hr /> </div> <div class="section-content"> <img src="https://finteliox.com/wp-content/uploads/2019/11/map_darker-1.svg" alt="" /> <a href="https://finteliox.com/markets-we-serve/" target="_blank">View more <i class="fas fa-angle-double-right"></i></a> </div> </section> <section id="solutions" class="sec3"> <div class="section-title"> FEATURED SOLUTIONS <hr /> </div> <div class="section-content"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-open/"> <div class="card"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open.png" alt="" class="card-img" /> <div class="card-text"> Open banking & psd2 compliance engine in a box! </div> <div class="card-view-more"> View more<i class="fas fa-angle-double-right"></i> </div> </div> </a> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-sdk/"> <div class="card"> <img src="https://finteliox.com/wp-content/uploads/2019/11/SDK.png" alt="" class="card-img" /> <div class="card-text"> Hide the complexity of banking APIs - easy integration your partners using template apps and libraries - create app ecosystem </div> <div class="card-view-more"> View more<i class="fas fa-angle-double-right"></i> </div> </div> </a> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-crossover/"> <div class="card"> <img src="https://finteliox.com/wp-content/uploads/2019/11/cross_over.png" alt="" class="card-img" /> <div class="card-text"> Your bank is a banking hub ! Cross over banking for your clients - be a PISP & AISP </div> <div class="card-view-more"> View more<i class="fas fa-angle-double-right"></i> </div> </div> </a> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-framework-m/"> <div class="card"> <img src="https://finteliox.com/wp-content/uploads/2019/11/framework.png" alt="" class="card-img" /> <div class="card-text"> A complete framework for Strong customer authentication, consent management and enterprise mobility! </div> <div class="card-view-more"> View more<i class="fas fa-angle-double-right"></i> </div> </div> </a> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-marketplace/"> <div class="card"> <img src="https://finteliox.com/wp-content/uploads/2019/11/marketplace.png" alt="" class="card-img" /> <div class="card-text"> Create the marketplace of services, apps and APIs. A combination of your own APIs, cloud apps and services that can make money </div> <div class="card-view-more"> View more<i class="fas fa-angle-double-right"></i> </div> </div> </a> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-containers/"> <div class="card"> <img src="https://finteliox.com/wp-content/uploads/2019/11/containers.png" alt="" class="card-img" /> <div class="card-text"> Run a private or hybrid cloud of our containerised solutions and modules. At a large scale for large number of banks with no limits and pay as you go! </div> <div class="card-view-more"> View more<i class="fas fa-angle-double-right"></i> </div> </div> </a> </div> </section> <section id="technology" class="sec4"> <div class="section-title"> TECHNOLOGY <hr /> </div> <span>Features</span> <div class="section-content"> <div class="left-column"> <ul> <li>Open Banking PSD2 Sandbox platform</li> <li>Production-ready Open Banking platform</li> <li>Open Banking SDK and Developers Portal</li> <li>Consent Management services</li> <li>Authentication services & SCA solution</li> <li>TPP validation based on PSD2 and regulatory standards</li> <li>Make your bank tools (AISP/PISP tools for TPPs and 3rd parties)</li> <li>Compliance and regulation engine (rules engine)</li> <li>SDK plug an play coding & delivery platform compatible with open banking standards and popular frameworks (android/ios etc)</li> </ul> </div> <div class="right-column"> <div class="tech-container"> <img src="https://finteliox.com/wp-content/uploads/2019/12/open_shift.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/java.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/node.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/docker.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/angular.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/spring.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/azure.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/IBM_api.png" /> <img src="https://finteliox.com/wp-content/uploads/2019/12/nginx.png" /> </div> </div> </div> <img src="https://finteliox.com/wp-content/themes/finteliox-custom-theme/img/technology_infographic_white.svg" alt=""> </section> <section id="values" class="sec5"> <div class="section-title"> BUSINESS CASES SUPPORTED BY FINTELIO X TECHNOLOGY PLATFORM <hr /> </div> <div class="section-content"> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/PFM_BFM.svg" alt=""> <div class="iconTitle">PFM / BFM</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/energy.svg" alt=""> <div class="iconTitle">Energy</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/millennials.svg" alt=""> <div class="iconTitle">Millennials</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/government.svg" alt=""> <div class="iconTitle">Government</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/e_commerce.svg" alt=""> <div class="iconTitle">E-commerce clients</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/crowdfunding.svg" alt=""> <div class="iconTitle">Crowdfunding (equity - lending)</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/transport.svg" alt=""> <div class="iconTitle">Transportation</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/3rd_party.svg" alt=""> <div class="iconTitle">3rd party sectorial apps</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/agrifood.svg" alt=""> <div class="iconTitle">Agrifood</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/public_sector.svg" alt=""> <div class="iconTitle">Public sector</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/PISP_AISP.svg" alt=""> <div class="iconTitle">PISP & AISP tools</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/bank_id-.svg" alt=""> <div class="iconTitle">Bank ID Authentication as a service</div> </div> <div class="iconWithTitleContainer"> <img src="https://finteliox.com/wp-content/uploads/2019/11/chatbot.svg" alt=""> <div class="iconTitle">Chatbot banking</div> </div> </div> </section> <section id="users" class="sec6"> <div class="section-title"> POWER USERS <hr /> </div> <div class="section-content"> <div class="users-container "> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open_bank_v9_on_process-27.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open_bank_v9_on_process-28.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open_bank_v9_on_process-29.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open_bank_v9_on_process-30.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open_bank_v9_on_process-31.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/open_bank_v9_on_process-40-1.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/logos-41.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/logos-42-1.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/Mask-Group-1.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/Mask-Group-2.png" alt=""> </div> <div class="img-container"> <img src="https://finteliox.com/wp-content/uploads/2019/11/Mask-Group-3.png" alt=""> </div> </div> </div> </section> <section id="touch" class="sec7"> <div class="section-title"> GET IN TOUCH <hr /> </div> <div class="section-content"> <div class="left-column" style="text-align:center;"> <p>If you want to learn about complete, end-to-end solutions for banks or financial institutions, contact us for professional digital integration services.</p> <a href="//crowdpolicy.com/contact-us" target="_blank"> <div>Contact</div> </a> </div> <!-- <div class="right-column"> <p>If you wish to stay informed sign up to our newsletter</p> <input type="text" placeholder="Email..."> <a href="#"> <div>Sign up</div> </a> </div> --> </div> </section> </main><footer class="footer"> <div class="cols"> <div class="col-left"><a href="https://finteliox.com/"><img src="https://finteliox.com/wp-content/themes/finteliox-custom-theme/img/fintelio_logo_white.svg" alt="" /></a></div> <div class="super-menu col-mid"> <div class="grid-item col-title"> <a href="https://finteliox.com/fintelio-x-core-products/"> <span class="">PRODUCTS FOR FINANCSIAL INSTITUTIONS</span> <p class="item-subtext"></p> </a> </div> <div class="grid-item"> <span class=""></span> <p class="item-subtext"></p> </div> <div class="grid-item col-title"> <a href="https://finteliox.com/vertical-market-solutions/"> <span class="">VERTICAL MARKET SOLUTIONS</span> <p class="item-subtext"></p> </a> </div> <div class="grid-item"> <span class=""></span> <p class="item-subtext"></p> </div> <div class="grid-item col-title"> <a href="https://finteliox.com/professional-services/"> <span class="">PROFESSIONAL SERVICES</span> <p class="item-subtext"></p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-open/"> <span class="item-head">FintelioX Open</span> <p class="item-subtext">Open banking & psd2 compliance engine in a box!</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-crossover/"> <span class="item-head">FintelioX Cross Over</span> <p class="item-subtext">Your bank is a banking hub! Cross over banking for your clients - be a PISP & AISP.</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/vertical-market-solutions/open-banking-compliance/"> <span class="item-head">FintelioX ByB</span> <p class="item-subtext">Bring Your own Bank, make payments, offer added value services as a networked organization.</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/vertical-market-solutions/crowdfunding-2/"> <span class="item-head">FintelioX Crowdfunding</span> <p class="item-subtext">螔usiness or social crowdfunding campaigns. Integrated with the bank's payments infrastructure and complied with legislation!</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/professional-services/"> <span class="item-head">Professional Services</span> <p class="item-subtext">A 4-step journey to Open Banking</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-sdk/"> <span class="item-head">FintelioX SDK</span> <p class="item-subtext">Hide the complexity of banking APIs - easy integration your partners using template apps and libraries - create app ecosystem.</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-marketplace/"> <span class="item-head">FintelioX Marketplace</span> <p class="item-subtext">Create the marketplace of services, apps and APIs. A combination of your own APIs, cloud apps and services that can make money.</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/vertical-market-solutions/gov/"> <span class="item-head">FintelioX Gov</span> <p class="item-subtext"> Integrate your existing ERP system to offer city - gov payments for utility bills to bank of your choice! </p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/vertical-market-solutions/bot/"> <span class="item-head">FintelioX Bot</span> <p class="item-subtext">AI powered intelligent agent platform to support automated operations in a conversational way - CompatIble with any device and OS, messaging platforms</p> </a> </div> <div class="grid-item"> <span class="item-head"></span> <p class="item-subtext"></p> </div> <div class="grid-item"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-framework-m/"> <span class="item-head">FintelioX Framework M</span> <p class="item-subtext">A complete framework for Strong customer authentication, consent management and enterprise mobility!</p> </a> </div> <div class="grid-item"> <a href="https://finteliox.com/fintelio-x-core-products/fintelio-x-containers/"> <span class="item-head">FintelioX Container</span> <p class="item-subtext">Run a private or hybrid cloud of our containerised solutions and modules. At a large scale for large number of banks with no limits and pay as you go!</p> </a> </div> <div class="grid-item"> <span class="item-head"></span> <p class="item-subtext"></p> </div> <div class="grid-item"> <span class="item-head"></span> <p class="item-subtext"></p> </div> <div class="grid-item"> <span class="item-head"></span> <p class="item-subtext"></p> </div> </div> </div> <div id="cookie-law-info-bar"><span>This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. <a class="cli_settings_button" style="margin:5px 20px 5px 20px;" >Cookie settings</a><a data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button" style="display:inline-block; margin:5px; ">ACCEPT</a></span></div><div id="cookie-law-info-again" style="display:none;"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.</div> </div> <a class="cli-privacy-readmore" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section cli-privacy-tab"> <div class="cli-tab-header"> <a class="cli-nav-link cli-settings-mobile" > Privacy Overview </a> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade"> <p>This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.</p> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab" > Necessary </a> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <p>Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.</p> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab" > Non-necessary </a> <div class="cli-switch"> <input type="checkbox" id="checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked /> <label for="checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled">Non-necessary</label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="non-necessary"> <p>Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <script type="text/javascript"> /* <![CDATA[ */ cli_cookiebar_settings='{"animate_speed_hide":"500","animate_speed_show":"500","background":"#FFF","border":"#b1a6a6c2","border_on":false,"button_1_button_colour":"#000","button_1_button_hover":"#000000","button_1_link_colour":"#fff","button_1_as_button":true,"button_1_new_win":false,"button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":false,"button_2_hidebar":false,"button_3_button_colour":"#000","button_3_button_hover":"#000000","button_3_link_colour":"#fff","button_3_as_button":true,"button_3_new_win":false,"button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#62a329","button_4_as_button":false,"font_family":"inherit","header_fix":false,"notify_animate_hide":true,"notify_animate_show":false,"notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":false,"scroll_close_reload":false,"accept_close_reload":false,"reject_close_reload":true,"showagain_tab":true,"showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000","show_once_yn":false,"show_once":"10000","logging_on":false,"as_popup":false,"popup_overlay":true,"bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"}'; /* ]]> */ </script> <!--[if lte IE 8]> <style> .attachment:focus { outline: #1e8cbe solid; } .selected.attachment { outline: #1e8cbe solid; } </style> <![endif]--> <script type="text/html" id="tmpl-media-frame"> <div class="media-frame-title" id="media-frame-title"></div> <div class="media-frame-menu"></div> <div class="media-frame-router"></div> <div class="media-frame-content"></div> <div class="media-frame-toolbar"></div> <div class="media-frame-uploader"></div> </script> <script type="text/html" id="tmpl-media-modal"> <div tabindex="0" class="media-modal wp-core-ui ie7" role="dialog" aria-modal="true" aria-labelledby="media-frame-title"> <# if ( data.hasCloseButton ) { #> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">Close dialog</span></span></button> <# } #> <div class="media-modal-content" role="document"></div> </div> <div class="media-modal-backdrop"></div> </script> <script type="text/html" id="tmpl-uploader-window"> <div class="uploader-window-content"> <h1>Drop files to upload</h1> </div> </script> <script type="text/html" id="tmpl-uploader-editor"> <div class="uploader-editor-content"> <div class="uploader-editor-title">Drop files to upload</div> </div> </script> <script type="text/html" id="tmpl-uploader-inline"> <# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #> <# if ( data.canClose ) { #> <button class="close dashicons dashicons-no"><span class="screen-reader-text">Close uploader</span></button> <# } #> <div class="uploader-inline-content {{ messageClass }}"> <# if ( data.message ) { #> <h2 class="upload-message">{{ data.message }}</h2> <# } #> <div class="upload-ui"> <h2 class="upload-instructions drop-instructions">Drop files anywhere to upload</h2> <p class="upload-instructions drop-instructions">or</p> <button type="button" class="browser button button-hero">Select Files</button> </div> <div class="upload-inline-status"></div> <div class="post-upload-ui"> <p class="max-upload-size"> Maximum upload file size: 2 MB. </p> <# if ( data.suggestedWidth && data.suggestedHeight ) { #> <p class="suggested-dimensions"> Suggested image dimensions: {{data.suggestedWidth}} by {{data.suggestedHeight}} pixels. </p> <# } #> </div> </div> </script> <script type="text/html" id="tmpl-media-library-view-switcher"> <a href="/?mode=list" class="view-list"> <span class="screen-reader-text">List View</span> </a> <a href="/?mode=grid" class="view-grid current"> <span class="screen-reader-text">Grid View</span> </a> </script> <script type="text/html" id="tmpl-uploader-status"> <h2>Uploading</h2> <button type="button" class="button-link upload-dismiss-errors"><span class="screen-reader-text">Dismiss Errors</span></button> <div class="media-progress-bar"><div></div></div> <div class="upload-details"> <span class="upload-count"> <span class="upload-index"></span> / <span class="upload-total"></span> </span> <span class="upload-detail-separator">&ndash;</span> <span class="upload-filename"></span> </div> <div class="upload-errors"></div> </script> <script type="text/html" id="tmpl-uploader-status-error"> <span class="upload-error-filename">{{{ data.filename }}}</span> <span class="upload-error-message">{{ data.message }}</span> </script> <script type="text/html" id="tmpl-edit-attachment-frame"> <div class="edit-media-header"> <button class="left dashicons <# if ( ! data.hasPrevious ) { #> disabled <# } #>"><span class="screen-reader-text">Edit previous media item</span></button> <button class="right dashicons <# if ( ! data.hasNext ) { #> disabled <# } #>"><span class="screen-reader-text">Edit next media item</span></button> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">Close dialog</span></span></button> </div> <div class="media-frame-title"></div> <div class="media-frame-content"></div> </script> <script type="text/html" id="tmpl-attachment-details-two-column"> <div class="attachment-media-view {{ data.orientation }}"> <div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div></div></div> <# } else if ( data.sizes && data.sizes.large ) { #> <img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" /> <# } else if ( data.sizes && data.sizes.full ) { #> <img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" /> <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #> <img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" /> <# } #> <# if ( 'audio' === data.type ) { #> <div class="wp-media-wrapper"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> <source type="{{ data.mime }}" src="{{ data.url }}"/> </audio> </div> <# } else if ( 'video' === data.type ) { var w_rule = ''; if ( data.width ) { w_rule = 'width: ' + data.width + 'px;'; } else if ( wp.media.view.settings.contentWidth ) { w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;'; } #> <div style="{{ w_rule }}" class="wp-media-wrapper wp-video"> <video controls="controls" class="wp-video-shortcode" preload="metadata" <# if ( data.width ) { #>width="{{ data.width }}"<# } #> <# if ( data.height ) { #>height="{{ data.height }}"<# } #> <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> <source type="{{ data.mime }}" src="{{ data.url }}"/> </video> </div> <# } #> <div class="attachment-actions"> <# if ( 'image' === data.type && ! data.uploading && data.sizes && data.can.save ) { #> <button type="button" class="button edit-attachment">Edit Image</button> <# } else if ( 'pdf' === data.subtype && data.sizes ) { #> Document Preview <# } #> </div> </div> </div> <div class="attachment-info"> <span class="settings-save-status"> <span class="spinner"></span> <span class="saved">Saved.</span> </span> <div class="details"> <div class="filename"><strong>File name:</strong> {{ data.filename }}</div> <div class="filename"><strong>File type:</strong> {{ data.mime }}</div> <div class="uploaded"><strong>Uploaded on:</strong> {{ data.dateFormatted }}</div> <div class="file-size"><strong>File size:</strong> {{ data.filesizeHumanReadable }}</div> <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #> <div class="dimensions"><strong>Dimensions:</strong> {{ data.width }} by {{ data.height }} pixels </div> <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> <div class="file-length"><strong>Length:</strong> <span aria-hidden="true">{{ data.fileLength }}</span> <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span> </div> <# } #> <# if ( 'audio' === data.type && data.meta.bitrate ) { #> <div class="bitrate"> <strong>Bitrate:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s <# if ( data.meta.bitrate_mode ) { #> {{ ' ' + data.meta.bitrate_mode.toUpperCase() }} <# } #> </div> <# } #> <div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #> </div> </div> <div class="settings"> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <label class="setting" data-setting="alt"> <span class="name">Alternative Text</span> <input type="text" value="{{ data.alt }}" aria-describedby="alt-text-description" {{ maybeReadOnly }} /> </label> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <# } #> <label class="setting" data-setting="title"> <span class="name">Title</span> <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} /> </label> <# if ( 'audio' === data.type ) { #> <label class="setting" data-setting="artist"> <span class="name">Artist</span> <input type="text" value="{{ data.artist || data.meta.artist || '' }}" /> </label> <label class="setting" data-setting="album"> <span class="name">Album</span> <input type="text" value="{{ data.album || data.meta.album || '' }}" /> </label> <# } #> <label class="setting" data-setting="caption"> <span class="name">Caption</span> <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea> </label> <label class="setting" data-setting="description"> <span class="name">Description</span> <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea> </label> <div class="setting"> <span class="name">Uploaded By</span> <span class="value">{{ data.authorName }}</span> </div> <# if ( data.uploadedToTitle ) { #> <div class="setting"> <span class="name">Uploaded To</span> <# if ( data.uploadedToLink ) { #> <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span> <# } else { #> <span class="value">{{ data.uploadedToTitle }}</span> <# } #> </div> <# } #> <label class="setting" data-setting="url"> <span class="name">Copy Link</span> <input type="text" value="{{ data.url }}" readonly /> </label> <div class="attachment-compat"></div> </div> <div class="actions"> <a class="view-attachment" href="{{ data.link }}">View attachment page</a> <# if ( data.can.save ) { #> | <a href="{{ data.editLink }}">Edit more details</a> <# } #> <# if ( ! data.uploading && data.can.remove ) { #> | <button type="button" class="button-link delete-attachment">Delete Permanently</button> <# } #> </div> </div> </script> <script type="text/html" id="tmpl-attachment"> <div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}"> <div class="thumbnail"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div> <# } else if ( 'image' === data.type && data.sizes ) { #> <div class="centered"> <img src="{{ data.size.url }}" draggable="false" alt="" /> </div> <# } else { #> <div class="centered"> <# if ( data.image && data.image.src && data.image.src !== data.icon ) { #> <img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" /> <# } else if ( data.sizes && data.sizes.medium ) { #> <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" /> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #> </div> <div class="filename"> <div>{{ data.filename }}</div> </div> <# } #> </div> <# if ( data.buttons.close ) { #> <button type="button" class="button-link attachment-close media-modal-icon"><span class="screen-reader-text">Remove</span></button> <# } #> </div> <# if ( data.buttons.check ) { #> <button type="button" class="check" tabindex="-1"><span class="media-modal-icon"></span><span class="screen-reader-text">Deselect</span></button> <# } #> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; if ( data.describe ) { if ( 'image' === data.type ) { #> <input type="text" value="{{ data.caption }}" class="describe" data-setting="caption" placeholder="Caption this image&hellip;" {{ maybeReadOnly }} /> <# } else { #> <input type="text" value="{{ data.title }}" class="describe" data-setting="title" <# if ( 'video' === data.type ) { #> placeholder="Describe this video&hellip;" <# } else if ( 'audio' === data.type ) { #> placeholder="Describe this audio file&hellip;" <# } else { #> placeholder="Describe this media file&hellip;" <# } #> {{ maybeReadOnly }} /> <# } } #> </script> <script type="text/html" id="tmpl-attachment-details"> <h2> Attachment Details <span class="settings-save-status"> <span class="spinner"></span> <span class="saved">Saved.</span> </span> </h2> <div class="attachment-info"> <div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div></div></div> <# } else if ( 'image' === data.type && data.sizes ) { #> <img src="{{ data.size.url }}" draggable="false" alt="" /> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #> </div> <div class="details"> <div class="filename">{{ data.filename }}</div> <div class="uploaded">{{ data.dateFormatted }}</div> <div class="file-size">{{ data.filesizeHumanReadable }}</div> <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #> <div class="dimensions"> {{ data.width }} by {{ data.height }} pixels </div> <# } #> <# if ( data.can.save && data.sizes ) { #> <a class="edit-attachment" href="{{ data.editLink }}&amp;image-editor" target="_blank">Edit Image</a> <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> <div class="file-length">Length: <span aria-hidden="true">{{ data.fileLength }}</span> <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span> </div> <# } #> <# if ( ! data.uploading && data.can.remove ) { #> <button type="button" class="button-link delete-attachment">Delete Permanently</button> <# } #> <div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #> </div> </div> </div> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <label class="setting" data-setting="alt"> <span class="name">Alt Text</span> <input type="text" value="{{ data.alt }}" aria-describedby="alt-text-description" {{ maybeReadOnly }} /> </label> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <# } #> <label class="setting" data-setting="title"> <span class="name">Title</span> <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} /> </label> <# if ( 'audio' === data.type ) { #> <label class="setting" data-setting="artist"> <span class="name">Artist</span> <input type="text" value="{{ data.artist || data.meta.artist || '' }}" /> </label> <label class="setting" data-setting="album"> <span class="name">Album</span> <input type="text" value="{{ data.album || data.meta.album || '' }}" /> </label> <# } #> <label class="setting" data-setting="caption"> <span class="name">Caption</span> <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea> </label> <label class="setting" data-setting="description"> <span class="name">Description</span> <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea> </label> <label class="setting" data-setting="url"> <span class="name">Copy Link</span> <input type="text" value="{{ data.url }}" readonly /> </label> </script> <script type="text/html" id="tmpl-media-selection"> <div class="selection-info"> <span class="count"></span> <# if ( data.editable ) { #> <button type="button" class="button-link edit-selection">Edit Selection</button> <# } #> <# if ( data.clearable ) { #> <button type="button" class="button-link clear-selection">Clear</button> <# } #> </div> <div class="selection-view"></div> </script> <script type="text/html" id="tmpl-attachment-display-settings"> <h2>Attachment Display Settings</h2> <# if ( 'image' === data.type ) { #> <label class="setting align"> <span>Alignment</span> <select class="alignment" data-setting="align" <# if ( data.userSettings ) { #> data-user-setting="align" <# } #>> <option value="left"> Left </option> <option value="center"> Center </option> <option value="right"> Right </option> <option value="none" selected> None </option> </select> </label> <# } #> <div class="setting"> <label> <# if ( data.model.canEmbed ) { #> <span>Embed or Link</span> <# } else { #> <span>Link To</span> <# } #> <select class="link-to" data-setting="link" <# if ( data.userSettings && ! data.model.canEmbed ) { #> data-user-setting="urlbutton" <# } #>> <# if ( data.model.canEmbed ) { #> <option value="embed" selected> Embed Media Player </option> <option value="file"> <# } else { #> <option value="none" selected> None </option> <option value="file"> <# } #> <# if ( data.model.canEmbed ) { #> Link to Media File <# } else { #> Media File <# } #> </option> <option value="post"> <# if ( data.model.canEmbed ) { #> Link to Attachment Page <# } else { #> Attachment Page <# } #> </option> <# if ( 'image' === data.type ) { #> <option value="custom"> Custom URL </option> <# } #> </select> </label> <input type="text" class="link-to-custom" data-setting="linkUrl" /> </div> <# if ( 'undefined' !== typeof data.sizes ) { #> <label class="setting"> <span>Size</span> <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <# var size = data.sizes['thumbnail']; if ( size ) { #> <option value="thumbnail" > Thumbnail &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <# var size = data.sizes['medium']; if ( size ) { #> <option value="medium" > Medium &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <# var size = data.sizes['large']; if ( size ) { #> <option value="large" > Large &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <# var size = data.sizes['full']; if ( size ) { #> <option value="full" selected='selected'> Full Size &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> </select> </label> <# } #> </script> <script type="text/html" id="tmpl-gallery-settings"> <h2>Gallery Settings</h2> <label class="setting"> <span>Link To</span> <select class="link-to" data-setting="link" <# if ( data.userSettings ) { #> data-user-setting="urlbutton" <# } #>> <option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post' == wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> Attachment Page </option> <option value="file" <# if ( 'file' == wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> Media File </option> <option value="none" <# if ( 'none' == wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> None </option> </select> </label> <label class="setting"> <span>Columns</span> <select class="columns" name="columns" data-setting="columns"> <option value="1" <# if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 1 </option> <option value="2" <# if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 2 </option> <option value="3" <# if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 3 </option> <option value="4" <# if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 4 </option> <option value="5" <# if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 5 </option> <option value="6" <# if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 6 </option> <option value="7" <# if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 7 </option> <option value="8" <# if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 8 </option> <option value="9" <# if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 9 </option> </select> </label> <label class="setting"> <span>Random Order</span> <input type="checkbox" data-setting="_orderbyRandom" /> </label> <label class="setting size"> <span>Size</span> <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #> > <option value="thumbnail"> Thumbnail </option> <option value="medium"> Medium </option> <option value="large"> Large </option> <option value="full"> Full Size </option> </select> </label> </script> <script type="text/html" id="tmpl-playlist-settings"> <h2>Playlist Settings</h2> <# var emptyModel = _.isEmpty( data.model ), isVideo = 'video' === data.controller.get('library').props.get('type'); #> <label class="setting"> <input type="checkbox" data-setting="tracklist" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <# if ( isVideo ) { #> <span>Show Video List</span> <# } else { #> <span>Show Tracklist</span> <# } #> </label> <# if ( ! isVideo ) { #> <label class="setting"> <input type="checkbox" data-setting="artists" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <span>Show Artist Name in Tracklist</span> </label> <# } #> <label class="setting"> <input type="checkbox" data-setting="images" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <span>Show Images</span> </label> </script> <script type="text/html" id="tmpl-embed-link-settings"> <label class="setting link-text"> <span>Link Text</span> <input type="text" class="alignment" data-setting="linkText" /> </label> <div class="embed-container" style="display: none;"> <div class="embed-preview"></div> </div> </script> <script type="text/html" id="tmpl-embed-image-settings"> <div class="thumbnail"> <img src="{{ data.model.url }}" draggable="false" alt="" /> </div> <label class="setting alt-text has-description"> <span>Alternative Text</span> <input type="text" data-setting="alt" aria-describedby="alt-text-description" /> </label> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <label class="setting caption"> <span>Caption</span> <textarea data-setting="caption" /> </label> <div class="setting align"> <span>Align</span> <div class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left </button> <button class="button" value="center"> Center </button> <button class="button" value="right"> Right </button> <button class="button active" value="none"> None </button> </div> </div> <div class="setting link-to"> <span>Link To</span> <div class="button-group button-large" data-setting="link"> <button class="button" value="file"> Image URL </button> <button class="button" value="custom"> Custom URL </button> <button class="button active" value="none"> None </button> </div> <input type="text" class="link-to-custom" data-setting="linkUrl" /> </div> </script> <script type="text/html" id="tmpl-image-details"> <div class="media-embed"> <div class="embed-media-settings"> <div class="column-image"> <div class="image"> <img src="{{ data.model.url }}" draggable="false" alt="" /> <# if ( data.attachment && window.imageEdit ) { #> <div class="actions"> <input type="button" class="edit-attachment button" value="Edit Original" /> <input type="button" class="replace-attachment button" value="Replace" /> </div> <# } #> </div> </div> <div class="column-settings"> <label class="setting alt-text has-description"> <span>Alternative Text</span> <input type="text" data-setting="alt" value="{{ data.model.alt }}" aria-describedby="alt-text-description" /> </label> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <label class="setting caption"> <span>Caption</span> <textarea data-setting="caption">{{ data.model.caption }}</textarea> </label> <h2>Display Settings</h2> <div class="setting align"> <span>Align</span> <div class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left </button> <button class="button" value="center"> Center </button> <button class="button" value="right"> Right </button> <button class="button active" value="none"> None </button> </div> </div> <# if ( data.attachment ) { #> <# if ( 'undefined' !== typeof data.attachment.sizes ) { #> <label class="setting size"> <span>Size</span> <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <# var size = data.sizes['thumbnail']; if ( size ) { #> <option value="thumbnail"> Thumbnail &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <# var size = data.sizes['medium']; if ( size ) { #> <option value="medium"> Medium &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <# var size = data.sizes['large']; if ( size ) { #> <option value="large"> Large &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <# var size = data.sizes['full']; if ( size ) { #> <option value="full"> Full Size &ndash; {{ size.width }} &times; {{ size.height }} </option> <# } #> <option value="custom"> Custom Size </option> </select> </label> <# } #> <div class="custom-size<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>"> <label><span>Width <small>(px)</small></span> <input data-setting="customWidth" type="number" step="1" value="{{ data.model.customWidth }}" /></label><span class="sep">&times;</span><label><span>Height <small>(px)</small></span><input data-setting="customHeight" type="number" step="1" value="{{ data.model.customHeight }}" /></label> </div> <# } #> <div class="setting link-to"> <span>Link To</span> <select data-setting="link"> <# if ( data.attachment ) { #> <option value="file"> Media File </option> <option value="post"> Attachment Page </option> <# } else { #> <option value="file"> Image URL </option> <# } #> <option value="custom"> Custom URL </option> <option value="none"> None </option> </select> <input type="text" class="link-to-custom" data-setting="linkUrl" /> </div> <div class="advanced-section"> <h2><button type="button" class="button-link advanced-toggle">Advanced Options</button></h2> <div class="advanced-settings hidden"> <div class="advanced-image"> <label class="setting title-text"> <span>Image Title Attribute</span> <input type="text" data-setting="title" value="{{ data.model.title }}" /> </label> <label class="setting extra-classes"> <span>Image CSS Class</span> <input type="text" data-setting="extraClasses" value="{{ data.model.extraClasses }}" /> </label> </div> <div class="advanced-link"> <div class="setting link-target"> <label><input type="checkbox" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>>Open link in a new tab</label> </div> <label class="setting link-rel"> <span>Link Rel</span> <input type="text" data-setting="linkRel" value="{{ data.model.linkRel }}" /> </label> <label class="setting link-class-name"> <span>Link CSS Class</span> <input type="text" data-setting="linkClassName" value="{{ data.model.linkClassName }}" /> </label> </div> </div> </div> </div> </div> </div> </script> <script type="text/html" id="tmpl-image-editor"> <div id="media-head-{{ data.id }}"></div> <div id="image-editor-{{ data.id }}"></div> </script> <script type="text/html" id="tmpl-audio-details"> <# var ext, html5types = { mp3: wp.media.view.settings.embedMimes.mp3, ogg: wp.media.view.settings.embedMimes.ogg }; #> <div class="media-embed media-embed-details"> <div class="embed-media-settings embed-audio-settings"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay<# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop<# } #> > <# if ( ! _.isEmpty( data.model.src ) ) { #> <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { #> <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { #> <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { #> <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { #> <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { #> <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" /> <# } #> </audio> <# if ( ! _.isEmpty( data.model.src ) ) { ext = data.model.src.split('.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #> <div class="setting"> <label for="audio-source">URL</label> <input type="text" id="audio-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { if ( ! _.isUndefined( html5types.mp3 ) ) { delete html5types.mp3; } #> <div class="setting"> <label for="mp3-source">MP3</span> <input type="text" id="mp3-source" readonly data-setting="mp3" value="{{ data.model.mp3 }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { if ( ! _.isUndefined( html5types.ogg ) ) { delete html5types.ogg; } #> <div class="setting"> <label for="ogg-source">OGG</span> <input type="text" id="ogg-source" readonly data-setting="ogg" value="{{ data.model.ogg }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { if ( ! _.isUndefined( html5types.flac ) ) { delete html5types.flac; } #> <div class="setting"> <label for="flac-source">FLAC</span> <input type="text" id="flac-source" readonly data-setting="flac" value="{{ data.model.flac }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { if ( ! _.isUndefined( html5types.m4a ) ) { delete html5types.m4a; } #> <div class="setting"> <label for="m4a-source">M4A</span> <input type="text" id="m4a-source" readonly data-setting="m4a" value="{{ data.model.m4a }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { if ( ! _.isUndefined( html5types.wav ) ) { delete html5types.wav; } #> <div class="setting"> <label for="wav-source">WAV</span> <input type="text" id="wav-source" readonly data-setting="wav" value="{{ data.model.wav }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </div> <# } #> <# if ( ! _.isEmpty( html5types ) ) { #> <div class="setting"> <span>Add alternate sources for maximum HTML5 playback:</span> <div class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button> <# } ) #> </div> </div> <# } #> <div class="setting preload"> <span>Preload</span> <div class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto</button> <button class="button" value="metadata">Metadata</button> <button class="button active" value="none">None</button> </div> </div> <label class="setting checkbox-setting autoplay"> <input type="checkbox" data-setting="autoplay" /> <span>Autoplay</span> </label> <label class="setting checkbox-setting"> <input type="checkbox" data-setting="loop" /> <span>Loop</span> </label> </div> </div> </script> <script type="text/html" id="tmpl-video-details"> <# var ext, html5types = { mp4: wp.media.view.settings.embedMimes.mp4, ogv: wp.media.view.settings.embedMimes.ogv, webm: wp.media.view.settings.embedMimes.webm }; #> <div class="media-embed media-embed-details"> <div class="embed-media-settings embed-video-settings"> <div class="wp-video-holder"> <# var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width, h = ! data.model.height ? 360 : data.model.height; if ( data.model.width && w !== data.model.width ) { h = Math.ceil( ( h * w ) / data.model.width ); } #> <# var w_rule = '', classes = [], w, h, settings = wp.media.view.settings, isYouTube = isVimeo = false; if ( ! _.isEmpty( data.model.src ) ) { isYouTube = data.model.src.match(/youtube|youtu\.be/); isVimeo = -1 !== data.model.src.indexOf('vimeo'); } if ( settings.contentWidth && data.model.width >= settings.contentWidth ) { w = settings.contentWidth; } else { w = data.model.width; } if ( w !== data.model.width ) { h = Math.ceil( ( data.model.height * w ) / data.model.width ); } else { h = data.model.height; } if ( w ) { w_rule = 'width: ' + w + 'px; '; } if ( isYouTube ) { classes.push( 'youtube-video' ); } if ( isVimeo ) { classes.push( 'vimeo-video' ); } #> <div style="{{ w_rule }}" class="wp-video"> <video controls class="wp-video-shortcode {{ classes.join( ' ' ) }}" <# if ( w ) { #>width="{{ w }}"<# } #> <# if ( h ) { #>height="{{ h }}"<# } #> <# if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) { #> poster="{{ data.model.poster }}"<# } #> preload ="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay<# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop<# } #> > <# if ( ! _.isEmpty( data.model.src ) ) { if ( isYouTube ) { #> <source src="{{ data.model.src }}" type="video/youtube" /> <# } else if ( isVimeo ) { #> <source src="{{ data.model.src }}" type="video/vimeo" /> <# } else { #> <source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } } #> <# if ( data.model.mp4 ) { #> <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" /> <# } #> <# if ( data.model.m4v ) { #> <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" /> <# } #> <# if ( data.model.webm ) { #> <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" /> <# } #> <# if ( data.model.ogv ) { #> <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" /> <# } #> <# if ( data.model.flv ) { #> <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" /> <# } #> {{{ data.model.content }}} </video> </div> <# if ( ! _.isEmpty( data.model.src ) ) { ext = data.model.src.split('.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #> <div class="setting"> <label for="video-source">URL</label> <input type="text" id="video-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.mp4 ) ) { if ( ! _.isUndefined( html5types.mp4 ) ) { delete html5types.mp4; } #> <div class="setting"> <label for="mp4-source">MP4</label> <input type="text" id="mp4-source" readonly data-setting="mp4" value="{{ data.model.mp4 }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.m4v ) ) { if ( ! _.isUndefined( html5types.m4v ) ) { delete html5types.m4v; } #> <div class="setting"> <label for="m4v-source">M4V</label> <input type="text" id="m4v-source" readonly data-setting="m4v" value="{{ data.model.m4v }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.webm ) ) { if ( ! _.isUndefined( html5types.webm ) ) { delete html5types.webm; } #> <div class="setting"> <label for="webm-source">WEBM</label> <input type="text" id="webm-source" readonly data-setting="webm" value="{{ data.model.webm }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.ogv ) ) { if ( ! _.isUndefined( html5types.ogv ) ) { delete html5types.ogv; } #> <div class="setting"> <label for="ogv-source">OGV</label> <input type="text" id="ogv-source" readonly data-setting="ogv" value="{{ data.model.ogv }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </div> <# } #> <# if ( ! _.isEmpty( data.model.flv ) ) { if ( ! _.isUndefined( html5types.flv ) ) { delete html5types.flv; } #> <div class="setting"> <label for="flv-source">FLV</label> <input type="text" id="flv-source" readonly data-setting="flv" value="{{ data.model.flv }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </div> <# } #> </div> <# if ( ! _.isEmpty( html5types ) ) { #> <div class="setting"> <span>Add alternate sources for maximum HTML5 playback:</span> <div class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button> <# } ) #> </div> </div> <# } #> <# if ( ! _.isEmpty( data.model.poster ) ) { #> <div class="setting"> <label for="poster-image">Poster Image</label> <input type="text" id="poster-image" readonly data-setting="poster" value="{{ data.model.poster }}" /> <button type="button" class="button-link remove-setting">Remove poster image</button> </div> <# } #> <div class="setting preload"> <span>Preload</span> <div class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto</button> <button class="button" value="metadata">Metadata</button> <button class="button active" value="none">None</button> </div> </div> <label class="setting checkbox-setting autoplay"> <input type="checkbox" data-setting="autoplay" /> <span>Autoplay</span> </label> <label class="setting checkbox-setting"> <input type="checkbox" data-setting="loop" /> <span>Loop</span> </label> <div class="setting" data-setting="content"> <# var content = ''; if ( ! _.isEmpty( data.model.content ) ) { var tracks = jQuery( data.model.content ).filter( 'track' ); _.each( tracks.toArray(), function (track) { content += track.outerHTML; #> <label for="video-track">Tracks (subtitles, captions, descriptions, chapters, or metadata)</span> <input class="content-track" type="text" id="video-track" readonly value="{{ track.outerHTML }}" /> <button type="button" class="button-link remove-setting remove-track">Remove video track</button> <# } ); #> <# } else { #> <span>Tracks (subtitles, captions, descriptions, chapters, or metadata)</span> <em>There are no associated subtitles.</em> <# } #> <textarea class="hidden content-setting">{{ content }}</textarea> </div> </div> </div> </script> <script type="text/html" id="tmpl-editor-gallery"> <# if ( data.attachments.length ) { #> <div class="gallery gallery-columns-{{ data.columns }}"> <# _.each( data.attachments, function( attachment, index ) { #> <dl class="gallery-item"> <dt class="gallery-icon"> <# if ( attachment.thumbnail ) { #> <img src="{{ attachment.thumbnail.url }}" width="{{ attachment.thumbnail.width }}" height="{{ attachment.thumbnail.height }}" alt="{{ attachment.alt }}" /> <# } else { #> <img src="{{ attachment.url }}" alt="{{ attachment.alt }}" /> <# } #> </dt> <# if ( attachment.caption ) { #> <dd class="wp-caption-text gallery-caption"> {{{ data.verifyHTML( attachment.caption ) }}} </dd> <# } #> </dl> <# if ( index % data.columns === data.columns - 1 ) { #> <br style="clear: both;"> <# } #> <# } ); #> </div> <# } else { #> <div class="wpview-error"> <div class="dashicons dashicons-format-gallery"></div><p>No items found.</p> </div> <# } #> </script> <script type="text/html" id="tmpl-crop-content"> <img class="crop-image" src="{{ data.url }}" alt="Image crop area preview. Requires mouse interaction."> <div class="upload-errors"></div> </script> <script type="text/html" id="tmpl-site-icon-preview"> <h2>Preview</h2> <strong aria-hidden="true">As a browser icon</strong> <div class="favicon-preview"> <img src="http://finteliox.com/wp-admin/images/browser.png" class="browser-preview" width="182" height="" alt="" /> <div class="favicon"> <img id="preview-favicon" src="{{ data.url }}" alt="Preview as a browser icon"/> </div> <span class="browser-title" aria-hidden="true">Fintelio X</span> </div> <strong aria-hidden="true">As an app icon</strong> <div class="app-icon-preview"> <img id="preview-app-icon" src="{{ data.url }}" alt="Preview as an app icon"/> </div> </script> <script type='text/javascript' src="https://finteliox.com/wp-content/plugins/visualcomposer/public/dist/front.bundle.js?ver=23.0"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/underscore.min.js?ver=1.8.3"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/shortcode.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/backbone.min.js?ver=1.2.3"></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/wp-util.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/wp-backbone.min.js?ver=5.2.21"></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpMediaModelsL10n = {"settings":{"ajaxurl":"\/wp-admin\/admin-ajax.php","post":{"id":0}}}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/media-models.min.js?ver=5.2.21"></script> <script type='text/javascript'> /* <![CDATA[ */ var pluploadL10n = {"queue_limit_exceeded":"You have attempted to queue too many files.","file_exceeds_size_limit":"%s exceeds the maximum upload size for this site.","zero_byte_file":"This file is empty. Please try another.","invalid_filetype":"Sorry, this file type is not permitted for security reasons.","not_an_image":"This file is not an image. Please try another.","image_memory_exceeded":"Memory exceeded. Please try another smaller file.","image_dimensions_exceeded":"This is larger than the maximum size. Please try another.","default_error":"An error occurred in the upload. Please try again later.","missing_upload_url":"There was a configuration error. Please contact the server administrator.","upload_limit_exceeded":"You may only upload 1 file.","http_error":"HTTP error.","upload_failed":"Upload failed.","big_upload_failed":"Please try uploading this file with the %1$sbrowser uploader%2$s.","big_upload_queued":"%s exceeds the maximum upload size for the multi-file uploader when used in your browser.","io_error":"IO error.","security_error":"Security error.","file_cancelled":"File canceled.","upload_stopped":"Upload stopped.","dismiss":"Dismiss","crunching":"Crunching\u2026","deleted":"moved to the trash.","error_uploading":"\u201c%s\u201d has failed to upload."}; var _wpPluploadSettings = {"defaults":{"file_data_name":"async-upload","url":"\/wp-admin\/async-upload.php","filters":{"max_file_size":"2097152b","mime_types":[{"extensions":"jpg,jpeg,jpe,gif,png,bmp,tiff,tif,ico,asf,asx,wmv,wmx,wm,avi,divx,flv,mov,qt,mpeg,mpg,mpe,mp4,m4v,ogv,webm,mkv,3gp,3gpp,3g2,3gp2,txt,asc,c,cc,h,srt,csv,tsv,ics,rtx,css,vtt,dfxp,mp3,m4a,m4b,aac,ra,ram,wav,ogg,oga,flac,mid,midi,wma,wax,mka,rtf,pdf,class,tar,zip,gz,gzip,rar,7z,psd,xcf,doc,pot,pps,ppt,wri,xla,xls,xlt,xlw,mdb,mpp,docx,docm,dotx,dotm,xlsx,xlsm,xlsb,xltx,xltm,xlam,pptx,pptm,ppsx,ppsm,potx,potm,ppam,sldx,sldm,onetoc,onetoc2,onetmp,onepkg,oxps,xps,odt,odp,ods,odg,odc,odb,odf,wp,wpd,key,numbers,pages,svg,svgz"}]},"multipart_params":{"action":"upload-attachment","_wpnonce":"38ab4758a3"}},"browser":{"mobile":false,"supported":true},"limitExceeded":false}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/plupload/wp-plupload.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.11.4"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.11.4"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.2.21"></script> <script type='text/javascript'> /* <![CDATA[ */ var wpApiSettings = {"root":"http:\/\/finteliox.com\/wp-json\/","nonce":"03ca4240e4","versionString":"wp\/v2\/"}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/api-request.min.js?ver=5.2.21"></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpMediaViewsL10n = {"url":"URL","addMedia":"Add Media","search":"Search","select":"Select","cancel":"Cancel","update":"Update","replace":"Replace","remove":"Remove","back":"Back","selected":"%d selected","dragInfo":"Drag and drop to reorder media files.","uploadFilesTitle":"Upload Files","uploadImagesTitle":"Upload Images","mediaLibraryTitle":"Media Library","insertMediaTitle":"Add Media","createNewGallery":"Create a new gallery","createNewPlaylist":"Create a new playlist","createNewVideoPlaylist":"Create a new video playlist","returnToLibrary":"\u2190 Return to library","allMediaItems":"All media items","allDates":"All dates","noItemsFound":"No items found.","insertIntoPost":"Insert into post","unattached":"Unattached","mine":"Mine","trash":"Trash","uploadedToThisPost":"Uploaded to this post","warnDelete":"You are about to permanently delete this item from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkDelete":"You are about to permanently delete these items from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkTrash":"You are about to trash these items.\n 'Cancel' to stop, 'OK' to delete.","bulkSelect":"Bulk Select","trashSelected":"Move to Trash","restoreSelected":"Restore from Trash","deletePermanently":"Delete Permanently","apply":"Apply","filterByDate":"Filter by date","filterByType":"Filter by type","searchMediaLabel":"Search Media","searchMediaPlaceholder":"Search media items...","noMedia":"No media files found.","attachmentDetails":"Attachment Details","insertFromUrlTitle":"Insert from URL","setFeaturedImageTitle":"Featured Image","setFeaturedImage":"Set featured image","createGalleryTitle":"Create Gallery","editGalleryTitle":"Edit Gallery","cancelGalleryTitle":"\u2190 Cancel Gallery","insertGallery":"Insert gallery","updateGallery":"Update gallery","addToGallery":"Add to gallery","addToGalleryTitle":"Add to Gallery","reverseOrder":"Reverse order","imageDetailsTitle":"Image Details","imageReplaceTitle":"Replace Image","imageDetailsCancel":"Cancel Edit","editImage":"Edit Image","chooseImage":"Choose Image","selectAndCrop":"Select and Crop","skipCropping":"Skip Cropping","cropImage":"Crop Image","cropYourImage":"Crop your image","cropping":"Cropping\u2026","suggestedDimensions":"Suggested image dimensions: %1$s by %2$s pixels.","cropError":"There has been an error cropping your image.","audioDetailsTitle":"Audio Details","audioReplaceTitle":"Replace Audio","audioAddSourceTitle":"Add Audio Source","audioDetailsCancel":"Cancel Edit","videoDetailsTitle":"Video Details","videoReplaceTitle":"Replace Video","videoAddSourceTitle":"Add Video Source","videoDetailsCancel":"Cancel Edit","videoSelectPosterImageTitle":"Select Poster Image","videoAddTrackTitle":"Add Subtitles","playlistDragInfo":"Drag and drop to reorder tracks.","createPlaylistTitle":"Create Audio Playlist","editPlaylistTitle":"Edit Audio Playlist","cancelPlaylistTitle":"\u2190 Cancel Audio Playlist","insertPlaylist":"Insert audio playlist","updatePlaylist":"Update audio playlist","addToPlaylist":"Add to audio playlist","addToPlaylistTitle":"Add to Audio Playlist","videoPlaylistDragInfo":"Drag and drop to reorder videos.","createVideoPlaylistTitle":"Create Video Playlist","editVideoPlaylistTitle":"Edit Video Playlist","cancelVideoPlaylistTitle":"\u2190 Cancel Video Playlist","insertVideoPlaylist":"Insert video playlist","updateVideoPlaylist":"Update video playlist","addToVideoPlaylist":"Add to video playlist","addToVideoPlaylistTitle":"Add to Video Playlist","attachmentsList":"Attachments list","settings":{"tabs":[],"tabUrl":"http:\/\/finteliox.com\/wp-admin\/media-upload.php?chromeless=1","mimeTypes":{"image":"Images","audio":"Audio","video":"Video"},"captions":true,"nonce":{"sendToEditor":"f84c17866b","setAttachmentThumbnail":"0c742ea460"},"post":{"id":0},"defaultProps":{"link":"none","align":"","size":""},"attachmentCounts":{"audio":1,"video":1},"oEmbedProxyUrl":"http:\/\/finteliox.com\/wp-json\/oembed\/1.0\/proxy","embedExts":["mp3","ogg","flac","m4a","wav","mp4","m4v","webm","ogv","flv"],"embedMimes":{"mp3":"audio\/mpeg","ogg":"audio\/ogg","flac":"audio\/flac","m4a":"audio\/mpeg","wav":"audio\/wav","mp4":"video\/mp4","m4v":"video\/mp4","webm":"video\/webm","ogv":"video\/ogg","flv":"video\/x-flv"},"contentWidth":null,"months":[{"year":"2021","month":"1","text":"January 2021"},{"year":"2020","month":"3","text":"March 2020"},{"year":"2020","month":"2","text":"February 2020"},{"year":"2019","month":"12","text":"December 2019"},{"year":"2019","month":"11","text":"November 2019"},{"year":"2019","month":"10","text":"October 2019"}],"mediaTrash":0}}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/media-views.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/media-editor.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/media-audiovideo.min.js?ver=5.2.21"></script> <script type='text/javascript' src="https://finteliox.com/wp-content/themes/finteliox-custom-theme/js/main.js?ver=1.1"></script> <script type='text/javascript'> /* <![CDATA[ */ var newsletter = {"messages":{"email_error":"Email address is not correct","name_error":"Name is required","surname_error":"Last name is required","profile_error":"A mandatory field is not filled in","privacy_error":"You must accept the privacy policy"},"profile_max":"20"}; /* ]]> */ </script> <script type='text/javascript' src="https://finteliox.com/wp-content/plugins/newsletter/subscription/validate.js?ver=6.4.0"></script> <script type='text/javascript' src="https://finteliox.com/wp-includes/js/wp-embed.min.js?ver=5.2.21"></script> <div class="legal-notice"><a href="https://finteliox.com/terms-of-use/">Terms of use</a> | <a href="https://finteliox.com/terms-legal-notice-privacy-policy/">Privacy Policy</a> | <a href="https://finteliox.com/cookies-policy/">Cookies Policy</a></div> <div class="cprights">Copyright 漏 2020 | All Rights Reserved | <a class="item-head" style="color: white;" href="https://www.crowdpolicy.com/contact-us/" target="_blank">Apply for vendor/integrator</a> | FintelioX distributed by Crowdpolicy<img src="https://finteliox.com/wp-content/themes/finteliox-custom-theme/img/logo_crowdpolicy.svg" /></div> </footer> <script src="https://finteliox.com/wp-content/themes/finteliox-custom-theme/js/main.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10