From cbe858bff3bb480ffa7e5585c3b4783e8c3d9a1f Mon Sep 17 00:00:00 2001 From: sync Date: Mon, 23 Sep 2024 19:57:41 +0300 Subject: [PATCH] Initial commit --- grid.css | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 53 ++++++++++++++++++++++++++++ 2 files changed, 155 insertions(+) create mode 100644 grid.css create mode 100644 index.html diff --git a/grid.css b/grid.css new file mode 100644 index 0000000..b871a12 --- /dev/null +++ b/grid.css @@ -0,0 +1,102 @@ +body { + background: hsl(0deg 100% 100%); + padding: 0; + margin: 0; +} +.payment { + --padding: 4px; + position: relative; + padding: var(--padding); + border: 1px solid hsl(210deg 10% 40%); + border-radius: 8px; + gap: 8px; + height: 100vh; + height: 100svh; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 1rem 1fr; + grid-row-gap: 15px; +} +.title_wrapper { + --padding: 4px; + position: relative; + padding: var(--padding); + border-radius: 8px; + gap: 8px; + height: 4vh; + height: 4svh; + display: grid; + grid-area: span 2/span 1; + grid-template-columns: 1fr; + grid-template-rows: 1rem 1rem; + grid-row-gap: 15px; +} +.section_wrapper { + --padding: 4px; + position: relative; + padding: var(--padding); + border-radius: 8px; + gap: 8px; + height: 2vh; + height: 2svh; + display: grid; + grid-template-columns: 1fr 5fr; + grid-template-rows: 1rem; + column-gap: 0px; +} +.section_header { + display: grid; + place-content: center; + border-radius: 3px; + background: hsl(0deg 100% 50%); + color: white; + font-size: 1.3125rem; + font-weight: bold; + grid-row-gap: 15px; + grid-column-gap: 0px; +} +.section_line { + display: grid; + place-content: center; + border-radius: 3px; + border-top: solid red 3px; + background: hsl(0deg 100% 100%); + color: white; + font-size: 1.3125rem; + font-weight: bold; + grid-row-gap: 15px; + grid-column-gap: 0px; +} +.payer { + --padding: 4px; + position: relative; + padding: var(--padding); + border: 1px solid hsl(210deg 10% 40%); + border-radius: 8px; + gap: 8px; + height: 100vh; + height: 100svh; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1rem 1rem 1rem 1rem; + grid-row-gap: 15px; +} +.child { + display: grid; + margin-bottom: 1px; + place-content: self-start center; + border-radius: 3px; + background: hsl(0deg 100% 100%); + color: black; + font-size: 1.3125rem; + font-weight: bold; +} +.title { + display: grid; + place-content: center; + border-radius: 3px; + background: hsl(0deg 100% 100%); + color: black; + font-size: 1.3125rem; + font-weight: bold; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..7c79389 --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + + Форма платежа по форме банка + + + +
+
+
Рублевый перевод на счета других клиентов или в другие банки, включая налоговые платежи
+
№2 от 03.07.2024
+
+
+
Плательщик
+
+
+
+
Плательщик:
+
Шигорина Наталья Николаевна 00234052
+
Номер счета:
+
+ +
+
ИНН:
+
123456789123
+
Сумма:
+
+ + + RUB +
+
Телефон или электронный адрес:
+
+7-4942326120 schnn@mail.ru
+
+
+
Адрес места жительства:
+
г. Москва, ул. Дмитрия Ульянова 158/1, кв. 12
+
Комиссии и расходы:
+
+ +
+
+
+ +