index.html

{% extends "layout.html" %}

{% block body %}
<div class="container">
	<div class="page-header">
		<div class="row">
			    <div class="col-md-3"></div>
			    <div class="col-md-6">
			    		<div class="list-group">
						<a class="list-group-item active">
						    <h4 class="list-group-item-heading">Login</h4>
						</a>
				</div>
		      <form action="{{ url_for('login') }}" method="post">
		        <div class="form-group">
		          <label for="username">Phone</label>
		          <input type="text" class="form-control" name="phone" id="username" placeholder="username/phone">
		        </div>
		        <div class="form-group">
		          <label for="password">Password</label>
		          <input type="password" class="form-control"  name="password" id="password" placeholder="password">
		        </div>
		        <button type="submit" class="btn btn-primary btn-lg">Login</button>
		      </form>
		    </div>
		    <div class="col-md-3"></div>
		  </div>
	</div>
</div>
{% endblock %}