

<!DOCTYPE html>
<html>
<head>
	<title>Sign Up - Crypto Expert Bit Trading</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
	<style type="text/css">
		body{
			background-color: #121d33;
			background-image: url('img/bg2');
			background-size: cover;

			font-family: 'Inter', sans-serif;
			
		}

		#logolog{
			margin: 40px auto;
			height: 50px;
			width: 400px;
		}

		#formarea{
			width: 500px;
			border-radius: 10px;
			height: 400px;
			background-color: white;
			margin: 30px auto;
			clear: both;
			display: table;
			padding: 30px;
			box-sizing: border-box;
		}

		.input{
			width: 100%;
			height: 50px;
			border-radius: 5px;
			background-color: #e8f0fe;
			box-sizing: border-box;
			border: 0.5px solid grey;
		}

		select{
			width: 100%;
			height: 50px;
			border-radius: 5px;
			background-color: #e8f0fe;
			box-sizing: border-box;
			border: 0.5px solid grey;
		}

		#btn{
			width: 100%;
			height: 50px;
			margin-top: 20px;
			color: black;
			background-color: #ffc31a;
			cursor: pointer;

			border: 0px;
			font-size: 18px;
			border-radius: 5px;
			font-weight: bold;
			box-sizing: border-box;

		}

		#forget{
			width: 400px;
			height: 50px;
			margin: 5px auto;
			text-align: center;
			color: white;
		}

		@media only screen and (max-width: 600px) {
		  #formarea{
		  	width: 97%;
		  }
		  
		  #logolog{
		      max-width: 300px;
		  }

		}
	</style>
</head>


<body>
	
	<div id="logolog">
		<center><img src="img/logo.png"></center>
	</div>

	<div id="formarea">
		<h2>Sign Up</h2>
		

		<form action="insert.php" method="POST">
			<span style="font-weight: bold;">Desired Username</span> <br>
			<input type="text" class="input" name="accountname" placeholder="ex. johndoe"><br><span style="color: red; font-size: 12px;">*Important: This will be your login username.</span><br>

			<span style="font-weight: bold;">Phone Number</span> <br>
			<input type="text" class="input" name="phone"><br><br>


			<span style="font-weight: bold;">Gender</span> <br>
			<select name="gender">
				<option>Male</option>
				<option>Female</option>
			</select><br><br>

			<span style="font-weight: bold;">Country</span> <br>
			<input type="text" class="input" name="country"><br><br>

			<span style="font-weight: bold;">Email</span> <br>
			<input type="text" class="input" name="email"><br><br>

			<span style="font-weight: bold;">Password</span> <br>
			<input type="password" class="input" name="password"><br><br>

			<span style="font-weight: bold;">Confirm Password</span> <br>
			<input type="password" class="input" name=""><br><br>
			<input type="submit" value="Create Account"id="btn" name="">

			<p>By creating an account, you agree to eFXmarket Terms of Service & Privacy Policy.</p>
		</form>
	</div>

	<div id="forget">
		
	</div>
	

</body>


</html>