API tools faq
paste
Advertisement
deyanivanov966

Упражнение 2.1 Решение на първа задача Банков

deyanivanov966
Dec 12th, 2021
794
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 4.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <div class="container">
  11.         <div class="row">
  12.             <div class="col-12">
  13.                 <ul class="nav bg-primary justify-content-center rounded">
  14.                     <li class="nav-item">
  15.                         <a href="" class="nav-link active text-white">Потребител</a>
  16.                     </li>
  17.                     <li class="nav-item">
  18.                         <a href="" class="nav-link text-white">Кариерно развитие</a>
  19.                     </li>
  20.                     <li class="nav-item">
  21.                         <a href="" class="nav-link text-white">Консултиране</a>
  22.                     </li>
  23.                     <li class="nav-item">
  24.                         <a href="" class="nav-link text-white">Полезно</a>
  25.                     </li>
  26.                     <li class="nav-item">
  27.                         <a href="" class="nav-link text-white">Изход</a>
  28.                     </li>
  29.                 </ul>
  30.             </div>
  31.         </div>
  32.         <div class="row mt-3">
  33.             <div class="col-lg-3">
  34.                 <div class="card border-primary mb-3">
  35.                     <div class="card-header bg-primary text-white text-center">
  36.                         Последни обяви
  37.                     </div>
  38.                     <div class="card-body">
  39.                         <ul class="list-group">
  40.                             <li class="list-group-item p-2">
  41.                                 <span class="fw-bold">
  42.                                     Sales representative with English
  43.                                 </span>
  44.                                 <div class="small">
  45.                                     с фирма ФрегатАВ, Варна
  46.                                 </div>
  47.                             </li>
  48.                             <li class="list-group-item p-2">
  49.                                 <span class="fw-bold">
  50.                                     Sales representative with English
  51.                                 </span>
  52.                                 <div class="small">
  53.                                     с фирма ФрегатАВ, Варна
  54.                                 </div>
  55.                             </li>
  56.                             <li class="list-group-item p-2">
  57.                                 <span class="fw-bold">
  58.                                     Sales representative with English
  59.                                 </span>
  60.                                 <div class="small">
  61.                                     с фирма ФрегатАВ, Варна
  62.                                 </div>
  63.                             </li>
  64.                         </ul>
  65.                     </div>
  66.                 </div>
  67.                 <div class="card border-primary d-none d-lg-block">
  68.                     <div class="card-header bg-primary text-white text-center">
  69.                         Последнa активност
  70.                     </div>
  71.                     <div class="card-body">
  72.                         <ul class="list-group">
  73.                             <li class="list-group-item p-2">
  74.                                 <span class="fw-bold">
  75.                                     10:00:19 03/12/2021
  76.                                 </span>
  77.                                 <div>
  78.                                     Вход в системата
  79.                                 </div>
  80.                             </li>
  81.                             <li class="list-group-item p-2">
  82.                                 <span class="fw-bold">
  83.                                     Sales representative with English
  84.                                 </span>
  85.                                 <div>
  86.                                     с фирма ФрегатАВ, Варна
  87.                                 </div>
  88.                             </li>
  89.                             <li class="list-group-item p-2">
  90.                                 <span class="fw-bold">
  91.                                     Sales representative with English
  92.                                 </span>
  93.                                 <div>
  94.                                     с фирма ФрегатАВ, Варна
  95.                                 </div>
  96.                             </li>
  97.                         </ul>
  98.                     </div>
  99.                 </div>
  100.  
  101.             </div>
  102.             <div class="col-lg-9">
  103.                 <div class="breadcrumb bg-light py-2 px-3">
  104.                     <div class="breadcrumb-item">
  105.                         <a href="">Профил</a>
  106.                     </div>
  107.                     <div class="breadcrumb-item">
  108.                         Промяна на парола
  109.                     </div>
  110.                 </div>
  111.  
  112.                 <div class="card">
  113.                     <div class="card-header bg-primary text-white">
  114.                         Промяна на парола
  115.                     </div>
  116.                     <div class="card-body">
  117.                         <div class="mt-4">
  118.                             <label for="" class="form-label fw-bold">Сегашната Ви парола</label>
  119.                             <input type="text" class="form-control" placeholder="Въведете сегашната си парола">
  120.                         </div>
  121.                         <div class="mt-4">
  122.                             <label for="" class="form-label fw-bold">Сегашната Ви парола</label>
  123.                             <input type="text" class="form-control" placeholder="Въведете сегашната си парола">
  124.                         </div>
  125.                         <div class="mt-4">
  126.                             <label for="" class="form-label fw-bold">Сегашната Ви парола</label>
  127.                             <input type="text" class="form-control" placeholder="Въведете сегашната си парола">
  128.                         </div>
  129.                         <div class="mt-4 d-grid gap-2">
  130.                             <input type="submit" value="Промени" class="btn btn-primary">
  131.                             <input type="button" value="Откажи" class="btn btn-secondary">
  132.                         </div>
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.         </div>                     
  137.     </div>
  138. </body>
  139. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!