|
28 | 28 | }); |
29 | 29 | </script> |
30 | 30 |
|
31 | | -<form method="post"> |
32 | | - <div class="row mt-5 mb-5"> |
33 | | - <div class="container-fluid d-flex justify-content-center"> |
34 | | - <div class="col-sm-8 col-md-6"> |
35 | | - <div class="card"> |
36 | | - <div class="card-header"> |
| 31 | +<div class="container-fluid"> |
| 32 | + <form method="post"> |
| 33 | + <div class="row mt-5 mb-5"> |
| 34 | + <div class="container-fluid d-flex justify-content-center"> |
| 35 | + <div class="col-sm-8 col-md-6"> |
| 36 | + <div class="card"> |
| 37 | + <div class="card-header"> |
| 38 | + <div class="row"> |
| 39 | + <div class="col-md-6"> |
| 40 | + <bold>Выплата на банковскую карту</bold> |
| 41 | + </div> |
| 42 | + <div class="col-md-6 text-right float-end" style="margin-top: -5px; text-align: right;"> |
| 43 | + <img src="https://img.icons8.com/color/36/000000/mir.png"> |
| 44 | + <img src="https://img.icons8.com/color/36/000000/visa.png"> |
| 45 | + <img src="https://img.icons8.com/color/36/000000/mastercard.png"> |
| 46 | + </div> |
| 47 | + </div> |
| 48 | + </div> |
37 | 49 |
|
38 | | - <div class="row"> |
39 | | - <div class="col-md-6"> |
40 | | - <span>Выплата на банковскую карту</span> |
| 50 | + <div class="card-body" style="min-height: 250px"> |
| 51 | + <div class="form-group mb-3"> |
| 52 | + <label for="cc-number" class="control-label">Номер Карты</label> |
| 53 | + <input name="cc-number" id="cc-number" type="number" class="input-lg form-control cc-number" autocomplete="cc-number" placeholder="•••• •••• •••• ••••" required> |
41 | 54 | </div> |
42 | | - <div class="col-md-6 text-right float-end" style="margin-top: -5px; text-align: right;"> |
43 | | - <img src="https://img.icons8.com/color/36/000000/visa.png"> |
44 | | - <img src="https://img.icons8.com/color/36/000000/mastercard.png"> |
45 | | - <img src="https://img.icons8.com/color/36/000000/mir.png"> |
| 55 | +
|
| 56 | + <div class="form-group mb-3"> |
| 57 | + <label for="summ" class="control-label">Сумма в рублях</label> |
| 58 | + <input name="summ" id="summ" type="number" min="1" step="0.01" class="input-lg form-control" required> |
46 | 59 | </div> |
47 | | - </div> |
48 | 60 |
|
49 | | - </div> |
50 | | - <div class="card-body" style="min-height: 250px"> |
51 | | - <div class="form-group mb-3"> |
52 | | - <label for="cc-number" class="control-label">Номер Карты</label> |
53 | | - <input name="cc-number" id="cc-number" type="tel" class="input-lg form-control cc-number" autocomplete="cc-number" placeholder="•••• •••• •••• ••••" required> |
54 | | - </div> |
| 61 | + <div class="form-group mb-3"> |
| 62 | + <label for="reciever-name" class="control-label">Имя и Фамилия Получателя</label> |
| 63 | + <input name="reciever-name" id="reciever-name" type="text" class="input-lg form-control"> |
| 64 | + </div> |
55 | 65 |
|
56 | | - <div class="form-group mb-3"> |
57 | | - <label for="numeric" class="control-label">Имя и Фамилия Получателя</label> |
58 | | - <input name="reciever-name" type="text" class="input-lg form-control"> |
59 | | - </div> |
| 66 | + <div class="form-group mb-3"> |
| 67 | + <label for="description" class="control-label">Назначение платежа</label> |
| 68 | + <textarea name="description" id="description" class="input-lg form-control" maxlength="255"></textarea> |
| 69 | + </div> |
60 | 70 |
|
61 | | - <div class="form-group"> |
62 | | - <input value="Выплатить" type="submit" class="btn btn-success btn-lg form-control" style="font-size: .8rem;"> |
| 71 | + <div class="form-group"> |
| 72 | + <input value="Выплатить" type="submit" class="btn btn-success btn-lg form-control" style="font-size: .8rem;"> |
| 73 | + </div> |
63 | 74 | </div> |
64 | 75 | </div> |
65 | 76 | </div> |
66 | 77 | </div> |
67 | 78 | </div> |
68 | | - </div> |
69 | | -</form> |
| 79 | + </form> |
| 80 | +</div> |
0 commit comments