DmitrMakeev commited on
Commit
815fa05
·
verified ·
1 Parent(s): 97fe22e

Update settings.html

Browse files
Files changed (1) hide show
  1. settings.html +1 -189
settings.html CHANGED
@@ -27,201 +27,13 @@ for (n=0; n<100; n++) {
27
 
28
 
29
 
30
-
31
-
32
- <style>
33
- body {
34
- display: flex;
35
- flex-direction: column;
36
- justify-content: center;
37
- align-items: center;
38
- min-height: 100vh;
39
- margin: 0;
40
- background-color: black;
41
- font-family: Arial, sans-serif;
42
- color: white;
43
- }
44
- #focusis {
45
- text-align: center;
46
- margin-bottom: 20px;
47
- }
48
- .container {
49
- display: flex;
50
- flex-direction: column;
51
- align-items: center;
52
- width: 100%;
53
- padding: 20px;
54
- }
55
- #contactForm {
56
- max-width: 500px;
57
- width: 100%;
58
- padding: 20px;
59
- background-color: #000;
60
- border: 2px solid orange;
61
- border-radius: 10px;
62
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
63
- margin-top: 20px;
64
- }
65
- #contactForm h4 {
66
- text-align: center;
67
- margin-bottom: 20px;
68
- }
69
- .form-group {
70
- margin-bottom: 15px;
71
- text-align: center;
72
- }
73
- label {
74
- display: block;
75
- margin-bottom: 5px;
76
- }
77
- input, select {
78
- width: 90%;
79
- padding: 10px;
80
- margin-bottom: 5px;
81
- border: 1px solid #ffcc99; /* Светло-оранжевая обводка */
82
- border-radius: 5px;
83
- margin: 0 auto;
84
- display: block;
85
- background-color: #000;
86
- color: white;
87
- }
88
- .form-check {
89
- margin-bottom: 15px;
90
- text-align: center;
91
- }
92
- .form-check-input {
93
- margin-right: 5px;
94
- }
95
- .btn-primary {
96
- display: inline-block;
97
- padding: 10px 20px;
98
- color: #fff;
99
- background-color: orange;
100
- border: none;
101
- border-radius: 5px;
102
- cursor: pointer;
103
- text-align: center;
104
- text-decoration: none;
105
- margin: 0 auto;
106
- display: block;
107
- }
108
- .btn-primary:hover {
109
- background-color: darkorange;
110
- }
111
- .responsive-image {
112
- max-width: 100%;
113
- height: auto;
114
- display: block;
115
- margin: 0 auto 20px auto;
116
- }
117
- </style>
118
-
119
- <style>
120
- .modal {
121
- display: none; /* По умолчанию скрыто */
122
- position: fixed;
123
- z-index: 1000;
124
- left: 0;
125
- top: 0;
126
- width: 100%;
127
- height: 100%;
128
- background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
129
- }
130
- .modal-content {
131
- background-color: #fff; /* Белый фон */
132
- color: black; /* Черный текст */
133
- border-radius: 10px;
134
- padding: 20px;
135
- position: absolute;
136
- top: 50%;
137
- left: 50%;
138
- transform: translate(-50%, -50%);
139
- width: 80%; /* Ширина 80% */
140
- max-height: 80%;
141
- overflow-y: auto;
142
- box-shadow: 0 0 20px rgba(0,0,0,0.2);
143
- }
144
- .close {
145
- color: black;
146
- float: right;
147
- font-size: 30px;
148
- font-weight: bold;
149
- cursor: pointer;
150
- }
151
- .close:hover,
152
- .close:focus {
153
- color: darkorange;
154
- text-decoration: none;
155
- cursor: pointer;
156
- }
157
- .modal-content iframe {
158
- width: 100%;
159
- height: 100%;
160
- border: none;
161
- }
162
- </style>
163
  </head>
164
  <body>
165
- <div class="container">
166
- <div id="focusis"></div>
167
-
168
- <img src="https://i.ibb.co/NrZMfsR/105.png" alt="Placeholder Image" class="responsive-image">
169
-
170
- <div id="maaasg"></div>
171
-
172
- <form id="contactForm">
173
- <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
174
- <div class="form-group">
175
- <label for="name">Имя</label>
176
- <input type="text" id="name" required>
177
- </div>
178
-
179
- <div class="form-group">
180
- <label for="email">Почта</label>
181
- <input type="email" id="email" required>
182
- </div>
183
-
184
- <div class="form-group">
185
- <label for="phone">Телефон</label>
186
- <input type="tel" id="phone" required>
187
- </div>
188
-
189
- <div class="form-group">
190
- <label for="options">Выберите тариф</label>
191
- <select id="options" required>
192
- <option value="" disabled selected>Тариф</option>
193
- <option>БИЗНЕС</option>
194
- <option>PREMIUM</option>
195
- <option>VIP</option>
196
- </select>
197
- </div>
198
-
199
- <div class="form-check">
200
- <input type="checkbox" id="newsletter" required>
201
- <label for="newsletter">Согласие на email рассылку</label>
202
- </div>
203
-
204
- <div class="form-group">
205
- <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
206
- </div>
207
-
208
- <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
209
- </form>
210
-
211
- <div id="privacyModal" class="modal">
212
- <div class="modal-content">
213
- <span class="close">&times;</span>
214
- <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
215
- </div>
216
- </div>
217
- </div>
218
-
219
-
220
-
221
 
222
 
223
 
224
 
 
225
 
226
 
227
 
 
27
 
28
 
29
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30
  </head>
31
  <body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
 
33
 
34
 
35
 
36
+ <body id="it02"><div class="form-container container" id="i6jv"><form class="contactForm"><h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4><div class="form-group name-field"><label for="name">Имя</label><input type="text" required class="name"/></div><div class="form-group email-field"><label for="email">Почта</label><input type="email" required class="email"/></div><div class="form-group phone-field"><label for="phone">Телефон</label><input type="tel" required class="phone"/></div><div class="form-group options-field"><label for="options">Выберите тариф</label><select required class="options"><option value="" disabled selected>Тариф</option><option>БИЗНЕС - 69 970р.</option><option>PREMIUM - 89 970р.</option><option>VIP - 149 990р.</option></select></div><div class="form-check newsletter-field"><input type="checkbox" required class="newsletter"/><label for="newsletter">Согласие на email рассылку</label></div><div class="form-group privacy-policy-link"><a href="#" class="privacyPolicyLink">Политика конфиденциальности</a></div><button type="submit" class="btn-primary submit-button">ПЕРЕЙТИ К ОПЛАТЕ</button></form><div class="privacyModal modal"><div class="modal-content"><span class="close">×</span></div></div></div>
37
 
38
 
39