Skip to content
Snippets Groups Projects
Select Git revision
  • a393465a56e9dd435e4730090103376b52ed7cbd
  • develop default
  • master protected
3 results

land.html

Blame
    • land.html 3.65 KiB 
    <!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Hodor</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/la.css">

</head>

<body>
  <div class="wrapper">
	<div class="container">
		<h1>Welcome to Hodor!</h1>
		<div class="loginform">
			<form class="login">
				<button type="button" id="login-button" data-toggle="modal" data-target="#login-modal">Log in</button>
				<button type="button" id="signup-button" data-toggle="modal" data-target="#register-modal">Register</button>

			</form>
		</div>
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

		<!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#login-modal">Open Modal</button> -->


  <div id="login-modal" class="modal fade" role="dialog">
	  <div class="modal-dialog">
		  <div class="modal-content">
			  <div class="modal-header">
			  	<h2>Login</h2>
			  </div>
		  <div class="modal-body">
			  <form class="form1">
				  <div class="form-group1">
					  <label for="usrname">Username</label>
					  <input type="text" class="form-control" id="usrname"> </br>
				  </div>
				  <div class="form-group1">
					  <label for="pword">Password</label>
					  <input type="password" class="form-control" id="pword"> </br>
				  </div>
				  <!--<div class="modal-footer">
					<button type="submit" class="btn btn-success" style="align-self: center">Submit</button>
					<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
				  </div> -->
			  </form>
			  </div>
			  <div class="modal-footer">
				  <a href="home.html">
					  <button type="submit" class="btn btn-success" style="align-self: center">Submit</button>
				  </a>
				  <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
			  </div>
			</div>
    		  </div>
	  </div>
  </div>
	<div id="register-modal" class="modal fade" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<!--<h2>Register</h2>-->
				</div>
				<div class="modal-body">
					<form class="form2">
						<div class="form-group2">
							<label for="name">Name</label>
							<input type="text" class="form-control" id="name"> </br>

							<label for="uname">Username</label>
							<input type="text" class="form-control" id="uname"> </br>

							<label for="email">Email address</label>
							<input type="email" class="form-control" id="email"> </br>

							<label for="pwd">Password</label>
							<input type="password" class="form-control" id="pwd"> </br>

							<label for="rpwd"> Re-enter Password</label>
							<input type="password" class="form-control" id="rpwd"> </br>
						</div>


						<!--<div class="modal-footer">
							<button type="submit" class="btn btn-success" style="align-self: center">Submit</button>
							<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
						</div> -->

					</form>
				</div>
				<div class="modal-footer">
					<a href="home.html">
						<button type="submit" class="btn btn-success" style="align-self: center">Submit</button>
					</a>
					<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

		  </div>
	  </div>
  </div>
 <!-- </div>
  </div> -->
</body>
</html>