Testmail with thankyou page

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Perfect Ayurveda</title>
    <style>
        .thank-sec{
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              width: 70%;
              height: 80%;
              padding: 0px 20px 20px 20px;  
              color: #000;
              text-align: center;
            }
            .thank-sec a img {
                width: 15%;
            }
            .thank-sec h1{
               font-size: 80px;
                line-height: 86px;
                font-weight: 600;
                width: 100%;
                text-transform: uppercase;
                margin: 25px 0px;
            }
            .thank-sec i{
                font-size: 70px;
                line-height: 76px;
                padding-bottom: 20px;
                font-weight: 600;
                width: 100%;
                color: #17a43b;
            }
            .thank-sec p{
                font-size: 25px;
                line-height: 30px;
                font-weight: 600;
                color: #1c1c1c;
            }
        .back-site{
            border: 1px solid #034821;
            padding: 7px 10px;
            width: 200px;
            display: inline-block;
            border-radius: 3px;
            font-size: 27px;
            text-decoration: none;
            font-weight: 600;
            color: #fff;
            background: #049743;
            text-shadow: 1px 1px 1px #054420;
            line-height: 33px;
        }

    </style>
</head>
<body>
<div class="thanks">
 
    <?php @extract($_POST);?>
        <?php 
$to = "dahiyaji008@gmail.com";
$subject= $name . "" . "(By Perfect Ayurveda)";
//body
$body = "\n Client Details :
\n\n  Name : " . $name .   
"\n Mobile : ". $phone .
"\n Email : ". $email .
"\n Message : ". $message ;
if (mail($to, $subject, $body, "From:$email")) {
         echo('<div class="thank-sec">
  <a href="index.html"><img src="images/logo.png"></a>
                <h1>Thank you</h1>
                <i class="fa fa-check"></i>
                <p>ONE OF OUR COUNCELLORS WILL CONTACT YOU, SHORTLY!</p>
                <p>WE HOPE TO SEE YOU AROUND!</p>
                <a href="index.html" class="back-site">Back To Home</a>
            </div>');
          
        } else {
         echo("<p style='text-align:center;'>Message delivery failed...</p>");
        }
?>
</div>
</body>
</html>

Comments