Hugging Face's logo

Spaces:
vkatis
/
api
Sleeping

App Files Community
DmitrMakeev commited on
Commit
2b7ff9c
·
verified ·
1 Parent(s): 22454cf

Update settings.html

Browse files
Files changed (1) hide show
  1. settings.html +119 -94
settings.html CHANGED
@@ -1,13 +1,13 @@
1
  <!doctype html>
2
 
3
  <head>
 
4
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
5
  <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
6
  <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
7
 
8
 
9
 
10
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css">
11
  <script src="https://cdn.staticfile.org/jquery/3.6.3/jquery.min.js"></script>
12
  <script src="https://cdn.staticfile.org/markdown-it/13.0.1/markdown-it.min.js"></script>
13
 
@@ -42,102 +42,127 @@
42
 
43
  </head>
44
  <style>
45
-
46
-
47
-
48
- </style>
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
60
  <body>
61
-
62
-
63
-
64
-
65
- <div id="focusis">
66
-
67
- <h1>Привет ВК</h1>
68
-
69
  </div>
70
 
71
-
72
-
73
-
74
-
75
- <div id="maaasg"></div>
76
-
77
- <form id="contactForm">
78
- <div class="form-group">
79
- <label for="name">Имя</label>
80
- <input type="text" class="form-control" id="name" required>
81
- </div>
82
- <div class="form-group">
83
- <label for="phone">Телефон</label>
84
- <input type="tel" class="form-control" id="phone" required>
85
- </div>
86
- <div class="form-group">
87
- <label for="email">Почта</label>
88
- <input type="email" class="form-control" id="email" required>
89
- </div>
90
- <div class="form-group">
91
- <label for="options">Выберите опцию</label>
92
- <select class="form-control" id="options">
93
- <option>Опция 1</option>
94
- <option>Опция 2</option>
95
- <option>Опция 3</option>
96
- </select>
97
- </div>
98
- <div class="form-check">
99
- <input type="checkbox" class="form-check-input" id="newsletter">
100
- <label class="form-check-label" for="newsletter">Согласен на рассылку</label>
101
- </div>
102
- <button type="submit" class="btn btn-primary">Отправить</button>
103
- </form>
104
-
105
-
106
- <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>
107
-
108
-
109
-
110
-
111
-
112
-
113
- <script>
114
-
115
- $(document).ready(function(){
116
- $('.topmenu ul li').hover(
117
- function() {
118
- $(this).addClass("active");
119
- $(this).find('ul').stop(true, true); // останавливаем всю текущую анимацию
120
- $(this).find('ul').slideDown();
121
- },
122
- function() {
123
- $(this).removeClass("active");
124
- $(this).find('ul').slideUp('fast');
125
- }
126
- );
127
- });
128
-
129
-
130
-
131
-
132
-
133
-
134
-
135
-
136
- </script>
137
-
138
-
139
-
140
-
141
 
142
 
143
 
 
1
  <!doctype html>
2
 
3
  <head>
4
+
5
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
6
  <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
7
  <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
8
 
9
 
10
 
 
11
  <script src="https://cdn.staticfile.org/jquery/3.6.3/jquery.min.js"></script>
12
  <script src="https://cdn.staticfile.org/markdown-it/13.0.1/markdown-it.min.js"></script>
13
 
 
42
 
43
  </head>
44
  <style>
45
+ body {
46
+ display: flex;
47
+ flex-direction: column;
48
+ justify-content: center;
49
+ align-items: center;
50
+ min-height: 100vh;
51
+ margin: 0;
52
+ background-color: #f8f9fa;
53
+ font-family: Arial, sans-serif;
54
+ }
55
+
56
+ #focusis {
57
+ text-align: center;
58
+ margin-bottom: 20px;
59
+ }
60
+
61
+ .container {
62
+ display: flex;
63
+ flex-direction: column;
64
+ align-items: center;
65
+ width: 100%;
66
+ padding: 20px;
67
+ }
68
+
69
+ #contactForm {
70
+ max-width: 500px;
71
+ width: 100%;
72
+ padding: 20px;
73
+ background-color: #fff;
74
+ border-radius: 10px;
75
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
76
+ margin-top: 20px;
77
+ }
78
+
79
+ .form-group {
80
+ margin-bottom: 15px;
81
+ }
82
+
83
+ label {
84
+ display: block;
85
+ margin-bottom: 5px;
86
+ }
87
+
88
+ input, select {
89
+ width: 100%;
90
+ padding: 10px;
91
+ margin-bottom: 5px;
92
+ border: 1px solid #ccc;
93
+ border-radius: 5px;
94
+ }
95
+
96
+ .form-check {
97
+ margin-bottom: 15px;
98
+ }
99
+
100
+ .form-check-input {
101
+ margin-right: 5px;
102
+ }
103
+
104
+ .btn-primary {
105
+ display: inline-block;
106
+ padding: 10px 20px;
107
+ color: #fff;
108
+ background-color: orange;
109
+ border: none;
110
+ border-radius: 5px;
111
+ cursor: pointer;
112
+ text-align: center;
113
+ text-decoration: none;
114
+ }
115
+
116
+ .btn-primary:hover {
117
+ background-color: darkorange;
118
+ }
119
+
120
+ .responsive-image {
121
+ max-width: 100%;
122
+ height: auto;
123
+ display: block;
124
+ margin: 0 auto;
125
+ }
126
+ </style>
127
+ </head>
128
  <body>
129
+ <div class="container">
130
+ <div id="focusis">
131
+ <h1>Привет ВК</h1>
 
 
 
 
 
132
  </div>
133
 
134
+ <img src="https://via.placeholder.com/600x200" alt="Placeholder Image" class="responsive-image">
135
+
136
+ <div id="maaasg"></div>
137
+
138
+ <form id="contactForm">
139
+ <div class="form-group">
140
+ <label for="name">Имя</label>
141
+ <input type="text" id="name" required>
142
+ </div>
143
+ <div class="form-group">
144
+ <label for="phone">Телефон</label>
145
+ <input type="tel" id="phone" required>
146
+ </div>
147
+ <div class="form-group">
148
+ <label for="email">Почта</label>
149
+ <input type="email" id="email" required>
150
+ </div>
151
+ <div class="form-group">
152
+ <label for="options">Выберите опцию</label>
153
+ <select id="options">
154
+ <option>Опция 1</option>
155
+ <option>Опция 2</option>
156
+ <option>Опция 3</option>
157
+ </select>
158
+ </div>
159
+ <div class="form-check">
160
+ <input type="checkbox" id="newsletter">
161
+ <label for="newsletter">Согласен на рассылку</label>
162
+ </div>
163
+ <button type="submit" class="btn-primary">Отправить</button>
164
+ </form>
165
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
166
 
167
 
168