File size: 6,307 Bytes
e7ba57d e9f809d e7ba57d 4d2243d e4267b0 cbf6498 e4267b0 e7ba57d e4267b0 e7ba57d e4267b0 ae22b95 e4267b0 e7ba57d e4267b0 e7ba57d e4267b0 514d403 cbd058b 76f4aff cbd058b 4d2243d cbd058b 4d2243d cbd058b a18b7a9 cbd058b 2b7ff9c 1e9310c e4267b0 2cb426b 2bc38dc 84a84f6 e4267b0 c5055e1 2cb426b c5055e1 2cb426b 4d2243d 2cb426b c5055e1 2cb426b 4d2243d a3e80b0 4d2243d 2cb426b c5055e1 1605607 2cb426b 4d2243d 2cb426b c5055e1 514d403 4d2243d cf658a2 2cb426b 4d2243d a48703b 2cb426b c5055e1 4d2243d c5055e1 a3e80b0 c5055e1 e7ba57d e4267b0 ccb1ce0 5311932 e7ba57d b654efd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Form</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
<style>
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
background-color: black;
font-family: Arial, sans-serif;
color: white;
}
#focusis {
text-align: center;
margin-bottom: 20px;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 20px;
}
#contactForm {
max-width: 500px;
width: 100%;
padding: 20px;
background-color: #000;
border: 2px solid orange;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
#contactForm h4 {
text-align: center;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
text-align: center;
}
label {
display: block;
margin-bottom: 5px;
}
input, select {
width: 90%;
padding: 10px;
margin-bottom: 5px;
border: 1px solid #ffcc99; /* Светло-оранжевая обводка */
border-radius: 5px;
margin: 0 auto;
display: block;
background-color: #000;
color: white;
}
.form-check {
margin-bottom: 15px;
text-align: center;
}
.form-check-input {
margin-right: 5px;
}
.btn-primary {
display: inline-block;
padding: 10px 20px;
color: #fff;
background-color: orange;
border: none;
border-radius: 5px;
cursor: pointer;
text-align: center;
text-decoration: none;
margin: 0 auto;
display: block;
}
.btn-primary:hover {
background-color: darkorange;
}
.responsive-image {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 20px auto;
}
</style>
<style>
.modal {
display: none; /* По умолчанию скрыто */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
}
.modal-content {
background-color: #fff; /* Белый фон */
color: black; /* Черный текст */
border-radius: 10px;
padding: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%; /* Ширина 80% */
max-height: 80%;
overflow-y: auto;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.close {
color: black;
float: right;
font-size: 30px;
font-weight: bold;
cursor: pointer;
}
.close:hover,
.close:focus {
color: darkorange;
text-decoration: none;
cursor: pointer;
}
.modal-content iframe {
width: 100%;
height: 520px;
border: none;
}
</style>
</head>
<body>
<div class="container">
<div id="focusis"></div>
<img src="https://i.ibb.co/NrZMfsR/105.png" alt="Placeholder Image" class="responsive-image">
<div id="maaasg"></div>
<form id="contactForm">
<h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
<div class="form-group">
<label for="name">Имя</label>
<input type="text" id="name" required>
</div>
<div class="form-group">
<label for="email">Почта</label>
<input type="email" id="email" required>
</div>
<div class="form-group">
<label for="phone">Телефон</label>
<input type="tel" id="phone" required>
</div>
<div class="form-group">
<label for="options">Выберите тариф</label>
<select id="options" required>
<option value="" disabled selected>Тариф</option>
<option>БИЗНЕС</option>
<option>PREMIUM</option>
<option>VIP</option>
</select>
</div>
<div class="form-check">
<input type="checkbox" id="newsletter" required>
<label for="newsletter">Согласие на email рассылку</label>
</div>
<div class="form-group">
<a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
</div>
<button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
</form>
<div id="privacyModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
</div>
</div>
</div>
<br><br><br><br><br><br>
</div>
<script type="text/javascript" src="https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js"></script>
</body>
</html> |