signup.html

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
	<!-- Bootstrap core CSS -->
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
	<!-- Material Design Bootstrap -->
	<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.1/css/mdb.min.css" rel="stylesheet">

	<!-- JQuery -->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<!-- Bootstrap tooltips -->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
	<!-- Bootstrap core JavaScript -->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script>
	<!-- MDB core JavaScript -->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.1/js/mdb.min.js"></script>














<div class="container-fluid">
	  <!-- Content here -->
	  <div class="row mt-2">
	  	<div class="col-sm-12 col-md-7 col-lg-5 mx-auto">
		  <!-- Default form register -->
			<form class="border border-light p-5 z-depth-1-half">

			    <p class="h4 mb-4">Login</p>

			    <div class="form-group row">
				    <!-- Material input -->
				    <label for="Username" class="col-sm-2 col-form-label"><i class="fas fa-user prefix"></i></label>
				    <div class="col-sm-10">
				      <div class="md-form mt-0">
				        <input type="text" class="form-control" id="inputPassword3MD" placeholder="Username">
				        <small id="defaultRegisterFormPhoneHelpBlock" class="form-text text-muted mb-4">
			        		Choose unique Username
			    		</small>
				      </div>
				    </div>
				  </div>
				  <!-- Grid row -->

			    <div class="form-group row">
				    <!-- Material input -->
				    <label for="inputPassword3MD" class="col-sm-2 col-form-label"><i class="fas fa-key prefix"></i></label>
				    <div class="col-sm-10">
				      <div class="md-form mt-0">
				        <input type="password" class="form-control" id="inputPassword3MD" placeholder="Password">
				        <small id="defaultRegisterFormPhoneHelpBlock" class="form-text text-muted mb-4">
			        		Use 8 character password for more security
			    		</small>
				      </div>
				    </div>
				  </div>
				  <!-- Grid row -->

			    <!-- E-mail -->

			    <!-- Sign up button -->
			    <button class="btn btn-info my-4 btn-block" type="submit">Sign in</button>

			    <!--  Social register
			    <p>or sign up with:</p>

			    <a class="light-blue-text mx-2">
			        <i class="fab fa-facebook-f"></i>
			    </a>
			    <a class="light-blue-text mx-2">
			        <i class="fab fa-twitter"></i>
			    </a>
			    <a class="light-blue-text mx-2">
			        <i class="fab fa-linkedin-in"></i>
			    </a>
			    <a class="light-blue-text mx-2">
			        <i class="fab fa-github"></i>
			    </a> -->

			    <hr>

			    <!-- Terms of service -->
			    <p>By clicking
			        <em>Sign up</em> you agree to our
			        <a href="" target="_blank">terms of service</a>

			</form>
	<!-- Default form register -->
	</div>