$token = "****************************************";
$chat_id = "***********";
$data = $_POST;
$arr = array();
$txt = '';
isset($data['user_name']) and $arr['Имя пользователя: '] = $data['user_name'];
isset($data['user_telegram']) and $arr['Telegram: '] = $data['user_telegram'];
isset($data['user_instagram']) and $arr['Instagram: '] = $data['user_instagram'];
isset($data['user_email']) and $arr['Email: '] = $data['user_email'];
isset($data['logo_1']) and $arr['Для чего нужен логотип: '] = $data['logo_1'];
isset($data['logo_2']) and $arr['Пожелания к логотипу: '] = $data['logo_2'];
isset($data['logo_3']) and $arr['Целевая аудитория: '] = $data['logo_3'];
isset($data['logo_4']) and $arr['Наличие материалов: '] = $data['logo_4'];
isset($data['logo_5']) and $arr['Примеры логотипов: '] = $data['logo_5'];
foreach($arr as $key => $value) {
$txt .= "<b>".$key."</b> ".$value."%0A";
};
$sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");
if ($sendToTelegram) {
header('Location: thank-you.php');
} else {
echo "Error";
}
<input class="check-input" type="checkbox" name="checkbox" id='checkbox' checked required>
<span>кастомный код</span>
<label class="check-label" for="checkbox" >Даю согласие на обработку данных</label>
<input class="check-input" type="checkbox" name="checkbox" id='checkbox2' required>
<span>кастомный код</span>
<label class="check-label" for="checkbox2" >Даю согласие на обработку данных</label>
.check-input:checked + span + .check-label::before {
content: '';
background: url("../img/checkIcon.svg") center no-repeat;
background-size: 70%;
}
Задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.
<div class="item">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3</div>
.class {
color: red;
}
var els = document.querySelectorAll('.item');
[].forEach.call(els, function(el, i, els) {
el.classList.add("class");
});
<input type="file" class="custom-file-input">
.custom-file-input {
color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
visibility: hidden;
}
.custom-file-input::before {
content: 'Файл не выбран';
color: black;
display: inline-block;
background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
border: 1px solid #999;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-weight: 700;
font-size: 10pt;
}
.custom-file-input:hover::before {
border-color: black;
}
.custom-file-input:active {
outline: 0;
}
.custom-file-input:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}