$to = $name['mail'];
$subject = "contactus";
$message = '
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<div id="mail-box" style=" margin-top:5px;
width: 300px;
height: 400px;
margin-left: auto;
margin-right: auto;
background-color:rgb(92, 88, 88) ;">
<div id="logo"style=" color: rgb(59, 252, 59);
font-family: "Quicksand", sans-serif;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
max-height: 60px;">
<h1>contactus</h1>
</div>
<hr id="rh">
<h2 id="text"
style="
color: white;
font-family: "Montserrat", sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 18px;"
>Привет,<span id="g-w" style="color: rgb(59, 252, 59);
margin: 3px;">пароль123</span>!</h2>
<div id="code-r" style="color: white;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 33px;
margin-bottom: 33px;
font-size: 26px;
max-height: 60px;
font-family: "Montserrat", sans-serif;">
<h1>
734726
</h1>
</div>
<h4 id="wh" style=" color: grey;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: "Montserrat", sans-serif;">
Что-бы поменять свой пароль, нужно ввести код на том устройстве, с которого вы сделали этот запрос.
</h4>
</div>
</body>
</html>
';
$headers = "Content-type: text/html; charset=utf-8\r\n";
$headers .= "From: От кого письмо <from@example.com>\r\n";
$headers .= "Reply-To: reply-to@example.com\r\n";
mail($to, $subject, $message, $headers);содержания вопроса это панические приступы
<div id="menu-l">
<div id="hover-menu">
<h1>Препараты</h1>
<img src="arrow.png" id="img-menu">
</div>
<div id="meni-list">
<h4>23232</h4>
<h4>23232</h4>
<h4>23232</h4>
<h4>23232</h4>
</div>
</div>#menu-l {
display: block;
height: 250px;
width: 300px;
}
#hover-menu {
float: left;
font-family: Arial, Helvetica, sans-serif;
display: flex;
border-style: solid;
border-width: 3px;
width: 300px;
height: 80px;
}
#hover-menu:hover {
cursor: pointer;
}
#img-menu {
max-width: 50px;
max-height: 50px;
margin-bottom: auto;
margin-left: auto;
margin-top: auto;
margin-right: 10px;
}
#meni-list {
display: none;
position: relative;
}let menuh = document.getElementById('hover-menu');
let menul = document.getElementById('meni-list');
let menua = document.getElementById('img-menu');
menuh.addEventListener("mouseenter",function(e) {
menul.style.display = "block";
});
menuh.addEventListener('mouseout',function(e) {
menul.style.display = "none";
});