html55

                Never    
HTML
        
Download Raw Clone Report Copy 
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Fortera-Global </title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->	
	<link rel="icon" type="image/png" href="images/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>	
	<div class="size1 bg0 where1-parent">
		<!-- Coutdown -->
		<div class="flex-c-m bg-img1 size2 where1 overlay1 where2 respon2">
			<video autoplay muted loop>
				<source src="images/intro.mp4" type="video/mp4">
			</video>
			<div class="wsize2 flex-w flex-c-m cd100 js-tilt" style="position: absolute;">
				<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15" style="background-color:#181816;opacity:0.7;">
					<span class="l2-txt1 p-b-9 days">35</span>
					<span class="s2-txt4">Days</span>
				</div>

				<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15" style="background-color:#181816;opacity:0.7;">
					<span class="l2-txt1 p-b-9 hours">17</span>
					<span class="s2-txt4">Hours</span>
				</div>

				<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15" style="background-color:#181816;opacity:0.7;">
					<span class="l2-txt1 p-b-9 minutes">50</span>
					<span class="s2-txt4">Minutes</span>
				</div>

				<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15" style="background-color:#181816;opacity:0.7;">
					<span class="l2-txt1 p-b-9 seconds">39</span>
					<span class="s2-txt4">Seconds</span>
				</div>
			</div>
		</div>
		
		<!-- Form -->
		<div class="size3 flex-col-sb flex-w p-l-75 p-r-75 p-t-45 p-b-45 respon1">
			<div class="row">

			<div class="wrap-pic1 col-sm-4">
				<img src="images/icons/logo.png" alt="LOGO" style="width:150px; height:auto;">
			</div>

			<p class="m1-txt1 p-b-36 col-sm-8" style="color:#fafafa;">
					Começe na frente <span class="m1-txt2" style="color:#ddd;">Cadastre-se</span>, agora!
				</p>
				</div>

			<div class="">
				

				<form class="contact100-form validate-form" id="saveaccount">

						<div class="wrap-input100 m-b-10 validate-input" data-validate = "Email is required">
							<input class="s2-txt1 placeholder0 input100" type="email" id="email" name="reg_email" placeholder="Email Address" maxlength="50">
							<span class="focus-input100"></span>
						</div>

					<div class="wrap-input100 m-b-10 validate-input " data-validate = "AccountName is required">
						<input class="s2-txt1 placeholder0 input100" id="account_name" type="text" name="reg_name" placeholder="Account name" maxlength="50">
						<span class="focus-input100"></span>
					</div>

					<div class="wrap-input100 m-b-10 validate-input " data-validate = "Password is required">
							<input class="s2-txt1 placeholder0 input100" type="password" id="passor" name="reg_password" placeholder="Password" MAXLENGTH=50>
							<span class="focus-input100"></span>
						</div>

						<div class="wrap-input100 m-b-10 validate-input " data-validate = "Confirm password is required">
								<input class="s2-txt1 placeholder0 input100" type="password" id="passor2" name="reg_password2" placeholder="Confirm Password" MAXLENGTH=50>
								<span class="focus-input100"></span>
							</div>
					<div class="row" style="margin:0;padding:0;margin-bottom: 10px;">
						<div class="col-sm-6">
							<div class="row" style="padding: 10px 0px 10px 0px;">
					<label for="code" style="color:#fff;">Repeat the Code:   </label>
									<img src="https://www.fortera-global.net/?subtopic=imagebuilder&image_refresher=<?= mt_rand(1,99999); ?>" border="0" alt="Image Verification is missing, please contact the administrator">
								</div>
					</div>			
				 <div class="wrap-input100 m-b-10 validate-input col-sm-6" data-validate="Confirm the code">
				 			
								<input type="text" placeholder="XXXX" id="verify" class="s2-txt1 placeholder0 input100"  NAME="reg_code" MAXLENGTH=5 autocomplete="off"><br />
								<span class="focus-input100"></span>
							</div>
							</div>

					<select name="reg_meetus" hidden>
                                                        <option value="nenhum">Choose...</option>
                                                        <option value="facebook" >Facebook</option>
                                                        <option value="otlist">Otserv List</option>
                                                        <option value="youtube">Youtube</option>
                                                        <option value="amigo">Amigo</option>
                                                        <option value="propaganda">Propaganda</option>
                                                        <option value="google">Google</option>
                                                        <option value="outro" selected>Outro</option>
                                                    </select>
                                                    
					<INPUT TYPE="checkbox" NAME="rules" id="rules" value="true" hidden checked/>
							
					<div class="w-full">
						<button type="submit" class="flex-c-m s2-txt2 size4 bor1 trans-04 create-button">
							Criar
						</button>
					</div>
				</form>

	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#saveaccount").submit(function (e) {
                e.preventDefault();
                var form = $(this);
                var formData = form.serializeArray();
        
                $.ajax({
                    url: "ajax.php",
                    type: "POST",
                    data: {action: "saveaccount", form: formData},
                    dataType: "json",
                    success: function (response) {
                        if (response.checked) {
                            swal("Account Created!", response.msg, "success");
                            setTimeout(function(){location.href="?subtopic=accountmanagement"} , 3000);
                        } else {
                            swal("Error!", response.errors[0], "error");
                        }
                    }
                });
            });
        });
    </script>

				<p class="s2-txt3 p-t-18">
					Utilize senhas únicas, e seguras. Ao criar a conta você concorda com as <a href="?subtopic=tibiarules" target="_blank">regras</a> do servidor.
				</p>
				<div class="form-group text-center" style="color:#ddd;margin:20px 0px 20px 0px;">
					<label for="login">Já possui conta?</label>
					<a href="#" id="login" class="wiixbtn-goto">Entrar no site</a>
				</div>
<div class="flex-w">
				<a href="https://www.facebook.com/forteraglobal/" target="_blank" class="flex-c-m size5 bg3 how1 trans-04 m-r-5">
					<i class="fa fa-facebook"></i>
				</a>
			</div>
			</div>
				

			
		</div>
	</div>



	

<!--===============================================================================================-->	
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/countdowntime/moment.min.js"></script>
	<script src="vendor/countdowntime/moment-timezone.min.js"></script>
	<script src="vendor/countdowntime/moment-timezone-with-data.min.js"></script>
	<script src="vendor/countdowntime/countdowntime.js"></script>
	<script>
		$(document).ready(function(){
			console.log('lucaswiix ~');
		});

		$('.cd100').countdown100({
			endtimeYear: 0,
			endtimeMonth: 0,
			endtimeDate: 35,
			endtimeHours: 18,
			endtimeMinutes: 0,
			endtimeSeconds: 0,
			timeZone: "" 
		});
	</script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

Raw Text

Recent Public Pastes