Online PHP editor | output for 1ohvr

<?php $to = 'mahmoud.ajeeb@outlook.com'; $subject = 'Message to Mahmoud'; $name = $_POST['name']; $email = $_POST['email']; $topic = $_POST['selectbasic']; $message = $_POST['message']; $body = <<<EMAIL Hi You Recived a Message From $name regarding $topic $message sender Email is $email EMAIL; $header = "From: $email"; if($_POST)( mail($to, $subject, $body, $header); $feedback = 'Message Send' ) ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Mahmoud Ajeeb | Frontend Developer</title>  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <link rel="stylesheet" href="css/main.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'> </head> <body>  <div id="preloader"> <div id="status"> </div> </div> <div id="head2"> <div class="header2"> <a href="index.html"><img class="logo" height="100px" src="img/logo.png" alt="logo" /></a> <span> <h1 class="hh">Hire Me</h1> </span> <div class="navbar transparent navbar-inverse navbar-static-top hr"> <div class="navbar-brand logo"></div> <div class="navbar-brand-right"> </div> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav" style="font-size:17px;margin-top:9px; color:white;"> <li><a class="navbar" href="index.html">Home Page</a></li> <li><a class="navbar" href="AboutMe.html">About Me</a></li> <li><a class="navbar" href="MySkillSet.html">My Skill Set</a></li> <li><a class="navbar" href="ThingsICanDoForYou.html">Things I Do</a></li> <li><a class="navbar" href="HireMe.php">Hire Me</a></li> </ul> </div> </div> </div> </div> <p id="feedback><?php echo $feedback; ?></p> <div class="hireme"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="hire" style="margin-top: 10%;"> <h3>Send Mahmoud a message</h3> <form role="form" id="contactForm" data-toggle="validator" class="shake" action="?" method="post"> <div class="row"> <div class="form-group col-sm-6"> <label for="name" class="h4">Name</label> <input type="text" class="form-control" id="name" placeholder="Batman Secret Identity!" required data-error="NEW ERROR MESSAGE"> <div class="help-block with-errors"></div> </div> <div class="form-group col-sm-6"> <label for="email" class="h4">Email</label> <input type="email" class="form-control" id="email" placeholder="Enter email" required> <div class="help-block with-errors"></div> </div> </div> <div class="Form" <div class="form-group"> <label for="message" class="h4">Message goes here!</label> <textarea id="message" class="form-control" rows="5" placeholder="Mahmoud Is excited to hear from you!" required></textarea> <div class="help-block with-errors"></div> </div> <label class="h4" for="selectbasic" required="">Message Subject</label> <div class="form-group col-sm-6"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="Other">Other</option> <option value="Feedback">Feedback</option> <option value="Job Offer">Job Offer</option> <option value="Project Description/proposal">Project Description/proposal</option> <option value="Pro bono work – only for recognized charity organizations">Pro bono work – only for recognized charity organizations</option> </select> <br/><br/> <button type="submit" id="form-submit" class="btn btn-success btn-lg pull-right ">Message Mahmoud</button> <div id="msgSubmit" class="h3 text-center hidden"></div> <div class="clearfix"></div> </form> </div> </div> </div> </div> </div>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>  <script type="text/javascript"> //<![CDATA[ $(window).load(function() { // makes sure the whole site is loaded $('#status').fadeOut(); // will first fade out the loading animation $('#preloader').delay(500).fadeOut('slow'); // will fade out the white DIV that covers the website. $('body').delay(500).css({'overflow':'visible'}); }) //]]> </script> </body> </html> <footer class="footer-basic-centered"> <p class="footer-mahmoud-connect">Connect With Me</p> <p class="footer-links"> <a href="https://ae.linkedin.com/in/mahmoudajeeb" target="_blank"><img src="img/linkedin.png" height="50px" /></a> <a href="https://twitter.com/mahmoudajeeb89" target="_blank"><img src="img/twitter.png" height="50px" /></a> <a href="https://www.facebook.com/mahmoud.ajeeb" target="_blank"><img src="img/facebook.png" height="50px" /></a> <a href="https://instagram.com/mahmoudajeeb/" target="_blank"><img src="img/insta.png" height="50px" /></a> </p> <p class="footer-mahmoud-name">Mahmoud Ajeeb © 2015</p> </footer>