JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class="topTop">
<div class="iconTop">
<a href=""><img class ="faceIcon" src="icons/facebook.png"></a>
<a href=""><img class ="googleIcon" src="icons/google.png"></a>
<a href=""><img class ="twitterIcon" src="icons/twitter.png"></a>
<a href=""><img class ="vimeoIcon" src="icons/vimeo.png"></a>
<a href=""><img class ="youtubeIcon" src="icons/youtube.png"></a>
<img src="logo2.png" class ="writeTop" >
</div><!-- DIV iconTop -->
</div><!-- DIV topTop -->
<div class="top">
<div class="headingTop">
<img class ="logo" src="logo.png" alt ="Programming Pixels" >
<div class="navigation">
<a class="hoverEffect" href="index.html">HOME</a>
<a class="hoverEffect" href="about.html">ABOUT</a>
<a class="hoverEffect" href=".html">PROJECTS</a>
<a class="hoverEffect active" href="contact.html">CONTACT</a>
</div><!-- DIV navigation -->
</div><!-- DIV headingTop -->
</div><!-- DIV top -->
<div class ="contactContentContainer">
<div class="contactContent">
<h1>Contact Me</h1>
<form method="post" action="index.php">
<label>Name</label>
<input name="name" placeholder="Type Here">
<label>Email</label>
<input name="email" type="email" placeholder="Type Here">
<label>Message</label>
<textarea name="message" placeholder="Type Here"></textarea>
<input id="submit" name="submit" type="submit" value="Submit">
</form>
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d76330.04542571414!2d-9.048746499999998!3d53.283911499999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sie!4v1396816290270" width="600" height="450" frameborder="0" style="border:0"></iframe>
</div>
</div>
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$from = 'From: TangledDemo';...