<!DOCTYPE html>
<html>
	
<head>
	<title>E-Ticket</title>
		<meta charset="utf-8">
		<link href="login/css/style.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		
		<!--font-->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700' rel='stylesheet' type='text/css'>
		<!--//font-->
</head>
<body>	
		<div class="title">
			<p>E-Ticket Login Form</p>
			<p><h3>Sistem Pembelian Ticket Online</h3></p>
		</div>
		<div class="clear"></div>
		<!-----Awal content kiri---->
			<div class="kontent-kiri" >
				<div class="kontent-teks">
					<p>Sistem Pengelolaan Ticket</p>
					<p><h3>Sistem Informasi untuk mengelola ticket online</h3></p>
					<p><h2>Klungkung - Bali</h2><p>

				</div>
				<div class="kontent-box-img">
					<div class="kontent-imgs"></div>
				</div>
				<div class="down-left">
					<div class="down-img"></div>
				</div>
			</div>
				 	
		<!-----akhir content kiri---->		 
		<!-----Awal login form---->			 
			<div class="login-form">
					<div class="box-login">
						<p class="text-login" font face="times new roman">LOGIN</p>
					</div>
				<form>
					<li>
						<input type="text" class="text" value="USERNAME" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'USERNAME';}" ><a href="#" class=" icon user"></a>
					</li>
					<li>
						<input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"><a href="#" class=" icon lock"></a>
					</li>
					<div class="p-container">
								<label class="checkbox"><input type="checkbox" name="checkbox" checked><i></i>Remember Me</label>
								<input type="submit" onclick="myFunction()" value="SIGN IN" >
							<div class="clear"> </div>
					</div>
				</form>
			</div>
			<!--//Akhir login form-->
		  <!-----awal-copyright---->
		  <div class="clear"></div>
   					<div class="copy-right">
						<p>Copyright © 2017 E-Ticket Klungkung-bali</p> 
					</div>
				<!-----//akhir-copyright---->
		 		
</body>
</html>
