CINXE.COM
Africacrypt Morocco 2019
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Africacrypt Morocco 2019</title> <!-- Google fonts --> <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'> <!-- font awesome --> <link href="../maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <!-- bootstrap --> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" /> <!-- animate.css --> <link rel="stylesheet" href="assets/animate/animate.css" /> <link rel="stylesheet" href="assets/animate/set.css" /> <META NAME="Africacrypt 2018 is the 10th International Conference on Cryptology. It is a major international scientific event organized with the objective of promoting cryptoglogy in Africa by bringing together researchers and industry professionals sharing the cryptology passion." CONTENT="Africacrypt 2019, Africacryptconference, Africacrypt Rabat, conference, Africacrypt, Africacrypt'19"> <!-- gallery --> <link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css"> <!-- favicon --> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <script src="assets/bootstrap/js/jquery-1.8.0.min.js" type="text/javascript"></script> <link rel="stylesheet" href="assets/style.css"> <script src="assets/bootstrap/js/jsCarousel-2.0.0.js" type="text/javascript"></script> <style > /*Horizontal Orientation CSS*/ .jscarousal-horizontal { height: 118px; margin: auto; padding: 0; position: relative; /*overflow: hidden;*/ } .jscarousal-horizontal-back, .jscarousal-horizontal-forward { float: left; width: 23px; height: 98px; color: White; position: relative; top: 6px; cursor: pointer; } .jscarousal-horizontal-back { background-image:url("images/left-arr.png"); background-repeat: no-repeat; background-position: left; } .jscarousal-horizontal-forward { background-image:url("images/right-arr.png"); background-repeat: no-repeat; background-position: right; } .jscarousal-contents-horizontal { height: 200px; float: left; position: relative; overflow: hidden; margin-top:10px; } .jscarousal-contents-horizontal > div { position: absolute; width: 100%; height: 124px; } .jscarousal-contents-horizontal > div > div { float: left; /*margin-left: 8px; margin-right: 8px;*/ margin-right: 2px; } .jscarousal-contents-horizontal img { width: 108px; height: 94px; } /*Horizontal Orientation CSS Ends*/ /*Vertical Orientation CSS Ends*/ /*Common*/ .hidden { display: none; } .visible { display: block; } .thumbnail-active { filter: alpha(opacity=100); opacity: 0; cursor: pointer; } .thumbnail-inactive { filter: alpha(opacity=20); opacity: 0.5; cursor: pointer; } .about.spacer { padding: 2% 1em 0; } </style> </head> <body> <div class="topbar animated fadeInLeftBig"></div> <!-- Header Starts --> <div class="navbar-wrapper"> <div class="container"> <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="top-nav"> <div class="container"> <div class="navbar-header"> <!-- Logo Starts --> <a href="index.php"><img src="images/logo.png" alt="logo" /></a> <!-- #Logo Ends --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Nav Starts --> <div class="navbar-collapse collapse" > <ul class="nav navbar-nav navbar-right "> <li><a href="index.php">Home</a></li> <li><a href="call-for-papers.php">Call For Papers</a></li> <li><a href="keynote-speaker.php">Keynote Speakers</a></li> <li><a href="commitees.php">Commitees</a></li> <li><a href="program.php">Program</a></li> <li><a href="registration.php">Registration</a></li> <li><a href="venue.php">Venue</a></li> <li><a href="past-conferences.php">Past Conferences</a></li> <li><a href="news.php">News</a></li> </ul> </div> <div class="navbar-header10"> <!-- Logo Starts --> <a href="http://www.springer.com/computer/lncs?SGWID=0-164-0-0-0"><img alt="" src="images/springerlogo.png"style="" ></a> <!-- #Logo Ends --> </div> <!-- #Nav Ends --> </div> </div> </div> </div> <!-- #Header Starts --> <div id="home"> <div id="myCarousel" class="carousel slide banner-slider animated flipInX" data-ride="carousel" > <div class="carousel-inner" > <!-- Item 1 --> <div class="item active" > <img src="images/rabat1.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- #Item 1 --> <!-- Item 1 --> <div class="item "> <img src="images/rabat2.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- #Item 1 --> <div class="item "> <img src="images/rabat3.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- Item 1 --> <div class="item "> <img src="images/rabat4.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- #Item 1 --> <div class="item "> <img src="images/fes5.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- Item 1 --> <div class="item "> <img src="images/rabat6.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- #Item 1 --> <!-- Item 1 --> <div class="item "> <img src="images/rabat7.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- #Item 1 --> <!-- Item 1 --> <div class="item "> <img src="images/rabat8.jpg" alt="banner" style="height:421px;"> <div class="carousel-caption"> <div class="caption-wrapper"> <div class="caption-info"> <!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">--> <h1 class="animated bounceInLeft"></h1> <p class="animated bounceInRight"></p> <!--<div class="scroll animated fadeInUp"><a href="#about" class="btn btn-default"> About</a> </div>--> </div> </div> </div> </div> <!-- #Item 1 --> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon-chevron-left"><i class="fa fa-angle-left"></i></span></a> <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon-chevron-right"><i class="fa fa-angle-right"></i></span></a> </div> <div class="defileParent"> <!--<span class="defile"; data-text=" Call for Special Session Proposals "> Call for Special Session Proposals</span> Call for Special Session Proposals </div>--> </div> </div> <!-- Cirlce Starts --> <div id="about" class="container spacer about"> <h2 class="text-center wowload fadeInUp animated" style="color: rgb(33, 171, 202); visibility: visible; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;"> AfricaCrypt 2019<br> <span style="font-size: 23px;">International Conference on Cryptology<br> Rabat, Morocco. July 9-11, 2019<br> Conference final Program </span> </h2> <div style="left: 23%;position: relative;width: 56%;"> <div id="carousel-testimonials" class="carousel slide testimonails wowload fadeInRight animated" data-ride="carousel" style="visibility: visible; animation-name: fadeInRight; -webkit-animation-name: fadeInRight;"> <div class="carousel-inner"> <center> <object width="500" height="2000" data="program.pdf">Embedded pdf</object> </center> <p> </p> <p> </p> </div> <!--<ol class="carousel-indicators" style="margin-bottom:-5%;"> <li data-target="#carousel-testimonials" data-slide-to="0" class="active"></li> <li data-target="#carousel-testimonials" data-slide-to="1"></li> </ol>--> </div> </div> </div> <!-- #Cirlce Ends --> <!-- works --> <!-- works --> <!-- team --> </div> <!-- team --> </div> <div id="about" class="container spacer about"> <div class="row"> </div> </div> <div id="contact" class="spacer"> <div class="container contactform center"> <div id="carousel-testimonials" class="carousel slide testimonails wowload fadeInRight" data-ride="carousel"> <div class="carousel-inner" > <div class="item active animated bounceInRight row" > <h3 class="text-center wowload fadeInUp animated" style="color: rgb(33, 171, 202); visibility: visible;margin-top: 0px;margin-bottom: 0px;"> Organizer </h3> <div class="col-xs-10" style="width:600%;"> <div class="jscarousal-horizontal" id="carouselhAuto" style=" margin-left:80px!important;margin-left:100px!important"> <div class="jscarousal-contents-horizontal" style="width:600%;"> <div class="visible" style="left: 0px;width:600%;"><div class="thumbnail-inactive" style="height:350px!important"> <a target="_blank" href="http://www.aui.ma"><img alt="" src="images/aui.png" style="margin-left:380px!important;width:190px!important; height: 80px; margin-top: 0px;"></a><br> <div style="margin-left:380px!important;text-align:center!important;"><br />Al Akhawayn University <br />in Ifrane</div> </div> </div></div> </div> </div> </div> </div> </div></div></div> <div id="sponsors-partners" class="spacer"> <div class="container contactform center"> <div id="carousel-testimonials" class="carousel slide testimonails wowload fadeInRight" data-ride="carousel"> <div class="carousel-inner" > <!-- Strat Sponsors Block!--> <div class="item active animated bounceInRight col-md-4" > <h3 class="text-center wowload fadeInUp" style="color:#21abca;">Gold Sponsor</h3> <div class="col-xs-12"> <div class="jscarousal-horizontal"> <div class="jscarousal-contents-horizontal" style="width: 100%"> <div class="visible"> <a href="http://www.ocpgroup.ma"> <img alt="Groupe OCP" src="images/ocp.png "style="" > </a> </div> </div> </div> </div> </div> <!-- END Sponsors Block!--> <div class="item active animated bounceInRight col-md-4" > <h3 class="text-center wowload fadeInUp" style="color:#21abca;">Silver Sponsor</h3> <div class="col-xs-12"> <div class="jscarousal-horizontal"> <div class="jscarousal-contents-horizontal" style="width: 100%"> <div class="visible"> <a href="http://www.attijariwafabank.com"> <img alt="AttijariBank" src="images/attijariwafa.jpg "style="" >     </a> <a href="https://www.creditagricole.ma/"> <img alt="Crédit Agricole du Maroc" src="images/cam.png "style="" > </a> </div> </div> </div> </div> </div> <!-- END Gold Sponsors Block!--> <div class="item active animated bounceInRight col-md-4" style="padding: 0px;"> <h3 class="text-center wowload fadeInUp" style="color:#21abca;">Bronze Sponsor</h3> <div class="col-xs-12" style="padding: 0px;"> <div class="jscarousal-horizontal"> <div class="jscarousal-contents-horizontal" style="width: 100%"> <div class="visible"> <a href="http://www.oulmes.ma"> <img alt="Les Eaux Minérales d'Oulmès" src="images/oulmes.png" style="" > </a> <!-- <div class="thumbnail-inactive" style="margin-right: 24px;"> <img alt="HPS" src="images/hps.jpg"style="" > </div> <div class="thumbnail-inactive" style="margin-right: 0px;"> <img alt="IACR" src="images/aui.png"style="" > </div> !--> </div> </div> </div> </div> </div> <!-- END Bronze Sponsors Block!--> <!-- Strat Partners Block!--> <!-- END Partners Block!--> </div> </div> </div> </div><!--Contact Ends--> <!-- Footer Starts --> <div class="footer text-center spacer"> Copyright 2019 Al Akhawayn University in Ifrane. All rights reserved. </div> <!-- # Footer Ends --> <a href="#home" class="gototop " ><i class="fa fa-angle-up fa-3x"></i></a> <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body --> <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> <!-- The container for the modal slides --> <div class="slides"></div> <!-- Controls for the borderless lightbox --> <h3 class="title">title</h3> <a class="prev">‹</a> <a class="next">›</a> <a class="close">×</a> <!-- The modal dialog, which will be used to wrap the lightbox content --> </div> <!-- jquery --> <script src="assets/jquery.js"></script> <!-- wow script --> <script src="assets/wow/wow.min.js"></script> <script > function toggleChevron(e) { $(e.target) .prev('.panel-heading') .find("i.indicator") .toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); } $('#accordion').on('hidden.bs.collapse', toggleChevron); $('#accordion').on('shown.bs.collapse', toggleChevron); </script> <!-- boostrap --> <script src="assets/bootstrap/js/bootstrap.js" type="text/javascript" ></script> <!-- jquery mobile --> <script src="assets/mobile/touchSwipe.min.js"></script> <script src="assets/respond/respond.js"></script> <!-- gallery --> <script src="assets/gallery/jquery.blueimp-gallery.min.js"></script> <!-- custom script --> <script src="assets/script.js"></script> </body> </html>