From 0f7e5eae1364208ff8503f255c317c91b2481e12 Mon Sep 17 00:00:00 2001 From: coca-in-a-cola Date: Thu, 11 Nov 2021 22:25:41 +0500 Subject: [PATCH] done all extra tasks, added more sltyles --- package-lock.json | 1 + server.js | 7 ++-- static/index.html | 101 ++++++++++++++++++++++++++++++++++++++++++++-- static/styles.css | 38 ++++++++--------- 4 files changed, 119 insertions(+), 28 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6aaf3bc..486f987 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,6 +5,7 @@ "requires": true, "packages": { "": { + "name": "tables-and-forms", "version": "1.0.0", "license": "ISC", "dependencies": { diff --git a/server.js b/server.js index e5f002e..1808c71 100644 --- a/server.js +++ b/server.js @@ -11,15 +11,16 @@ const pageHead = Результат заказа питомца + -
-

Результат заказа питомца

+
+

Результат заказа питомца

`; const pageFoot = ` -⃪ Вернуться к форме заказа +⃪ Вернуться к форме заказа
diff --git a/static/index.html b/static/index.html index 514b62f..6fb9e32 100644 --- a/static/index.html +++ b/static/index.html @@ -1,16 +1,111 @@ - + + Форма выбора питомца + +
-

Найди себе друга!

+
+

Найди себе друга!

+
+
- + + + +

Ваши контактные данные

+
+ + +
We'll never share your email with anyone else.
+
+ +
+ + +
+ +
+ + +
+ +
+ +

Ваш желаемый питомец

+ + + + + + +
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+ + +
+ + +
+
+
+ +
\ No newline at end of file diff --git a/static/styles.css b/static/styles.css index ef86c9a..d306233 100644 --- a/static/styles.css +++ b/static/styles.css @@ -1,31 +1,25 @@ -body { - background-color: #F2F2F2; +.orders { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; } -main { - box-sizing: border-box; - width: 100%; - max-width: 1000px; - margin: 30px auto; - padding: 30px; - background: white; - min-height: calc(100vh - 60px); - border-radius: 20px; +.orders th, +.orders td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #eceeef; } -h1 { - font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 300; - margin-top: 0; - font-size: 50px; - text-align: center; - color: rgba(173,38,164,0.67); +.orders thead th { + vertical-align: bottom; + border-bottom: 2px solid #eceeef; } -.error { - color: rgba(173,30,24,0.88); +.orders tbody + tbody { + border-top: 2px solid #eceeef; } -.orders { - margin: 20px 0; +.orders .orders { + background-color: #fff; } \ No newline at end of file