CINXE.COM
Cosmobeaut茅 Indonesia 2024 Online Registration
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="apple-touch-icon" sizes="57x57" href="/assets/ico/favicon_57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/assets/ico/favicon_60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/assets/ico/favicon_72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/assets/ico/favicon_76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/assets/ico/favicon_114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/assets/ico/favicon_120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/assets/ico/favicon_144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/assets/ico/favicon_152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/ico/favicon_180x180.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/ico/favicon_32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/ico/favicon_16x16.png"> <title>Cosmobeaut茅 Indonesia 2024 Online Registration</title> <link href="/assets/css/bootstrap.min.css" rel="stylesheet"> <link href="/assets/font-awesome/css/font-awesome.css" rel="stylesheet"> <!-- Morris --> <link href="/assets/css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet"> <link href="/assets/css/animate.css" rel="stylesheet"> <link href="/assets/css/usermode.css" rel="stylesheet"> <link href="/assets/css/plugins/iCheck/custom.css" rel="stylesheet"> <link href="/assets/css/dark.css" rel="stylesheet"> <link href="/assets/css/plugins/sweetalert/sweetalert.css" rel="stylesheet"> <link href="/assets/css/plugins/easyautocomplete/easy-autocomplete.css" rel="stylesheet"> <link href="/assets/css/plugins/chosen/chosen.css" rel="stylesheet"> <link href="/assets/css/print-area.css" rel="stylesheet" media="print"> <link href="/assets/css/plugins/ladda/ladda-themeless.min.css" rel="stylesheet"> <link href="/assets/dist/select2.min.css" rel="stylesheet" /> <script src="/assets/js/jquery-2.1.1.js"></script> <!-- <script src="/assets/js/jquery.fullscreen.js"></script> --> <!-- jQuery UI --> <script src="/assets/js/plugins/jquery-ui/jquery-ui.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> <script src="/assets/js/plugins/metisMenu/jquery.metisMenu.js"></script> <script src="/assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script> <!-- Flot --> <script src="/assets/js/plugins/flot/jquery.flot.js"></script> <script src="/assets/js/plugins/flot/jquery.flot.tooltip.min.js"></script> <script src="/assets/js/plugins/flot/jquery.flot.spline.js"></script> <script src="/assets/js/plugins/flot/jquery.flot.resize.js"></script> <script src="/assets/js/plugins/flot/jquery.flot.pie.js"></script> <script src="/assets/js/plugins/flot/jquery.flot.symbol.js"></script> <script src="/assets/js/plugins/flot/curvedLines.js"></script> <!-- Peity --> <script src="/assets/js/plugins/peity/jquery.peity.min.js"></script> <!-- Custom and plugin javascript --> <script src="/assets/js/inspinia.js"></script> <script src="/assets/js/plugins/pace/pace.min.js"></script> <!-- Jvectormap --> <script src="/assets/js/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script> <script src="/assets/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> <!-- Sparkline --> <script src="/assets/js/plugins/sparkline/jquery.sparkline.min.js"></script> <!-- ChartJS--> <script src="/assets/js/plugins/chartJs/Chart.min.js"></script> <script src="/assets/js/plugins/iCheck/icheck.min.js"></script> <script src="/assets/js/plugins/sweetalert/sweetalert.min.js"></script> <script src="/assets/js/plugins/validate/jquery.validate.min.js"></script> <script src="/assets/js/plugins/jqueryForm/jquery.form.js"></script> <script src="/assets/js/plugins/easyautocomplete/jquery.easy-autocomplete.min.js"></script> <script src="/assets/js/plugins/chosen/chosen.jquery.js"></script> <script src="/assets/js/jquery.PrintArea.js"></script> <script src="/assets/js/plugins/ladda/spin.min.js"></script> <script src="/assets/js/plugins/ladda/ladda.min.js"></script> <script src="/assets/js/plugins/ladda/ladda.jquery.min.js"></script> <script src="/assets/dist/select2.min.js"></script> </head> <body class="top-navigation paimary-bg"> <div id="wrapper"> <div id="page-wrapper" class="gray-bg"> <div class="row border-bottom white-bg"> <nav class="navbar navbar-static-top" role="navigation"> <div class="col-lg-4"> <div class="navbar-header p-xxs text-center"> <img id="event_logo" style="max-height: 80px;width:auto; " class="img-responsive" src=""> </div> </div> <div class="col-lg-4"> <h1 class="text-center m-t-lg">ONLINE REGISTRATION</h1> </div> <div class="col-lg-4"> <ul class="nav navbar-top-links navbar-right"> <li class="visible-sm-inline visible-md-inline visible-lg-inline"><img alt="image" class="" src="/assets/img/UBM_Logo2.png" style="height: 90px;margin: 2px;" /></li> </ul> <ul class="nav navbar-top-links navbar-lang navbar-right m-t-md"> <li class="active"><a href="/languageSwitcher/switchlang/en">EN</a></li> <li class=""><a href="/languageSwitcher/switchlang/id">ID</a></li> </ul> </div> </nav> <div class="col-lg-12"> <div class="ibox-title"> <h3>Welcome to the Cosmobeaut茅 Indonesia 2024 Online Registration.</h3> <h5>Fields with a <img border="0" style="vertical-align:middle;" SRC="/assets/img/asterick.png"> are required to register.</h5> <div class="clearfix"></div> </div> </div> </div> <style> ::-webkit-input-placeholder { /*color: #555!important;*/ color: #edebeb!important; } :-ms-input-placeholder { color: #edebeb!important; } ::-moz-placeholder { color: #edebeb!important; opacity: 1; } :-moz-placeholder { color: #edebeb!important; opacity: 1; } .arrownexdown { position: relative!important; top: auto; bottom: 0px; height: 20px; display: none; } .arrowdown { background: #EEE!important; padding: 0px; position: fixed!important; top: auto; bottom: 20px!important; left: auto; right: 20px; text-align: center; margin: 0 auto; width: 40px; height: 40px; vertical-align:middle; line-height: 50px; z-index: 999999; cursor: pointer; color: #fff!important; } .arrowdown span { color: #CC0000!important; } .bounce { animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .required { color: #FF0000; font-size: 18px; line-height: 12px; } .bg-gray { background: #FDFDFD; color: #333333; /* -webkit-box-shadow: 0 0 3px 0 #919191; -moz-box-shadow: 0 0 3px 0 #919191; box-shadow: 0 0 3px 0 #919191; */ margin-top: 20px; padding-top: 15px; } .ibox-title h2 { display: inline-block; padding: 0; text-overflow: ellipsis; } .form-control { text-transform: uppercase; } input[type=email], input[type=emailfull] { text-transform: lowercase; } .chosen-container-single .chosen-single { height:46px; line-height:46px } .chosen-container-single .chosen-single div b { background-position: 2px 13px; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -16px 13px; } h2, h3, .question h4 { color: #000; } #error_attendee_phone,#error_attendee_fax,.error_attendee_mobile { margin-left:10px; } .offline { font-size: 3em; } @media screen and (max-width: 767px) { .ibox-content { padding-left:5px; padding-right: 5px; } .question { margin-left: 5px; } .question h4 { margin-left: 5px!important; color: #000; } .offline { font-size: 1.2em; } } .icheckbox_square-red, .iradio_square-red { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url("https://ers-id.informa-info.com/assets/css/plugins/iCheck/red.png") no-repeat; border: none; cursor: pointer; } .icheckbox_square-red { background-position: 0 0; } .icheckbox_square-red.hover { background-position: -24px 0; } .icheckbox_square-red.checked { background-position: -48px 0; } .icheckbox_square-red.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-red.checked.disabled { background-position: -96px 0; } .iradio_square-red { background-position: -120px 0; } .iradio_square-red.hover { background-position: -144px 0; } .iradio_square-red.checked { background-position: -168px 0; } .iradio_square-red.disabled { background-position: -192px 0; cursor: default; } .iradio_square-red.checked.disabled { background-position: -216px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_square-red, .iradio_square-red { background-image: url("https://ers-id.informa-info.com/assets/css/plugins/iCheck/red@2x.png"); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } .divLv2, .divLv3 { display: none; } .dark .ibox-title, .dark .ibox-content { background-color: #333!important; color: #FFF!important; } .dark h2, .dark h4{ color: #FFF!important; } .dark .chosen-drop ,.dark .chosen-single{ background-color: #333!important; color: #FFF!important; } .dark .active-result,.dark span,.dark label { color: #FFF!important; } .dark .error { color: #ffc800!important; font-weight: normal!important; } .loginscreen.middle-box { width: 1000px!important; } .dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) { color: #fff!important; } </style> <div class="wrapper wrapper-content animated fadeInRight"> <div class="row" style="width: 90%;margin:50px auto 0 auto"> <div class="col-md-12"> <div class=" text-center loginscreen animated fadeInUp card" style="widht: 1000px;!important;max-widht: 1000px;!important;" > <h1 class="text-danger text-center offline">Sorry, Online Registration will be available during exhibition hours</h1> <br/> <br/> </div> </div> </div> </div> <script> $(function(){ $('#event_logo').attr("src","/upload/logo/LOGO_Cos240829150933.png"); }) </script> <div class="" style="position: relative; bottom: 40px; padding: 10px; margin: 0;back"> <div> </div> </div> <div class="footer"> <div> <strong>Copyright</strong> | Informa Markets © 2022 </div> </div> </div> </div> <script> $(function(){ $('.sidebar-collapse').slimScroll({ height: '100%', railOpacity: 0.9 }); }); </script> </body> </html>