Middle East Banking AI & Analytics Summit 2022

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Middle East Banking AI & Analytics Summit 2022</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="">   <link rel="stylesheet" href="css/bootstrap.css" type="text/css"> <link rel="stylesheet" href="css/jpreloader.css" type="text/css"> <link rel="stylesheet" href="css/animate.css" type="text/css"> <link rel="stylesheet" href="css/plugin.css" type="text/css"> <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"> <link rel="stylesheet" href="css/owl.theme.css" type="text/css"> <link rel="stylesheet" href="css/owl.transitions.css" type="text/css"> <link rel="stylesheet" href="css/magnific-popup.css" type="text/css"> <link rel="stylesheet" href="css/jquery.countdown.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="css/twentytwenty.css" type="text/css"> <link rel="stylesheet" href="css/component.css">  <link rel="stylesheet" href="css/bg.css" type="text/css">  <link rel="stylesheet" href="css/colors/magenta.css" type="text/css" id="colors"> <link rel="stylesheet" href="css/color.css" type="text/css">  <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css"> <link rel="stylesheet" href="fonts/elegant_font/HTML_CSS/style.css" type="text/css"> <link rel="stylesheet" href="fonts/et-line-font/style.css" type="text/css">  <link rel="stylesheet" href="css/font-style.css" type="text/css">   <style> .testimonial-authors{ font-size: 14px; margin: 0; } .footer-area { padding: 15px 0; background: #000; /*background-image: url(https://www.meenterpriseai.com/images/footer.png);*/ background-repeat: no-repeat; background-attachment: fixed; background-position: center; } /* DEMO-SPECIFIC STYLES */ .typewriter h2 { color: #fff; overflow: hidden; /* Ensures the content is not revealed until the animation */ /* The typwriter cursor */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0 auto; /* Gives that scrolling effect as the typing happens */ animation: typing 30.5s steps(65, end), blink-caret .5s step-end infinite; } /* The typing effect */ @keyframes typing { from { width: 0 } to { width: 100% } } /* The typewriter cursor effect */ @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: blue } display:block; } </style> <style> /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; text-align:right; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .btn-default{ background:#006EFF; width: 100%; color:#fff; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.2); font-size:14px; } .card{ box-shadow:2px 2px 20px rgba(0,0,0,0.3); border:none; margin-bottom:30px; } .card:hover{ transform: scale(1.05); transition: all 1s ease; z-index: 999; } .card-01 .card-body{ position:relative; padding: 47% 0 0 0; } .card-01 .badge-box{ position:absolute; top:-20px; left:50%; width:100px; height:100px;margin-left:-50px; text-align:center; } .card-01 .badge-box i{ background:#006EFF; color:#fff; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; } .card-01 .height-fix{ height:455px; overflow:hidden; } .card-01 .height-fix .card-img-top{width:auto!imporat;} .profile-box{ background-size:cover; float:left; width:100%; text-align:center; padding:30px 0; position:relative; overflow:hidden; } .profile-box:before{ filter: blur(10px);background:url("https://images.pexels.com/photos/195825/pexels-photo-195825.jpeg?h=350&auto=compress&cs=tinysrgb") no-repeat; background-size:cover; width:120%; position:absolute; content:""; height:120%; left:-10%;top:0;z-index:0; } .profile-box img{ width:170px; height:170px; position:relative; border:5px solid #fff; } .social-box i { border:1px solid #006EFF; color:#006EFF; width:30px; height:30px; border-radius:50%;line-height:30px; } .social-box i:hover{ background:#DFC717; color:#fff; } .social-box a{margin: 0 5px;} .video-foreground{float:left;width:100%; height:500px;} .card-01.height-fix .card-img-overlay{ top:unset; color:#fff; background: -moz-linear-gradient(top, rgba(26,96,111,0) 0%, rgba(26,96,111,0) 1%, rgba(24,87,104,0.91) 31%, rgba(21,65,89,0.91) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a606f', endColorstr='#e8154159',GradientType=0 ); } .card-01.height-fix .fa{color: #fff;font-size: 22px;margin-right: 18px;}; /*flipper-card*/ .card-flipper { position: relative; float: left; width: 100%; text-align: center; } .card__front, .card__back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card__back .card{ width:100%; height:65vh; } .card__front, .card__back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .card__front { background-color: #ff5078; } .card__back { background-color: #1e1e1e; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card-flipper.effect__hover{position:relative;} .card-flipper.effect__hover:hover .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card-flipper.effect__hover:hover .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); } .card-flipper.effect__random.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card-flipper.effect__random.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); } .vplay{ position: absolute; right: 0; bottom: 0%; min-width: 100%; min-height: 100%; top:-18%; } </style>  <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/60fc2568d6e7610a49acd011/1fbcf492l'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>  </head> <body style="overflow:hidden;display: block;">  <header class="transparent"> <div class="info"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="column">Working Hours Monday - Friday <span class="id-color"><strong>08:00-16:00</strong></span></div> <div class="column">Toll Free <span class="id-color"><strong>1800.899.900</strong></span></div>  <div class="column social"> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-rss"></i></a> <a href="#"><i class="fa fa-google-plus"></i></a> <a href="#"><i class="fa fa-envelope-o"></i></a> </div>  </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12">  <div id="logo"> <a href="index.html"> <img class="logo" src="images-event/logo.png" alt="Logo" > </a> </div>  </div> </div> </div> </header>    <section id="section-hero" class="full-height text-light" data-bgimage="url(images/background/BG1.jpg) fixed top center" data-stellar-background-ratio=".2" style="background: url(images/background/BG1.jpg) fixed top center;"> <video class="vplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""> <source src="cut.mp4" data-wf-ignore="true"/></video> <div id="particles-js"></div> <div class="center-y text-center"> <div class="container"> <div class="row"> <div class="col-md-12" style="margin-top:10%;"> <a href="https://mebankingai.com/ae" class=""> <div class="col-sm-6 col-md-6 col-xs-6 col-xl-6" onclick="window.location.href = 'https://mebankingai.com/ae'"> <div class="card card-01">  <video class="vplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="uae.webm" data-wf-ignore="true"/></video></a> <div class="card-body"> <a href="https://mebankingai.com/ae" class="btn btn-default text-uppercase" style="background: #a82f99;">Explore</a> </div> </div> </div> </a> <a href="https://mebankingai.com/sa"> <div class="col-sm-6 col-md-6 col-xs-6 col-xl-6" onclick="window.location.href = 'https://mebankingai.com/sa'"> <div class="card card-01"> <video class="vplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="sa.webm" data-wf-ignore="true"/></video> <div class="card-body"> <a href="https://mebankingai.com/sa" class="btn btn-default text-uppercase" style="background: #013505;">Explore</a> </div> </div> </div> </a> </div> </div> </div> </div> </section> <div id="de-extra-wrap" class="de_light"> <span id="b-menu-close"> <span></span> <span></span> </span> <div class="de-extra-content"> <h3>Information</h3>  <div class="spacer10"></div> <div class="p-4 border"> <div class="text-center"> <h1>180 of 300</h1> <p>Seats available</p> <a href="#section-ticket" class="btn-custom btn-fullwidth text-white scroll-to">Get Your Ticket</a> </div> </div> <div class="spacer-single"></div> <h3>Where & When?</h3> <div class="h6 padding10 pt0 pb0"><i class="i_h3 fa fa-calendar-check-o id-color"></i>May 18th to 19th</div> <div class="h6 padding10 pt0 pb0"><i class="i_h3 fa fa-map-marker id-color" style="margin-right: 15px;"></i> DUBAI, UAE</div> <div class="h6 padding10 pt0 pb0"><i class="i_h3 fa fa-phone id-color"></i>+971 58 268 3309</div> <div class="h6 padding10 pt0 pb0"><i class="i_h3 fa fa-envelope-o id-color"></i>info@mebankingai.com</div> </div> </div> <div id="de-overlay"></div>  <script src="js/jquery.min.js"></script> <script src="js/jpreLoader.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/easing.js"></script> <script src="js/jquery.flexslider-min.js"></script> <script src="js/jquery.scrollto.js"></script> <script src="js/owl.carousel.js"></script> <script src="js/jquery.countTo.js"></script> <script src="js/video.resize.js"></script> <script src="js/validation.js"></script> <script src="js/wow.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/enquire.min.js"></script> <script src="js/designesia.js"></script> <script src="js/jquery.event.move.js"></script> <script src="js/jquery.plugin.js"></script> <script src="js/jquery.countdown.js"></script> <script src="js/countdown-custom.js"></script> <script src="js/particles.js"></script> <script src="js/particles-settings.js"></script> <script src="mail/validator.min.js"></script> <script src="mail/mail-script.js"></script> <script src="mail_reg/validator.min.js"></script> <script src="mail_reg/mail-script.js"></script> </body> </html>

CINXE.COM

Middle East Banking AI & Analytics Summit 2022