OceanExpert | Registration

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title> OceanExpert | Registration </title> <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/css/navbar-login.css"> <link rel="stylesheet" type="text/css" href="/css/social-buttons.css"> <link rel="stylesheet" type="text/css" href="/css/style.css"> <link rel="stylesheet" type="text/css" href="/css/google-fonts.css"> <link rel="stylesheet" type="text/css" href="/css/AdminLTE.min.css"> <link rel="stylesheet" type="text/css" href="/css/custom-modal.css"> <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/css/fontawesome-free-6.7.2-web/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/css/fontawesome-free-6.7.2-web/css/brands.css"> <link rel="stylesheet" type="text/css" href="/css/ionicons.min.css"> <link rel="stylesheet" type="text/css" href="/css/AdminLTE.min.css"> <link rel="stylesheet" type="text/css" href="/css/style.css"> <link rel="stylesheet" type="text/css" href="/css/square/blue.css"> <link rel="stylesheet" type="text/css" href="/css/jquery-confirm.min.css">  <script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script> </head> <body>  <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <a href="/" title=""> <img src="/img/logoimageindex.jpg" alt="mainlogo" class="mainlogo"/> </a> <div class="navbar-header page-scroll"> <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> <span class="section-header"> <a href="/" title=""><span>Ocean<strong>Expert</strong></span> <div class="sub-head">A Directory of Marine and Freshwater Professionals</div> </a> </span> </div>  <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav">  <li class="hidden"> <a class="page-scroll" href="#page-top"></a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class=""> <a class="highlight calendar" href="/events/calendar">Events</a> </li> <li class=""> <a class="highlight documents" href="/documents">Documents</a> </li> <li class=""> <a class="highlight institutes" href="/institutes">Institutes</a> </li> <li class=""> <a class="highlight groups" href="/groups">Groups</a> </li> <li class=""> <a class="highlight search" href="/advancedSearch">Search</a> </li> <li><a href="/register/" title="Register" class="highlight register-btn"> Register </a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle highlight" data-toggle="dropdown"> <b>Login</b> <span class="caret"></span> </a> <ul id="login-dp" class="dropdown-menu"> <li> <div class="row"> <div class="col-md-12"> <label>Expert Login</label> <form class="form" method="post" action="/login_check" accept-charset="UTF-8" id="login-nav"> <input type="hidden" name="_csrf_token" value="wBbT6dtI62-bIAVbtuVqN_2E0j31lzymOPIYjhRkdxE" /> <div class="form-group"> <label class="sr-only" for="username">Username </label> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-user"></i> </span> <input type="text" class="form-control" placeholder="Username / Email" aria-describedby="basic-addon1" id="username" name="_username" value="" required="required" /> </div> </div> <div class="form-group"> <label class="sr-only" for="password">Password </label> <div class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-lock"></i> </span> <input type="password" class="form-control" placeholder="Password" aria-describedby="" id="password" name="_password" required="required"> </div> <div class="help-block text-right"> <a href="/reset/request"> Forgot Password? </a> </div> </div> <div class="form-group"> <button type="submit" class="btn btn-primary btn-block" id="submit" name="_submit">Log in </button> </div> <div class="checkbox icheck"> <label> <input type="checkbox" id="remember_me" name="_remember_me" value="on"/> Remember me </label> </div> </form> </div> <div class="bottom text-center"> New Here? <a href="/register/"> <b> Register</b> </a> </div> </div> </li> </ul> </li> </ul> </div>  </div>  </nav> <script type="text/javascript"> //give the username input the focus once the dropdown menu is shown //#406 /* seems not to work arno 27/11/24 $('.dropdown').on('shown.bs.dropdown', function () { $("#username").focus(); }); */ </script> <div class="middlePage"> <div class="panel panel-info"> <div class="content-wrapper"> <div class="panel-body"> <div class="row"> <div class="col-md-12"> <h4 class="text-center"> Create your OceanExpert Account </h4> <form name="fos_user_registration_form" method="post" action="/register/" class="fos_user_registration_register" data-toggle="validator" role="form" id="fos_user_registration_register"> <input type="hidden" name="eventId" value="" /> <input type="hidden" name="hash" value="" /> <div class="form-group has-feedback"> <label for="fos_user_registration_form_email"> Email </label> <div class="input-group "> <input type="email" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" required="required" class="form-control form-control" placeholder="Activation email will be sent" data-error="Please enter your "email address" so that we can send you an email to activate your profile." /> <span class="input-group-addon"> <span class="glyphicon glyphicon-envelope"></span> </span> </div> <div class="help-block with-errors"></div> </div> <div class="form-group has-feedback"> <label for="fos_user_registration_form_plainPassword_first"> Password </label> <div class="input-group "> <input type="password" id="fos_user_registration_form_plainPassword_first" name="fos_user_registration_form[plainPassword][first]" required="required" autocomplete="new-password" class="form-control form-control" placeholder="Enter Password (min. 8 characters, must contain uppercase, lowercase and number)" data-error="Please enter a correct password (min. 8 characters, must contain uppercase, lowercase and number) ." pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9]).{8,}$" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-lock"></span> </span> </div> <div class="help-block with-errors"></div> </div> <div class="form-group has-feedback"> <label for="fos_user_registration_form_plainPassword_second"> Confirm Password </label> <div class="input-group "> <input type="password" id="fos_user_registration_form_plainPassword_second" name="fos_user_registration_form[plainPassword][second]" required="required" autocomplete="new-password" data-match="#fos_user_registration_form_plainPassword_first" class="form-control form-control" placeholder="Confirm Your Password" data-error="Confirm password does not match with above password." pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9]).{8,}$" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-lock"></span> </span> </div> <div class="help-block with-errors"></div> </div> <div class="g-recaptcha" data-sitekey="6LecmO0UAAAAAFRJnQOToNdwjV8NTm-f_bkKZXic"> </div> <div class="row"> <div class="col-xs-6 pull-right"> <button type="submit" id="_submit" name="_submit" class="btn btn-primary btn-block btn-flat"> Proceed to Step 2 </button> </div> </div> <input type="hidden" id="fos_user_registration_form__token" name="fos_user_registration_form[_token]" value="XDBw5mfJ7rfJtVVnFA9m8wdbNqzizvQYiMZDrAriLGo" /></form> </div> </div> </div> </div> </div> <div class="row"> <div class="checkbox icheck btn"> <a href="/login" class="btn btn-primary"> <i class="fa fa-user" aria-hidden="true"></i> Login </a> <a href="/reset/request" class="btn btn-primary"> <i class="fa fa-key" aria-hidden="true"></i> Forgot Password </a> <a href="/" class="btn btn-primary"> <i class="fa fa-home" aria-hidden="true"></i> Back to the Home Page </a> </div> </div> </div> <script type="text/javascript"> //var fosUserCheckUrl = "/register/checkUsernameAvailable"; var fosEmailCheckUrl = "/register/checkEmailAvailable"; var getInstitutionByCountry = "/getInstitutionByCountry"; </script> <script src="/js/jquery.min.js" type="text/javascript"></script> <script src="/js/bootstrap.min.js" type="text/javascript"></script> <script src="/js/icheck.min.js" type="text/javascript"></script> <script src="/js/validator.min.js" type="text/javascript"></script> <script src="/js/select2.full.min.js" type="text/javascript"></script> <script src="/js/jquery.inputmask.js" type="text/javascript"></script> <script src="/js/bootstrap-typeahead.min.js" type="text/javascript"></script> <script src="/js/jquery-ui.js" type="text/javascript"></script> <script src="/js/jquery.lazyload.min.js" type="text/javascript"></script> <script src="/js/jquery.noty.packaged.min.js" type="text/javascript"></script> <script src="/js/jquery-confirm.min.js"></script> <script type="text/javascript"> $(function() { $('#remember_me').iCheck({ checkboxClass: 'icheckbox_square-blue', radioClass: 'iradio_square-blue', increaseArea: '20%' }); $("img.lazy").lazyload({effect: "fadeIn"}); $(".select2").select2(); $('select').on('change', function (evt) { $(".select2-selection__rendered").attr("title",""); }); $(".select2-selection__rendered").attr("title",""); function notify(type, text) { var n = noty({ text: text, layout: 'top', theme: 'relax', // or 'relax' type: type }); } if (!navigator.cookieEnabled){ notify('error', '<i class="fa fa-exclamation-triangle fa-fw"></i> OceanExpert uses cookies to provide you with all the cool functionality.' + ' We see that your browser has cookies disabled. Make sure your cookies are enabled or you will not be able to use OceanExpert optimally.' + ' <span class="cookie-ok">I understand</span>'); } }); (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-20494768-5', 'auto'); ga('send', 'pageview'); </script> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-lg-10 col-lg-offset-1 text-center top-buffer"> <h4><strong>UNESCO/IOC Project Office for IODE</strong> </h4> <p>InnovOcean Campus - Jacobsenstraat 1<br>8400 Oostende, Belgium</p> <ul class="list-inline social-icons"> <li> <a href="mailto:info@oceanexpert.org" target="_blank"> <i class="fa fa-envelope-o fa-fw fa-2x"></i> </a> </li> <li> <a href="https://www.facebook.com/IODE.Oostende/" target="_blank"> <i class="fa fa-facebook-official fa-fw fa-2x"></i> </a> </li> </ul> <p class="center-block"> <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank"> <img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /> </a> | <a href="/statistics" class="bold">Statistics</a> | <a href="/disclaimer" class="bold">Disclaimer</a> </p> <hr class="small compact darkgrey"> <p class="text-muted copyright">Copyright © 2025, UNESCO/IOC Project Office for IODE, Ostend, Belgium </p> </div> </div> </div> </footer> <script src="/js/icheck.min.js" type="text/javascript"></script> <script src="/js/validator.min.js" type="text/javascript"></script> <script src="/js/jquery.inputmask.js" type="text/javascript"></script> <script src="/js/bootstrap-typeahead.min.js" type="text/javascript"></script> <script src="/js/jquery-ui.js" type="text/javascript"></script> <script src="/js/login.js" type="text/javascript"></script> <script src="/js/bootstrap-dialog.js" type="text/javascript"></script> <script src="/js/wordfilter.js" type="text/javascript"></script> <script src="/assets/badwords.json" type="text/javascript"></script> <script type="text/javascript"> $('[data-toggle="popover"]').popover(); </script> <script type="text/javascript"> //var fosUserCheckUrl = "/register/checkUsernameAvailable"; var fosEmailCheckUrl = "/register/checkEmailAvailable"; var getInstitutionByCountry = "/getInstitutionByCountry"; </script> </body> </html>

CINXE.COM

OceanExpert | Registration