From 5e6204ea54b55320fe56660c0667101be41c1a96 Mon Sep 17 00:00:00 2001 From: andrey Date: Fri, 31 Jan 2025 08:30:17 +0000 Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=B8?= =?UTF-8?q?=D1=82=D1=8C=20=D1=84=D0=B0=D0=B9=D0=BB=D1=8B=20=D0=B2=20=C2=AB?= =?UTF-8?q?/=C2=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- arrow_down.svg | 5 +++ index.html | 77 +++++++++++++++++++++++++++++++++ style.css | 113 +++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 195 insertions(+) create mode 100644 arrow_down.svg create mode 100644 index.html create mode 100644 style.css diff --git a/arrow_down.svg b/arrow_down.svg new file mode 100644 index 0000000..4aae359 --- /dev/null +++ b/arrow_down.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..35414b7 --- /dev/null +++ b/index.html @@ -0,0 +1,77 @@ + + + + + + + + + + Архив телефонии + + +
+ + + +

Архив телефонии

+
+
+
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ +
+
+
+
+
+
+

+ + 23 + + записи +

+ +
+
+
+

79998887766-79998887755_01.12.2022_13:12.mp3

+ download +
+
+

79998887766-79998887755_01.12.2022_13:12.mp3

+ download +
+
+

79998887766-79998887755_01.12.2022_13:12.mp3

+ download +
+
+

79998887766-79998887755_01.12.2022_13:12.mp3

+ download +
+
+

79998887766-79998887755_01.12.2022_13:12.mp3

+ download +
+
+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..aef657b --- /dev/null +++ b/style.css @@ -0,0 +1,113 @@ +body { + margin: 0px; + padding: 0px; + font-family: 'Montserrat', sans-serif; +} +.topnav { + background-color: #EEEEEE; + overflow: hidden; + display: flex; + justify-content: space-between; + align-items: center; +} +.topnav img { + width: 300px; + border: none; + outline: none; +} +.topnav p { + font-size: 32px; + margin-right: 32px; + color: #5B5B5B; +} +.input { + display: inline-block; + margin-top: 32px; + border: #D9D9D9 solid; + border-radius: 16px; + border-width: 3px; + padding: 32px; +} +label { + display: block; + font-size: 16px; + color: #5B5B5B; +} +input { + color: #5B5B5B; + padding: 16px; + width: 240px; + border: #D9D9D9 solid; + border-width: 3px; + border-radius: 8px; +} +.time { + display: flex; +} +.start { + margin-right: 32px; +} +section { + display: flex; + flex-direction: column; + align-items: center; +} +#submit { + margin-left: 32px; + margin-top: 18px; + width: 275px; + color: #FFFFFF; + border: #0165FF solid 3px; + background-color: #0165FF; + cursor: pointer; +} +#submit:hover { + color: #0165FF; + background-color: #FFFFFF; + border: #0165FF solid 3px; +} +.number-submit { + display: flex; + margin-top: 16px; +} +/* DOWNLOAD */ +.data{ + display: inline-block; + margin-top: 32px; + border: #D9D9D9 solid; + border-radius: 16px; + border-width: 3px; + width: 640px; +} +.download { + display: flex; + align-items: center; + justify-content: space-between; + padding: 32px; +} +hr { + border: none; + height: 3px; + background-color: #D9D9D9; +} +.download #submit{ + margin-top: 0px; +} +.record { + display: flex; + border: #D9D9D9 solid; + border-radius: 16px; + border-width: 3px; + color: #5B5B5B; + justify-content: space-between; + align-items: center; + padding-left: 16px; + padding-right: 16px; + margin: 16px; + cursor: pointer; +} +.data img { + margin-left: 16px; + background-color: #0165FF; + border-radius: 4px; +} \ No newline at end of file