|
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