Hugging Face's logo

Spaces:
DMTuit
/
psy2
Sleeping

App Files Community
DmitrMakeev commited on
Commit
b897754
·
verified ·
1 Parent(s): 669d47e

Update biz_v.html

Browse files
Files changed (1) hide show
  1. biz_v.html +112 -94
biz_v.html CHANGED
@@ -7,100 +7,118 @@
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
8
  <style>
9
  body {
10
- font-family: Arial, sans-serif;
11
- text-align: center;
12
- background-color: #f0f0f0;
13
- margin: 0;
14
- padding: 0;
15
- }
16
- h1 {
17
- background-color: #4CAF50;
18
- color: white;
19
- padding: 20px;
20
- margin: 0;
21
- border-bottom: 2px solid #388E3C;
22
- font-size: 28px;
23
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
24
- }
25
- .container {
26
- display: flex;
27
- justify-content: space-around;
28
- margin-top: 20px;
29
- }
30
- .block {
31
- width: 45%;
32
- text-align: left;
33
- background-color: white;
34
- padding: 20px;
35
- border-radius: 10px;
36
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
37
- }
38
- .form-group {
39
- margin: 20px 0;
40
- }
41
- .form-group label {
42
- display: block;
43
- margin-bottom: 8px;
44
- font-size: 16px;
45
- }
46
- .form-group input,
47
- .form-group select {
48
- width: 100%;
49
- padding: 12px;
50
- font-size: 16px;
51
- border: 1px solid #ccc;
52
- border-radius: 5px;
53
- box-sizing: border-box;
54
- }
55
- button {
56
- display: block;
57
- margin: 20px auto;
58
- color: white;
59
- background-color: #4CAF50;
60
- border: none;
61
- cursor: pointer;
62
- padding: 12px 24px;
63
- font-size: 16px;
64
- border-radius: 5px;
65
- transition: background-color 0.3s ease;
66
- }
67
- button:hover {
68
- background-color: #388E3C;
69
- }
70
- .input-row {
71
- display: flex;
72
- justify-content: center;
73
- gap: 10px;
74
- margin-top: 20px;
75
- }
76
- .input-row input[type="file"] {
77
- padding: 10px;
78
- font-size: 16px;
79
- border: 1px solid #ccc;
80
- border-radius: 5px;
81
- }
82
- .input-row input[type="checkbox"] {
83
- margin-top: 5px;
84
- }
85
- .input-row label {
86
- display: flex;
87
- align-items: center;
88
- color: #4CAF50;
89
- font-size: 16px;
90
- }
91
- #uploadButton {
92
- color: white;
93
- background-color: #4CAF50;
94
- border: none;
95
- cursor: pointer;
96
- padding: 10px 20px;
97
- font-size: 16px;
98
- border-radius: 5px;
99
- margin-top: 20px;
100
- }
101
- #uploadButton:hover {
102
- background-color: #388E3C;
103
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
104
  </style>
105
  </head>
106
  <body>
 
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
8
  <style>
9
  body {
10
+ font-family: Arial, sans-serif;
11
+ text-align: center;
12
+ background-color: #f0f0f0;
13
+ margin: 0;
14
+ padding: 0;
15
+ }
16
+ h1 {
17
+ background-color: #4CAF50;
18
+ color: white;
19
+ padding: 20px;
20
+ margin: 0;
21
+ border-bottom: 2px solid #388E3C;
22
+ font-size: 28px;
23
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
24
+ }
25
+ .container {
26
+ display: flex;
27
+ justify-content: space-around;
28
+ margin-top: 20px;
29
+ }
30
+ .block {
31
+ width: 45%;
32
+ text-align: left;
33
+ background-color: white;
34
+ padding: 20px;
35
+ border-radius: 10px;
36
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
37
+ }
38
+ .form-group {
39
+ margin: 20px 0;
40
+ }
41
+ .form-group label {
42
+ display: block;
43
+ margin-bottom: 8px;
44
+ font-size: 16px;
45
+ }
46
+ .form-group input,
47
+ .form-group select {
48
+ width: 100%;
49
+ padding: 12px;
50
+ font-size: 16px;
51
+ border: 1px solid #ccc;
52
+ border-radius: 5px;
53
+ box-sizing: border-box;
54
+ }
55
+ button {
56
+ display: block;
57
+ margin: 20px auto;
58
+ color: white;
59
+ background-color: #4CAF50;
60
+ border: none;
61
+ cursor: pointer;
62
+ padding: 12px 24px;
63
+ font-size: 16px;
64
+ border-radius: 5px;
65
+ transition: background-color 0.3s ease;
66
+ }
67
+ button:hover {
68
+ background-color: #388E3C;
69
+ }
70
+ .input-row {
71
+ display: flex;
72
+ justify-content: center;
73
+ gap: 10px;
74
+ margin-top: 20px;
75
+ }
76
+ .input-row input[type="file"] {
77
+ padding: 10px;
78
+ font-size: 16px;
79
+ border: 1px solid #ccc;
80
+ border-radius: 5px;
81
+ }
82
+ .input-row input[type="checkbox"] {
83
+ margin-top: 5px;
84
+ }
85
+ .input-row label {
86
+ display: flex;
87
+ align-items: center;
88
+ color: #4CAF50;
89
+ font-size: 16px;
90
+ }
91
+ #uploadButton {
92
+ color: white;
93
+ background-color: #4CAF50;
94
+ border: none;
95
+ cursor: pointer;
96
+ padding: 10px 20px;
97
+ font-size: 16px;
98
+ border-radius: 5px;
99
+ margin-top: 20px;
100
+ display: block;
101
+ margin-left: auto;
102
+ margin-right: auto;
103
+ }
104
+ #uploadButton:hover {
105
+ background-color: #388E3C;
106
+ }
107
+ /* Стили для выпадающего списка */
108
+ #dropdown-container select {
109
+ width: 100%;
110
+ padding: 12px;
111
+ font-size: 16px;
112
+ border: 1px solid #ccc;
113
+ border-radius: 5px;
114
+ box-sizing: border-box;
115
+ background-color: white;
116
+ appearance: none; /* Убираем станда��тные стили браузера */
117
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
118
+ background-repeat: no-repeat;
119
+ background-position: right 10px center;
120
+ background-size: 16px;
121
+ }
122
  </style>
123
  </head>
124
  <body>