commit 5e6204ea54b55320fe56660c0667101be41c1a96 Author: andrey Date: Fri Jan 31 08:30:17 2025 +0000 Загрузить файлы в «/» 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