Hugging Face's logo

Spaces:
vkatis
/
api
Sleeping

App Files Community
DmitrMakeev commited on
Commit
e4267b0
·
verified ·
1 Parent(s): 4a18aaf

Update settings.html

Browse files
Files changed (1) hide show
  1. settings.html +125 -119
settings.html CHANGED
@@ -11,129 +11,135 @@
11
 
12
 
13
  </head>
14
- <style>
15
- body {
16
- display: flex;
17
- flex-direction: column;
18
- justify-content: center;
19
- align-items: center;
20
- min-height: 100vh;
21
- margin: 0;
22
- background-color: #f8f9fa;
23
- font-family: Arial, sans-serif;
24
- }
25
-
26
- #focusis {
27
- text-align: center;
28
- margin-bottom: 20px;
29
- }
30
-
31
- .container {
32
- display: flex;
33
- flex-direction: column;
34
- align-items: center;
35
- width: 100%;
36
- padding: 20px;
37
- }
38
-
39
- #contactForm {
40
- max-width: 500px;
41
- width: 100%;
42
- padding: 20px;
43
- background-color: #fff;
44
- border-radius: 10px;
45
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
46
- margin-top: 20px;
47
- }
48
-
49
- .form-group {
50
- margin-bottom: 15px;
51
- }
52
-
53
- label {
54
- display: block;
55
- margin-bottom: 5px;
56
- }
57
-
58
- input, select {
59
- width: 100%;
60
- padding: 10px;
61
- margin-bottom: 5px;
62
- border: 1px solid #ccc;
63
- border-radius: 5px;
64
- }
65
-
66
- .form-check {
67
- margin-bottom: 15px;
68
- }
69
-
70
- .form-check-input {
71
- margin-right: 5px;
72
- }
73
-
74
- .btn-primary {
75
- display: inline-block;
76
- padding: 10px 20px;
77
- color: #fff;
78
- background-color: orange;
79
- border: none;
80
- border-radius: 5px;
81
- cursor: pointer;
82
- text-align: center;
83
- text-decoration: none;
84
- }
85
-
86
- .btn-primary:hover {
87
- background-color: darkorange;
88
- }
89
-
90
- .responsive-image {
91
- max-width: 100%;
92
- height: auto;
93
- display: block;
94
- margin: 0 auto;
95
- }
96
- </style>
 
 
 
 
 
 
97
  </head>
98
  <body>
99
- <div class="container">
100
- <div id="focusis">
101
- <h1>Привет ВК</h1>
102
- </div>
103
-
104
- <img src="https://via.placeholder.com/600x200" alt="Placeholder Image" class="responsive-image">
105
-
106
- <div id="maaasg"></div>
107
-
108
- <form id="contactForm">
109
- <div class="form-group">
110
- <label for="name">Имя</label>
111
- <input type="text" id="name" required>
112
- </div>
113
- <div class="form-group">
114
- <label for="phone">Телефон</label>
115
- <input type="tel" id="phone" required>
116
  </div>
117
- <div class="form-group">
118
- <label for="email">Почта</label>
119
- <input type="email" id="email" required>
120
- </div>
121
- <div class="form-group">
122
- <label for="options">Выберите опцию</label>
123
- <select id="options">
124
- <option>Опция 1</option>
125
- <option>Опция 2</option>
126
- <option>Опция 3</option>
127
- </select>
128
- </div>
129
- <div class="form-check">
130
- <input type="checkbox" id="newsletter">
131
- <label for="newsletter">Согласен на рассылку</label>
132
- </div>
133
- <button type="submit" class="btn-primary">Отправить</button>
134
- </form>
135
- </div>
136
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
 
138
 
139
 
 
11
 
12
 
13
  </head>
14
+ <style>
15
+ body {
16
+ display: flex;
17
+ flex-direction: column;
18
+ justify-content: center;
19
+ align-items: center;
20
+ min-height: 100vh;
21
+ margin: 0;
22
+ background-color: #f8f9fa;
23
+ font-family: Arial, sans-serif;
24
+ }
25
+
26
+ #focusis {
27
+ text-align: center;
28
+ margin-bottom: 20px;
29
+ }
30
+
31
+ .container {
32
+ display: flex;
33
+ flex-direction: column;
34
+ align-items: center;
35
+ width: 100%;
36
+ padding: 20px;
37
+ }
38
+
39
+ #contactForm {
40
+ max-width: 500px;
41
+ width: 100%;
42
+ padding: 20px;
43
+ background-color: #fff;
44
+ border-radius: 10px;
45
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
46
+ margin-top: 20px;
47
+ }
48
+
49
+ .form-group {
50
+ margin-bottom: 15px;
51
+ text-align: center;
52
+ }
53
+
54
+ label {
55
+ display: block;
56
+ margin-bottom: 5px;
57
+ }
58
+
59
+ input, select {
60
+ width: 90%;
61
+ padding: 10px;
62
+ margin-bottom: 5px;
63
+ border: 1px solid #ccc;
64
+ border-radius: 5px;
65
+ margin: 0 auto;
66
+ display: block;
67
+ }
68
+
69
+ .form-check {
70
+ margin-bottom: 15px;
71
+ text-align: center;
72
+ }
73
+
74
+ .form-check-input {
75
+ margin-right: 5px;
76
+ }
77
+
78
+ .btn-primary {
79
+ display: inline-block;
80
+ padding: 10px 20px;
81
+ color: #fff;
82
+ background-color: orange;
83
+ border: none;
84
+ border-radius: 5px;
85
+ cursor: pointer;
86
+ text-align: center;
87
+ text-decoration: none;
88
+ margin: 0 auto;
89
+ display: block;
90
+ }
91
+
92
+ .btn-primary:hover {
93
+ background-color: darkorange;
94
+ }
95
+
96
+ .responsive-image {
97
+ max-width: 100%;
98
+ height: auto;
99
+ display: block;
100
+ margin: 0 auto 20px auto;
101
+ }
102
+ </style>
103
  </head>
104
  <body>
105
+ <div class="container">
106
+ <div id="focusis">
107
+ <h1>Привет ВК</h1>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
108
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
109
 
110
+ <img src="https://via.placeholder.com/600x200" alt="Placeholder Image" class="responsive-image">
111
+
112
+ <div id="maaasg"></div>
113
+
114
+ <form id="contactForm">
115
+ <div class="form-group">
116
+ <label for="name">Имя</label>
117
+ <input type="text" id="name" required>
118
+ </div>
119
+ <div class="form-group">
120
+ <label for="phone">Телефон</label>
121
+ <input type="tel" id="phone" required>
122
+ </div>
123
+ <div class="form-group">
124
+ <label for="email">Почта</label>
125
+ <input type="email" id="email" required>
126
+ </div>
127
+ <div class="form-group">
128
+ <label for="options">Выберите опцию</label>
129
+ <select id="options">
130
+ <option>Опция 1</option>
131
+ <option>Опция 2</option>
132
+ <option>Опция 3</option>
133
+ </select>
134
+ </div>
135
+ <div class="form-check">
136
+ <input type="checkbox" id="newsletter">
137
+ <label for="newsletter">Согласен на рассылку</label>
138
+ </div>
139
+ <button type="submit" class="btn-primary">Отправить</button>
140
+ </form>
141
+ </div>
142
+ </body>
143
 
144
 
145