File size: 4,573 Bytes
e7ba57d e9f809d e7ba57d e4267b0 cbf6498 e4267b0 e7ba57d e4267b0 e7ba57d e4267b0 ae22b95 e4267b0 e7ba57d e4267b0 e7ba57d e4267b0 2b7ff9c 1e9310c e4267b0 2cb426b 2bc38dc 84a84f6 e4267b0 c5055e1 2cb426b c5055e1 2cb426b c5055e1 2cb426b c5055e1 2cb426b c5055e1 1605607 2cb426b c5055e1 2cb426b c5055e1 2cb426b 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 | <!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>
</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="phone">Телефон</label>
<input type="tel" id="phone" required>
</div>
<div class="form-group">
<label for="email">Почта</label>
<input type="email" id="email" 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>
<button type="submit" class="btn-primary">ОТПРАВИТЬ</button>
</form>
<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> |