alumni/templates/AlumniConnect/login.html at 04a4011bc6258efe7d8927d274f015ee65967f13 · BitByte-TPC/alumni · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
{% extends 'globals/base.html' %}
{% load static %}

{% block title %}
Alumni Connect - Login
{% endblock %}

{% block body %}
{% include 'globals/navbar.html' %}
<div class="p-0 m-0 masthead-bg w-100 h-100 parallax"  style="min-height:300px !important; height:300px !important; background-position-y: 300px;"></div>

<header class="masthead text-center text-white d-flex" style="height:0px; min-height:300px;">
  <div class="container my-auto" style="margin-bottom:50px !important;">
    <div class="row">
      <div class="col-lg-2 mx-auto align-middle">
        <h2 class="text-uppercase">
          <a href="{% url 'home' %}"><img src="{% static 'AlumniConnect/img/logo/alumb1.png' %}" style="width: 4em; height: auto;"></a>
        </h2>
      </div>
      <div class="col-lg-8 mx-auto align-middle">
        <h1 class="text-uppercase mt-4">
          <strong>ALUMNI CONNECT</strong>
        </h1>
      </div>
    </div>
  </div>
</header>

<section id="services" class="bg-primary p-1">
</section>

<div class="bg-white">
    <div class="login-container container text-left p-2 mx-auto">
        <div class="alert alert-primary m-4 text-center" role="alert" >
            Please Sign In to Continue! Don't have an Account?
            <h5 class="pt-2 m-0">
                <a class="d-inline-block" href="{% url 'signup' %}">
                    <span class="badge badge-pill badge-primary p-2">Register! &nbsp;<i class="fas fa-external-link-alt"></i></span>
                </a>
            </h5>
        </div>
        <div class="card shadow m-4 bg-light">
            <div class="col-lg-12 mx-auto">
                <div class="row text-center">
                    <div class="col-lg-12 text-primary pt-4 mt-4">
                        <h2>SIGN IN</h2>
                        <hr class="mb-4">
                    </div>
                </div>
                <div class="row text-center mb-4 py-4 justify-content-center">
                    <div class="col-sm-11 col-md-10 col-lg-9">
                        {% if form.errors %}
                        <p class="alert alert-danger">Your username and password is not correct. Please try again.</p>
                        {% endif %}
                        <form method="POST" class="font-open-sans" novalidate>
                        {% csrf_token %}
                        <div class="form-group">
                            <label class="d-block text-left" for="signin-uname">Roll No.</label>
                            <input id="signin-uname" type="text" name="username" class="form-control" placeholder="Roll No."
                            aria-label="Username" aria-describedby="button-addon2" required>
                        </div>
                        <div class="form-group">
                            <label class="d-block text-left" for="signin-password">Password</label>
                            <input id="signin-password" type="password" name="password" class="form-control" placeholder="Password"
                            aria-label="Password" aria-describedby="button-addon2" required>
                        </div>
                        <div class="row justify-content-center align-items-space-between">
                        <p class="alert font-open-sans m-1 p-2"><a href="{% url 'password_reset' %}">Forgot Password? </a></p>
                        <p class="alert font-open-sans m-1 p-2"><a href="{% url 'resendactivate' %}">Resend Activation Link? </a></p>
                        </div>
                        <button class="btn btn-primary px-5 py-2" type="submit" value="login" name="submit">Sign In</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
  </div>
</div>
{% include 'globals/footer.html' %}
{% endblock %}