Форму я скачал и подстроил под себя, но не понимаю как стилизовать страницу "спасибо", ну или подключить отдельную страницу если стилизация не возможна, помогите пожалуйста...заранее спасибо.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css" type="text/css">
<title>Form send</title>
</head>
<body>
<section class="section">
<form class="form" action="send.php" method="post">
<div class="form__item">
<p class="form__title">Тип подключения</p>
<select class="form__label" name="conect_id">
<option value="Интернет">Интернет</option>
<option value="Видеонаблюдение">Видеонаблюдение</option>
<option value="Телефония">Телефония</option>
<option value="Интернет+ТВ Смотрёшка">Интернет+ТВ "Смотрёшка"</option>
</select>
</div>
<div class="form__item">
<p class="form__title">Ваше имя*</p>
<input class="form__label" type="text" name="first_name" required placeholder="ФИО">
</div>
<div class="form__item">
<p class="form__title">Адрес*:</p>
<input class="form__label" type="text" name="adress" required placeholder="Адрес">
</div>
<div class="form__item">
<p class="form__title">Email:</p>
<input class="form__label" type="text" name="email" placeholder="Ваш E-mail">
</div>
<div class="form__item">
<p class="form__title">Номер телефона*:</p>
<input class="form__label" type="text" name="phone" required placeholder="+7(___)___-__-__">
</div>
<div class="form__item button">
<input class="form__button" type="submit" name="submit" value="Отправить">
</div>
</form>
</section>
</html>
/* Указываем box sizing*/
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Убираем внешние отступы */
body, p {
margin: 0;
}
.section {
display: flex;
font-family: sans-serif;
}
.form * {
outline: none;
}
.form {
margin: 0 auto;
width: 375px;
padding: 15px;
border-radius: 3px;
background: linear-gradient(to bottom right, #a0d8ff, #ffffff);
}
.form__item {
margin: 15px 0 0;
}
.form__item:first-child {
margin:0;
}
.form__item select, input {
width: 100%;
height: 35px;
padding: 5px;
border-radius: 3px;
border: none;
}
.form__label {
transition: all 0.5s ease 0s;
}
option {
padding: 5px;
}
.form__label:focus {
box-shadow: 0 0 10px rgb(133, 133, 133) ;
}
.form__button {
background-color: #007ed1;
color: white;
transition: all 0.2s;
}
.form__button:hover {
background-color: #00568f;
}
.button {
margin: 35px 0 0;
border-radius: 3px;
transition: all 0.2s;
}
.button:hover {
box-shadow: 0 1px 5px 0 black;
}
.form__title {
font-size: 20px;
padding: 0 0 3px 0;
}
<?php
if(isset($_POST['submit'])){
/* Устанавливаем e-mail Кому и от Кого будут приходить письма */
$to = "karenjeday98@mail.ru"; // Здесь нужно написать e-mail, куда будут приходить письма
$from = "mail@grachikoffvillage.ru"; // Здесь нужно написать e-mail, от кого будут приходить письма, например no-reply@epicblog.net
/* Указываем переменные, в которые будет записываться информация с формы */
$conect_id = $_POST['conect_id'];
$first_name = $_POST['first_name'];
$adress = $_POST['adress'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$subject = "Форма отправки заявок";//Фиксированная тема письма
/* Проверка правильного написания e-mail адреса */
if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/", $email))
{
show_error("<br /> Е-mail адрес не существует");
}
/* Переменная, которая будет отправлена на почту со значениями, вводимых в поля */
$mail_to_myemail = "Новая заявка!
Данные клиента
Тип подключения: $conect_id
Имя отправителя: $first_name
Адрес: $adress
E-mail: $email
Номер телефона: $phone
";
$headers = "From: $from \r\n";
/* Отправка сообщения, с помощью функции mail() */
mail($to, $subject, $mail_to_myemail, $headers . 'Content-type: text/plain; charset=utf-8');
echo "Сообщение отправлено. Спасибо Вам " . $first_name . ", мы скоро свяжемся с Вами.";
echo "<br /><br /><a href='https://grachikoffvillage.ru'>Вернуться на сайт.</a>";
}
?>
<!--Переадресация на главную страницу сайта, через 3 секунды-->
<script language="JavaScript" type="text/javascript">
function changeurl(){eval(self.location="https://grachikoffvillage.ru");}
window.setTimeout("changeurl();",3000);
</script>
Простой
