CINXE.COM
Middle East Enterprise AI & Analytics Summit
<!DOCTYPE html> <html lang="en"> <head> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css"> <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script> <!--<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <link href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css' rel='stylesheet' type='text/css'> <link href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css' rel='stylesheet' type='text/css'> <!--<link rel="stylesheet" href="purecookie.css"/> <script src="purecookie.js"></script>--> <!-- cookiealert styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <!-- Favicon --> <link rel="icon" type="image/png" href="images/30x30.png"> <link rel="shortcut icon" type="image/png" href="images/30x30.png"> <title>Middle East Enterprise AI & Analytics Summit</title> <link rel="stylesheet" href="teste.css"> <!-- Bootstrap Core CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Custom CSS --> <link rel="stylesheet" href="css/application.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <!-- Responsive stylesheet --> <link rel="stylesheet" type="text/css" href="css/responsive.css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!--Start of Tawk.to Script--> <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> <!--End of Tawk.to Script--> <style> /* ---- reset ---- */ canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ top: 0; width: 100%; height: 100%; position: absolute; z-index: 0;} /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; display:none;} .count-particles{ border-radius: 0 0 3px 3px; } .gallery_product{ border: 1px solid #111111; margin: 15px; } .text { line-height: 1em; position: relative; outline: 0; border: 0; color: black; text-align: center; height: 1.5em; font-weight:600; } .text:before { content: ''; background: linear-gradient(to right, transparent, #b8218e, transparent); position: absolute; left: 0; top: 50%; width: 100%; height: 3px; } .text:after { content: attr(data-content); position: relative; display: inline-block; color: black; padding: 0 .5em; line-height: 1.5em; color: #0b0b0b; background-color: #ffffff; } #owl-demo .item{ padding: 30px 0px; margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .col-center { margin: 0 auto; float: none !important; } .carousel { margin: 50px auto; /*padding: 0 70px;*/ } .carousel .item { color: #999; font-size: 14px; text-align: center; overflow: hidden; /*min-height: 290px;*/ } .carousel .item .img-box { width: 135px; height: 135px; margin: 0 auto; padding: 5px; border: 1px solid #ddd; border-radius: 50%; } .carousel .img-box img { width: 100%; height: 100%; display: block; border-radius: 50%; } .carousel .testimonial { padding: 30px 0 10px; } .carousel .overview { font-style: italic; } .carousel .overview b { text-transform: uppercase; color: #b8218e; } .carousel .carousel-control { width: auto; height: 40px; margin-top: -20px; top: 50%; background: none; } .carousel-control i { font-size: 68px; line-height: 0px; position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.8); text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000; } .carousel .carousel-indicators { bottom: 0px; display: none; } .carousel-indicators li, .carousel-indicators li.active { width: 10px; height: 10px; margin: 1px 3px; border-radius: 50%; } .carousel-indicators li { background: #999; border-color: transparent; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); } .carousel-indicators li.active { background: #555; box-shadow: inset 0 2px 1px rgba(0,0,0,0.2); } .ber{ padding: 6px 0 0; position: absolute; width: 100%; opacity: 1; display: block; } .top-marketing-campaign-banner{ padding: 6px 0 0; width: 100%; background-color: #000000; height: 45px; } .tmcb-left{ font-size: x-large; } @media only screen and (max-width: 767px) { .tmcb-left{ font-size: 11px; width: 100%; } } .vl { border-left: 2px solid green; height: 60px; float: left; margin-left: 3%; } .lvl{ width:35%; } .site-header__cta { margin-top: 10px; opacity: 1; will-change: opacity; white-space: nowrap; } .btn.btn--secondary.site__call-to-action { border-radius: 10px 0px 10px; background-image: linear-gradient(to right, #7599cd, #812990, #e1058c); color: white; } @media only screen and (max-width: 767px) { .lvl{ width:100%; } } /* DEMO-SPECIFIC STYLES */ .typewriter h4 { 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 10.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; } .testimo p{ font-size:14px; } </style> <style> #more {display: none;} .float{ position:fixed; width:60px; height:60px; bottom:40px; left:20px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:16px; } .video-bg{ position: absolute; overflow: hidden; /* width: 100%; */ height: 100%; top: 0; /* bottom: 0; */ /* left: 0; */ /* max-width: 100%; */ /* min-height: auto;*/ } } #section { width: 500px; height: 400px; word-wrap: break-word; } #moretext { display: none; } .card{ box-shadow:2px 2px 20px rgba(0,0,0,0.3); border:none; margin-bottom:30px; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.25rem; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .card:hover{ transform: scale(1.05); transition: all 1s ease; z-index: 999; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; text-align: center; } .card-01 .card-body{ position:relative; padding-top:25px; } .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;} .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .card-img, .card-img-bottom, .card-img-top { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-bottom: 10%; } .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); } .btn-default { background: #006EFF; width: 100%; color: #fff; font-weight: 700; text-shadow: 1px 1px 0 rgb(0 0 0 / 20%); font-size: 14px; } header.transparent { background: rgba(0,0,0,0.0); } .main-header-two .main-nav .navbar-default { background: #11111100 !important; } .navbar-default { background-color: #f8f8f8; border-color: #11111100 !important; } body { overflow: hidden !important; } .main-banner-two { padding: 150px 0 50px !important; } @media screen and (max-width: 992px) { /*body { overflow: visible !important; }*/ } .banvplay{ right: 0; bottom: 0%; min-width: 100%; min-height: 100%; top:-18%; } </style> <script> jQuery(document).ready(function() { let fadeInElement = jQuery('.top-marketing-campaign-banner'); fadeInElement.fadeIn(1500); }); </script> <script>$(document).ready(function() { $("#owl-demo").owlCarousel({ items : 5, //Basic Speeds slidespeed : 200, paginationspeed : 800, rewindspeed : 1000, //Autoplay autoplay : true, autoplayTimeout:1000, stopOnHover : false, navRewind : true, slideSpeed : 200, paginationSpeed : 800, rewindSpeed : 1000, loop:true }); });</script> <script>$(document).ready(function() { $("#owl-demo1").owlCarousel({ items : 5, //Basic Speeds slidespeed : 200, paginationspeed : 800, rewindspeed : 1000, rtl:true, //Autoplay autoplay : true, autoplayTimeout:1000, stopOnHover : false, navRewind : true, slideSpeed : 200, paginationSpeed : 800, rewindSpeed : 1000, loop:true }); }); </script> <script> var cookieName = 'Mebanking'; var cookieValue = 'Mebanking'; var myDate = new Date(); myDate.setMonth(myDate.getMonth() + 12); document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate + ";domain=.mebankingai.com;path=/"; </script> <!-- JavaScript for adding slider for multiple images shown at once--> <script type="text/javascript"> $(window).load(function() { $(".carousel .item").each(function() { var i = $(this).next(); i.length || (i = $(this).siblings(":first")), i.children(":first-child").clone().appendTo($(this)); for (var n = 0; n < 0; n++)(i = i.next()).length || (i = $(this).siblings(":first")), i.children(":first-child").clone().appendTo($(this)) }) }); </script> </head> <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" > <header class="main-header main-header-two transparent"> <!-- Navigation Start --> <div class="main-nav"> <nav class="navbar navbar-default navbar-fixed-top" id="navbar-main"> <div class="container"> <div class="navbar-header page-scroll lvl"> <!--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>--> <a class="navbar-brand page-scroll" href="#page-top" style="width: 80%;"> <img class="main-logo" src="images/logo/logo.png" alt="" style="height: 80px;"> </a> <!--<div class="vl"></div>--> </div> <!-- Collect the nav links, forms, and other content for toggling --> <!-- /.navbar-collapse --> </div> <!-- /.container --> <!--<div class="ber mlc-location-dependent-block-invisible" id="cookieConsentContainer"> <div class="top-marketing-campaign-banner col-sm-12"> <div class="container-fluid marketing-campaign-banner-inner"> <p class="col-xs-10 col-md-11 tmcb-left"> <a href="#contact" style="color: #FFFFFF; text-decoration: none;"> <img src="images/icons/iCON.jpg" style="height: 35px;width: 35px;margin-top: 0px; margin-left: -30px;" /> Register <strong>here</strong> to attend #MEENTERPRISEAI virtually </a> </p> </div> </div> </div>--> </nav> </div> </header> <!-- Banner Start --> <section class="main-banner main-banner-two"> <video class="vplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="Qatar_&_UAE_Compressed.mp4" data-wf-ignore="true"/> <!--<source src="Qatar_&_UAE_Compressed.mp4" data-wf-ignore="true"/>--></video> <div id="particles-js"></div> <div class="container"> <div class="row"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <div class="col-sm-6" onclick="window.location.href = 'https://mebankingai.com/sa'"> <a href="https://meenterpriseai.com/sa"> <video class="banvplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="images/banner/Saudi.mp4" data-wf-ignore="true"/></video> </a> </div> <div class="col-sm-6" onclick="window.location.href = 'https://mebankingai.com/oman'"> <a href="https://meenterpriseai.com/oman"> <video class="banvplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="images/banner/Oman.mp4" data-wf-ignore="true"/></video> </a> </div> </div> <div class="item"> <div class="col-sm-6" onclick="window.location.href = 'https://mebankingai.com/kw'"> <a href="https://meenterpriseai.com/kw"> <video class="banvplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="images/banner/Kuwait.mp4" data-wf-ignore="true"/></video> </a> </div> <div class="col-sm-6" onclick="window.location.href = 'https://mebankingai.com/qa'"> <a href="https://meenterpriseai.com/qa"> <video class="banvplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="images/banner/Qatar.mp4" data-wf-ignore="true"/></video> </a> </div> </div> <div class="item"> <div class="col-sm-6" onclick="window.location.href = 'https://mebankingai.com/ae'"> <a href="https://meenterpriseai.com/ae"> <video class="banvplay" autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover" style=""><source src="images/banner/uae.mp4" data-wf-ignore="true"/></video> </a> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <i class="glyphicon glyphicon-chevron-left"></i> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <i class="glyphicon glyphicon-chevron-right"></i> </a> </div> </div> </div> </section> <!-- About Start --> <!-- About Start --> <!-- Speakers Start --> <!-- Organizer Start --> <!-- Counter Start --> <!-- Counter Start --> <!-- About Start --> <!-- why Sponsors Start --> <!-- Partners logo--> <!-- Past Sponsor --> <!-- Media Partners Start --> <!-- Ticket Start --> <!-- Contact Start --> <!-- START Bootstrap-Cookie-Alert --> <div class="alert text-center cookiealert" role="alert"> <b>This website uses cookies to ensure you get the best experience.</b> <u><a href="https://www.meenterpriseai.com/privacy-policy.html" target="_blank">Learn more</u></a> <button type="button" class="btn btn-primary btn-sm acceptcookies"> I agree </button> </div> <!-- END Bootstrap-Cookie-Alert --> <!-- JAVASCRIPT --> <!-- Only for the demo --> <!-- Include cookiealert script --> <script src="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js"></script> <!-- Footer Start --> <!-- jquery easing JS --> <script src="js/jquery.easing.min.js"></script> <!-- scrolling-nav JS --> <script src="js/scrolling-nav.js"></script> <!-- counterup --> <script src="js/jquery.counterup.min.js"></script> <!-- waypoints --> <script src="js/jquery.waypoints.min.js"></script> <!-- carousel --> <script src="js/owl.carousel.min.js"></script> <!-- wow js --> <script src="js/wow.min.js"></script> <!-- countdown JS --> <script src="js/countdown.js"></script> <!-- jquery.plate JS --> <script src="js/jquery.plate.js"></script> <!-- jarallax JS --> <script src="js/jarallax.min.js"></script> <!-- jquery scrollUp JS --> <script src="js/jquery.scrollUp.min.js"></script> <!-- mail --> <script src="mail/validator.min.js"></script> <script src="mail/mail-script.js"></script> <script src="mail_sub/validator.min.js"></script> <script src="mail_sub/mail-script.js"></script> <script src="particles.js"></script> <script src="particles-settings.js"></script> <script> function myFunction() { var dots = document.getElementById("dots"); var moreText = document.getElementById("more"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Read more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "block"; } } </script> <script> $(document).ready(function(){ $(".filter-button").click(function(){ var value = $(this).attr('data-filter'); if(value == "all") { //$('.filter').removeClass('hidden'); $('.filter').show('5000'); } else { // $('.filter[filter-item="'+value+'"]').removeClass('hidden'); // $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden'); $(".filter").not('.'+value).hide('3000'); $('.filter').filter('.'+value).show('3000'); } }); if ($(".filter-button").removeClass("active")) { $(this).removeClass("active"); } $(this).addClass("active"); }); </script> <!-- Map API Key <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBWJqEQulUkszx4CH5sRCtFBXyMo8KWyd4&callback=initMap" type="text/javascript"></script> <script src="js/map.js"></script> <!-- Main Custom JS --> <script src="js/custom.js"></script> <script src="popupclose.js"></script> </body> </html>