API tools faq
paste
edensheiko

visual fixes - django

edensheiko
Dec 16th, 2022
948
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.36 KB | Software | 0 0
raw download clone embed print report
  1. register::
  2. ----------------------
  3. {% extends 'base.html' %}
  4. {% block title %}Communication LTD | Register {% endblock %}
  5. {% block content %}
  6.  
  7. <section class="vh-100" style="background-color: #C6DEFF;">
  8.     <div class="container py-5 h-100">
  9.         <div class="row d-flex justify-content-center align-items-center h-100">
  10.             <div class="col col-xl-10">
  11.                 <div class="card" style="border-radius: 1rem;">
  12.                     <div class="row g-0">
  13.                         <div class="col-md-6 col-lg-5 d-none d-md-block">
  14.                             <img alt="login form"
  15.                                 class="img-fluid" src="https://img.freepik.com/free-vector/forgot-password-concept-illustration_114360-1123.jpg?w=826
  16.              &t=st=1668170617~exp=1668171217~hmac=a660460f937f1cb226b858f29ab7ea588555e5a8fd8dbb798961d91664c43a72"
  17.                                 style="border-radius: 1rem 0 0 1rem;"/>
  18.                         </div>
  19.                         <div class="col-md-6 col-lg-7 d-flex align-items-center">
  20.                             <div class="card-body p-4 p-lg-5 text-black">
  21.  
  22.                                 <form>
  23.  
  24.                                     <div class="d-flex align-items-center mb-3 pb-1">
  25.                                         <i class="fas fa-cubes fa-2x me-3" style="color: #ff6219;"></i>
  26.                                         <span class="h1 fw-bold mb-0">Communication LTD</span>
  27.                                     </div>
  28.  
  29.                                     <h5 class="fw-normal mb-6 pb-3" style="letter-spacing: 0px;">Register</h5>
  30.                                     <form method="post">
  31.                                         {% csrf_token %}
  32.                                         {% for field in form %}
  33.                                         {{ field.label_tag }} {{ field }}
  34.                                         {% for error in field.errors %}
  35.                                         <div class="alert alert-danger">
  36.                                             <strong>{{ error|escape }}</strong>
  37.                                         </div>
  38.                                         {% endfor %}
  39.                                         {% endfor %}
  40.                                         <br>
  41.                                         <div class="d-grid gap-0">
  42.                                             <button class="btn btn-primary  mb-3"
  43.                                                    href="{% url 'interface:dashboard' %}"> Create user
  44.                                             </button>
  45.                                             <a class="btn btn-secondary  mb-3" href="{% url 'interface:login' %}"> Back
  46.                                                 to login</a>
  47.                                         </div>
  48.  
  49.                                     </form>
  50.  
  51.                                 </form>
  52.  
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </div>
  60. </section>
  61.  
  62.  
  63. {% endblock %}
  64. ------------------------------
  65. forgot pass
  66.  
  67.  
  68. {% extends 'base.html' %}
  69. {% block content %}
  70.  
  71. <section class="vh-100" style="background-color: #C6DEFF;">
  72.     <div class="container py-5 h-100">
  73.         <div class="row d-flex justify-content-center align-items-center h-100">
  74.             <div class="col col-xl-8">
  75.                 <div class="card" style="border-radius: 1rem;">
  76.                     <div class="row g-0">
  77.                         <div class="col-md-6 col-lg-5 d-none d-md-block">
  78.  
  79.                             <img alt="forGotPassword"
  80.                                 class="img-fluid" src="https://img.freepik.com/free-vector/tiny-people-carrying-key-
  81.                                 open-padlock_74855-16292.jpg?w=1380&t=st=1668711129~exp=1668711729~hmac=1df16613
  82.                                 abceeaf0f3d42cbffe5308c7023b84a6c24ebc8465cb3cafdab8ca3d"
  83.                                 style="border-radius: 1rem 0 0 1rem;"/>
  84.                         </div>
  85.                         <div class="col-md-6 col-lg-7 d-flex align-items-center">
  86.                             <div class="card-body p-4 p-lg-5 text-black">
  87.  
  88.  
  89.                                 <div class="d-flex align-items-center mb-3 pb-1">
  90.                                     <i class="fas fa-cubes fa-2x me-3" style="color: #ff6219;"></i>
  91.                                     <span class="h3 fw-bold mb-0">Communication LTD</span>
  92.                                 </div>
  93.  
  94.                                 <h5 class="card-title mb-2">Create new password</h5>
  95.                                 <h6 class="card-title mb-2">Please insert the email you want to reset your password</h6>
  96.                                 <div class="input-group mb-3">
  97.                                     <div class="input-group-prepend">
  98.                                         <span class="input-group-text" id="email">Email</span>
  99.                                     </div>
  100.                                     <input aria-describedby="basic-addon3" class="form-control" id="usernameINPT"
  101.                                           type="text">
  102.                                 </div>
  103.                                 <br>
  104.                                 <div class="d-grid gap-0">
  105.                                     <a class="btn btn-primary  mb-3" href="{% url 'interface:dashboard' %}"> Send to
  106.                                         email</a>
  107.                                     <a class="btn btn-secondary  mb-3" href="{% url 'interface:login' %}"> Back to
  108.                                         login</a>
  109.                                 </div>
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.     </div>
  117. </section>
  118.  
  119. {% endblock %}
  120. ---------------------------------
  121. login
  122. {% extends 'base.html' %}
  123. {% block title %}Communication LTD | Log in{% endblock %}
  124. {% block content %}
  125.  
  126. <section class="vh-100" style="background-color: #C6DEFF;">
  127.     <div class="container py-5 h-100">
  128.         <div class="row d-flex justify-content-center align-items-center h-100">
  129.             <div class="col col-xl-10">
  130.                 <div class="card" style="border-radius: 1rem;">
  131.                     <div class="row g-0">
  132.                         <div class="col-md-6 col-lg-5 d-none d-md-block">
  133.                             <img alt="login form"
  134.                                 class="img-fluid" src="https://img.freepik.com/free-vector/forgot-password-concept-illustration_114360-1123.jpg?w=826
  135.              &t=st=1668170617~exp=1668171217~hmac=a660460f937f1cb226b858f29ab7ea588555e5a8fd8dbb798961d91664c43a72"
  136.                                 style="border-radius: 1rem 0 0 1rem;"/>
  137.                         </div>
  138.                         <div class="col-md-6 col-lg-7 d-flex align-items-center">
  139.                             <div class="card-body p-4 p-lg-5 text-black">
  140.  
  141.                                 <form>
  142.  
  143.                                     <div class="d-flex align-items-center mb-3 pb-1">
  144.                                         <i class="fas fa-cubes fa-2x me-3" style="color: #ff6219;"></i>
  145.                                         <span class="h1 fw-bold mb-0">Communication LTD</span>
  146.                                     </div>
  147.  
  148.                                     <h5 class="fw-normal mb-3 pb-3" style="letter-spacing: 1px;">Sign into your
  149.                                         account</h5>
  150.                                     <form method="post">
  151.                                         {% csrf_token %}
  152.                                         {% for field in form %}
  153.                                         {{ field.label_tag }} {{ field }}
  154.                                         {% for error in field.errors %}
  155.                                         <div class="alert alert-danger">
  156.                                             <strong>{{ error|escape }}</strong>
  157.                                         </div>
  158.                                         {% endfor %}
  159.                                         {% endfor %}
  160.                                         <br>
  161.                                         <div class="d-grid gap-2">
  162.                                         <button class="btn btn-primary"
  163.                                                 href="{% url 'interface:dashboard' %}"> Login
  164.                                              </button>
  165.                                         </div>
  166.  
  167.  
  168.                                     </form>
  169.                                     <br>
  170.  
  171.                                     <a class="small text-muted" href="{% url 'interface:forGotPassword' %}">Forgot
  172.                                         password?</a>
  173.  
  174.                                     <p class="mb-5 pb-lg-2" style="color: #393f81;">Don't have an account?<a
  175.                                            href="{% url 'interface:register' %}"
  176.                                            style="color: #393f81;">Register
  177.                                         here</a></p>
  178.  
  179.                                 </form>
  180.  
  181.                             </div>
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </div>
  188. </section>
  189.  
  190. {% endblock %}
  191. ---------------------------------------------
  192.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!