

<!DOCTYPE html>
<html lang="pt-br">
	<head>

		<title>HiClave</title>

		<!-- Required meta tags always come first -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="x-ua-compatible" content="ie=edge">

		<!-- Main Font -->
		<script src="js/libs/webfontloader.min.js"></script>

		<script>
			WebFont.load({
				google: {
					families: ['Roboto:300,400,500,700:latin']
				}
			});
		</script>

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="https://www.hiclave.com/includes/Bootstrap/dist/css/bootstrap-reboot.css">
		<link rel="stylesheet" type="text/css" href="https://www.hiclave.com/includes/Bootstrap/dist/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="https://www.hiclave.com/includes/Bootstrap/dist/css/bootstrap-grid.css">

		<!-- Main Styles CSS -->
		<link rel="stylesheet" type="text/css" href="https://www.hiclave.com/includes/css/main.css">
		<link rel="stylesheet" type="text/css" href="https://www.hiclave.com/includes/css/fonts.min.css">
		<link rel="stylesheet" type="text/css" href="https://www.hiclave.com/includes/css/toastr.css">


	</head>

	<body class="landing-page">

		<!-- Preloader -->

		<div id="hellopreloader">
			<div class="preloader">
				<svg width="45" height="45" stroke="#fff">
					<g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)">
						<circle cx="22" cy="22" r="6" stroke="none">
							<animate attributeName="r" begin="1.5s" calcMode="linear" dur="3s" repeatCount="indefinite" values="6;22"/>
							<animate attributeName="stroke-opacity" begin="1.5s" calcMode="linear" dur="3s" repeatCount="indefinite" values="1;0"/>
							<animate attributeName="stroke-width" begin="1.5s" calcMode="linear" dur="3s" repeatCount="indefinite" values="2;0"/>
						</circle>
						<circle cx="22" cy="22" r="6" stroke="none">
							<animate attributeName="r" begin="3s" calcMode="linear" dur="3s" repeatCount="indefinite" values="6;22"/>
							<animate attributeName="stroke-opacity" begin="3s" calcMode="linear" dur="3s" repeatCount="indefinite" values="1;0"/>
							<animate attributeName="stroke-width" begin="3s" calcMode="linear" dur="3s" repeatCount="indefinite" values="2;0"/>
						</circle>
						<circle cx="22" cy="22" r="8">
							<animate attributeName="r" begin="0s" calcMode="linear" dur="1.5s" repeatCount="indefinite" values="6;1;2;3;4;5;6"/>
						</circle>
					</g>
				</svg>

				<div class="text">Loading ...</div>
			</div>
		</div>

		<!-- ... end Preloader -->
		<div class="content-bg-wrap"></div>


		<!-- Header Standard Landing  -->

		<div class="header--standard header--standard-landing" id="header--standard">
			<div class="container">
				<div class="header--standard-wrap">

					<a href="https://www.hiclave.com/" class="logo">
						<div class="img-wrap">
							<img src="https://www.hiclave.com/includes/img/logo.png" alt="HiClave">
							<img src="https://www.hiclave.com/includes/img/logo.png" alt="HiClave" class="logo-colored">
						</div>
						<div class="title-block">
							<h1 class="logo-title">HiClave</h6>
							<!-- <div class="sub-title">SOCIAL NETWORK</div> -->
						</div>
					</a>

					<a href="#" class="open-responsive-menu js-open-responsive-menu">
						<svg class="olymp-menu-icon"><use xlink:href="https://www.hiclave.com/includes/svg-icons/sprites/icons.svg#olymp-menu-icon"></use></svg>
					</a>

					<div class="nav nav-pills nav1 header-menu">
						<div class="mCustomScrollbar">
							<ul>
								<li class="nav-item">
									<a href="#" class="nav-link">Home</a>
								</li>
								<li class="nav-item dropdown">
									<a class="nav-link dropdown-toggle" data-hover="dropdown" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false" tabindex='1'>Profile</a>
									<div class="dropdown-menu">
										<a class="dropdown-item" href="#">Profile Page</a>
										<a class="dropdown-item" href="#">Newsfeed</a>
										<a class="dropdown-item" href="#">Post Versions</a>
									</div>
								</li>
								<li class="nav-item dropdown dropdown-has-megamenu">
									<a href="#" class="nav-link dropdown-toggle" data-hover="dropdown" data-toggle="dropdown" role="button" aria-haspopup="false" aria-expanded="false" tabindex='1'>Forums</a>
									<div class="dropdown-menu megamenu">
										<div class="row">
											<div class="col col-sm-3">
												<h6 class="column-tittle">Main Links</h6>
												<a class="dropdown-item" href="#">Profile Page<span class="tag-label bg-blue-light">new</span></a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
											</div>
											<div class="col col-sm-3">
												<h6 class="column-tittle">BuddyPress</h6>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page<span class="tag-label bg-primary">HOT!</span></a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
											</div>
											<div class="col col-sm-3">
												<h6 class="column-tittle">Corporate</h6>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
											</div>
											<div class="col col-sm-3">
												<h6 class="column-tittle">Forums</h6>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
												<a class="dropdown-item" href="#">Profile Page</a>
											</div>
										</div>
									</div>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">Termos & Condições</a>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">Eventos</a>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">Privacy Policy</a>
								</li>
								<li class="close-responsive-menu js-close-responsive-menu">
									<svg class="olymp-close-icon"><use xlink:href="https://www.hiclave.com/includes/svg-icons/sprites/icons.svg#olymp-close-icon"></use></svg>
								</li>
								<li class="nav-item js-expanded-menu">
									<a href="#" class="nav-link">
										<svg class="olymp-menu-icon"><use xlink:href="https://www.hiclave.com/includes/svg-icons/sprites/icons.svg#olymp-menu-icon"></use></svg>
										<svg class="olymp-close-icon"><use xlink:href="https://www.hiclave.com/includes/svg-icons/sprites/icons.svg#olymp-close-icon"></use></svg>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- ... end Header Standard Landing  -->
		<div class="header-spacer--standard"></div>

<div class="container">
	<div class="row display-flex">
		<div class="col col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
			<div class="landing-content">
				<h1>Bem-vindo à HiClave</h1>
				<p>Estamos em construção, faça pré cadastro e aguarde o dia 07/03/2020.
				</p>
				<div id="countdown"></div>
			</div>
		</div>

		<div class="col col-xl-5 col-lg-6 col-md-12 col-sm-12 col-12">
			
			<!-- Login-Registration Form  -->
			
			<div class="registration-login-form">
				<!-- Nav tabs -->
			
				<!-- Tab panes -->
				<div class="tab-content">
					<div class="tab-pane active" id="home" role="tabpanel" data-mh="log-tab">
						<div class="title h6">Registrar</div>
						<form class="content" method="post">
							<div class="row">
								<div class="col col-12 col-xl-6 col-lg-6 col-md-6 col-sm-12">
									<div class="form-group label-floating">
										<label class="control-label">Primeiro Nome</label>
										<input class="form-control" id="first_name_user" placeholder="" type="text">
									</div>
								</div>
								<div class="col col-12 col-xl-6 col-lg-6 col-md-6 col-sm-12">
									<div class="form-group label-floating">
										<label class="control-label">Segundo Nome</label>
										<input class="form-control" id="last_name_user" placeholder="" type="text">
									</div>
								</div>
								<div class="col col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
									<div class="form-group label-floating">
										<label class="control-label">Email</label>
										<input class="form-control"  id="email_user" placeholder="" type="email">
                  </div>
				  <h6 id="erroremail" style="display:none">E-mail já cadastrado</h6>
                  <div class="form-group label-floating">
                  <label class="control-label">Login</label>
										<input class="form-control" id="login_user"  placeholder="" type="text">
                  </div>
				  <h6 id="errorlogin" style="display:none">Login já cadastrado</h6>
                  
									<div class="form-group label-floating">
										<label class="control-label">Senha</label>
										<input class="form-control" id="password_user" placeholder="" type="password">
									</div>
									<div class="remember">
										<div class="checkbox">
											<label>
												<input id="optionsCheckboxes" name="optionsCheckboxes" type="checkbox">
												Aceitar <a href="#">Termos & Condições</a> do HiClave
											</label>
										</div>
									</div>
									<h6 id="caderror" style="display:none"></h6>
									<a href="#" id="register" class="btn btn-purple btn-lg full-width">Finalizar</a>
								</div>
							</div>
						</form>
					</div>
			
				</div>
			</div>
			
			<!-- ... end Login-Registration Form  -->		</div>
	</div>
</div>





<!-- Window Popup Main Search -->

<div class="modal fade" id="main-popup-search" tabindex="-1" role="dialog" aria-labelledby="main-popup-search" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered window-popup main-popup-search" role="document">
		<div class="modal-content">
			<a href="#" class="close icon-close" data-dismiss="modal" aria-label="Close">
				<svg class="olymp-close-icon"><use xlink:href="svg-icons/sprites/icons.svg#olymp-close-icon"></use></svg>
			</a>
			<div class="modal-body">
				<form class="form-inline search-form" method="post">
					<div class="form-group label-floating">
						<label class="control-label">O que você está procurando?</label>
						<input class="form-control bg-white" placeholder="" type="text" value="">
					</div>

					<button class="btn btn-purple btn-lg">Procurar</button>
				</form>
			</div>
		</div>
	</div>
</div>

<!-- ... end Window Popup Main Search -->

<!-- JS Scripts -->
<script src="https://www.hiclave.com/includes/js/jQuery/jquery-3.4.1.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.appear.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.mousewheel.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/perfect-scrollbar.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.matchHeight.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/svgxuse.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/imagesloaded.pkgd.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/Headroom.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/velocity.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/ScrollMagic.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.waypoints.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.countTo.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/popper.min.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/material.min.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/bootstrap-select.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/smooth-scroll.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/selectize.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/swiper.jquery.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/moment.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/daterangepicker.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/fullcalendar.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/isotope.pkgd.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/ajax-pagination.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/Chart.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/chartjs-plugin-deferred.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/circle-progress.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/loader.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/run-chart.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.magnific-popup.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/jquery.gifplayer.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/mediaelement-and-player.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/mediaelement-playlist-plugin.min.js"></script>
<script src="https://www.hiclave.com/includes/js/libs/ion.rangeSlider.js"></script>
<script src="https://www.hiclave.com/includes/js/register.js"></script>
<script src="https://www.hiclave.com/includes/js/main.js"></script>
<script src="https://www.hiclave.com/includes/js/libs-init/libs-init.js"></script>
<script src="https://www.hiclave.com/includes/js/jquery.countdown.min.js"></script>
<script defer src="https://www.hiclave.com/includes/fonts/fontawesome-all.js"></script>

<script src="https://www.hiclave.com/includes/Bootstrap/dist/js/bootstrap.bundle.js"></script>
<script src="https://www.hiclave.com/includes/js/toastr.js"></script>

<script type="text/javascript">
    $('#countdown').countdown('2020/03/07', function(event) {
      $(this).html(event.strftime(' %D dias %H:%M:%S'));
    });
  </script>

</body>
</html>