<!DOCTYPE html>
<html>
<head>
	<title>Mickie Holday!Funland</title>

	   <!-- Bootstrap CSS -->
	   <link rel="stylesheet" href="css/bootstrap.min.css">
	   <!-- Site CSS -->
	   <link rel="stylesheet" href="style.css">
	   <!-- Colors CSS -->
	   <link rel="stylesheet" href="css/colors.css">
	   <!-- ALL VERSION CSS -->
	   <link rel="stylesheet" href="css/versions.css">
	   <!-- Responsive CSS -->
	   <link rel="stylesheet" href="css/responsive.css">
	   <!-- Custom CSS -->
	   <link rel="stylesheet" href="css/custom.css">
   
	   <!-- Modernizer for Portfolio -->
       <script src="js/modernizer.js"></script>
       
       <link rel="shortcut icon" href="images/logos/mikhol-logo.jpg" type="image/x-icon" />

	   <script src="my_script.js" type="text/javascript"></script>

</head>

        <!-- LOADER -->
	<div id="preloader">
		<div class="loading">
			<div class="finger finger-1">
				<div class="finger-item">
				<span></span><i></i>
				</div>
			</div>
  			<div class="finger finger-2">
				<div class="finger-item">
				<span></span><i></i>
				</div>
			</div>
  			<div class="finger finger-3">
				<div class="finger-item">
				  <span></span><i></i>
				</div>
			</div>
  			<div class="finger finger-4">
				<div class="finger-item">
				<span></span><i></i>
				</div>
			</div>
  			<div class="last-finger">
				<div class="last-finger-item"><i></i></div>
			</div>
		</div>
	</div>
	<!-- END LOADER -->

<body style="background-image:url('images/apark.jpg'); background-size: cover;">

	<!-- Modal -->
	 <!-- <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> -->
		<div class="modal-dialog" role="document"  >
		  <div class="modal-content" >
			  <div class="modal-header tit-up">
                  <center><img src="images/logos/logo.png" alt="image"></center>
				  <center><h1 class="modal-title"><strong>Daftar Akun</strong></h1></center>
			  </div>
			  <div class="modal-body customer-box row">
				  <div class="col-md-12">
					
						  <div class="tab-pane" id="Registration">
							  <form role="form" class="form-horizontal" action="registrasi.php" method="POST" id="myForm">
							  <div class="form-group">
								  <div class="col-sm-12">
									  <input class="form-control" name="nama" placeholder="Name" type="text" required>
								  </div>
							  </div>
							  <div class="form-group">
								  <div class="col-sm-12">
                                  <input class="form-control" name="username" placeholder="Username" type="text" required>
								  </div>
							  </div>
							  <div class="form-group">
								  <div class="col-sm-12">
                                  <input class="form-control" name="password" placeholder="Password" type="password" required>
								  </div>
							  </div>
							  <div class="form-group">
								  <div class="col-sm-12">
									  <input class="form-control" name="repassword" placeholder="Konfirmasi Password" type="password" required>
								  </div>
							  </div>
							  <div class="form-group">
								  <div class="col-sm-12">
                                  <input class="form-control" name="email" placeholder="Email" type="email" required>
								  </div>
							  </div>
							  <div class="form-group">
							  	<div class = "col-md-6">
								    <input type="text" class="form-control" placeholder="Masukkan captcha" name = "t1">
								</div>
								<div class="col-md-2">
									<img src="captcha_creator.php" id="capt" style="float:left">
								</div>
								<div class="col-md-3" >
									<input type="button" onClick="reload()" value="Acak Captcha" style="color:black;border-radius:3px;">
								</div>
							  </div>
							  <div class="row">							
								  <div class="col-sm-10">
									  <center><button type="submit" class="btn btn-light btn-radius btn-brd grd1" id="sub">
										  Simpan &amp; Lanjutkan
									  </button>
									  <button type="reset" class="btn btn-light btn-radius btn-brd grd1">
										  Batal</button>
										<p>Sudah punya akun?<a href="index.php">Silahkan masuk</a></p>  
										  </center>
								  </div>
							  </div>
							  </form>
							  <span id="result"></span>
						  </div>
				
				  </div>
			  </div>
		  </div>
		 </div>
	  <!-- </div> -->


	  <script type ="text/javascript">
    function reload(){
        img = document.getElementById("capt");
        img.src= "captcha_creator.php?rand_number = " + Math.random();
    }
</script>


</body>


    <!-- ALL JS FILES -->
    <script src="js/all.js"></script>
    <!-- ALL PLUGINS -->
    <script src="js/custom.js"></script>
</html>