Skip to content

Instantly share code, notes, and snippets.

@CryceTruly

CryceTruly/welcome.html

Created October 13, 2022 18:52
Show Gist options
  • Save CryceTruly/82d205ef75e9a68c6e92ff7cccd089a0 to your computer and use it in GitHub Desktop.
Save CryceTruly/82d205ef75e9a68c6e92ff7cccd089a0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
welcome.html
<html>
<head>
<title>developers</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
</head>
<body>
{% block content%}
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="card mt-5">
<div class="card-body">
<h5 class="mb-3">Login to proceed</h5>
{% include 'partials/_flash_messages.html'%}
<form action="{%url 'welcome'%}" method="POST">
{% csrf_token%}
<div class="form-group">
<input
class="form-control form-control-sm"
type="text"
name="username"
value="{{data.username}}"
placeholder="Username"
/>
</div>
<div class="form-group">
<input
class="form-control form-control-sm"
type="password"
name="password"
placeholder="Password"
/>
</div>
<input
type="submit"
class="btn btn-sm btn-block"
style="background-color: #76c8af; color: #fff"
value="Login"
/>
</form>
</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="col-md-3"></div>
</div>
{% endblock %}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment