<?php
 if(isset($_POST['submit'])) {

     if(trim($_POST['contactname']) == '') {
         $hasError = true;
     } else {
         $name = trim($_POST['contactname']);
     }

    if(trim($_POST['subject']) == '') {
         $hasError = true;
     } else {
         $subject = trim($_POST['subject']);
    }

     if(trim($_POST['email']) == '')  {
         $hasError = true;
     } else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
         $hasError = true;
    } else {
         $email = trim($_POST['email']);
     }

     if(trim($_POST['message']) == '') {
         $hasError = true;
     } else {
         if(function_exists('stripslashes')) {
             $comments = stripslashes(trim($_POST['message']));
         } else {
             $comments = trim($_POST['message']);
         }
     }

     if(!isset($hasError)) {
         $emailTo = 'dawn@dawndennis.com'; //Put your own email address here
         $body = "Name: $name \n\nEmail: $email \n\nSubject: $subject \n\nComments:\n $comments";
         $headers = 'From: My Site <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;

         mail($emailTo, $subject, $body, $headers);
         $emailSent = true;
     }
 }
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>Dawn Dennis</title>

    <!-- StyleSheet Links -->
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
	<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />

    <!-- JavaScript links -->
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.tools.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.pngFix.js"></script>
    <script type="text/javascript" src="js/jquery.validate.pack.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="js/js.js"></script>

</head>

<body>
	<div id="wrapper">
		
		<div id="header"> <!-- Header Start -->
		
			<div id="menu"> <!-- Menu Start -->
				<ul id="nav">
					<li><a href="#" title="Home Page">Home</a></li>
					<li><a href="#" title="About Me">About</a></li>
					<li><a href="#" title="My Work">Work</a></li>
					<li><a href="#" title="Follow Me">Socialize</a></li>
					<li><a href="#" title="Contact Me">Contact Me</a></li>
				</ul>
			</div> <!-- Menu End -->
		
			<div id="info"> <!-- Information start -->
				<img src="images/img.gif" alt="" />
				<div>
					<h2>Dawn Dennis</h2>
					<p>Digital Marketing Professional</p>
				</div>
			</div> <!-- Information End-->
		
			<div class="separator"></div> <!-- Keep it empty -->
		
		</div>
		<div id="inner">
		  <!-- Tabs holder start -->
		  <div class="pane">
		    <!-- First pane start ( Home ) -->
		    <div class="description">
		      <!-- Pane description start -->
		      <p>Digital marketing professional specializing in search engine optimization, search engine marketing, social media marketing, web analytics, content marketing, email marketing, demand generation, reputation management, web design/development and more.</p>
	        </div>
		    <!-- Pane description end -->
	      </div>
		  <!-- Home Pane end -->
		  <div class="pane">
		    <!-- Second pane start ( About ) -->
		    <div class="description">
		      <!-- Pane description start -->
		      <p>Digital marketing and  website design/development.</p>
	        </div>
		    <!-- Pane description end -->
		    <h2 class="title">Skills <span>What I Can Do</span></h2>
		    <div class="content">
		      <!-- Content start -->
		      <ul class="floated styled">
		        <li>SEO</li>
		        <li>SEM</li>
		        <li>Content Marketing</li>
		        <li>Email Marketing</li>
	          </ul>
		      <ul class="floated styled">
		        <li>Social Media Marketing</li>
		        <li>Web Analytics</li>
		        <li>Demand Generation</li>
		        <li>HTML/CSS</li>
	          </ul>
	        </div>
		    <!-- Content end -->
	      </div>
		  <!-- About Pane end -->
		  <div class="pane">
		    <!-- Third pane start ( Portfolio ) -->
		    <div class="description">
		      <!-- Pane description start -->
		      <p>Digital Marketing</p>
	        </div>
		    <!-- Pane description end -->
		    <h2 class="title">My Work <span>What I've Done</span></h2>
		    <div class="content">
		      <!-- Content start -->
		      <div class="portfolio">
                <ul id="items">
                   portfolio items holder start 
                  <li><img src="images/linkedin.png" width="32" height="32" alt="Linked In" /></li>
                  <li> <a href="images/2.gif" rel="prettyPhoto[gallery]" title="This is the description"><img src="images/2.gif" alt="Title" /></a> </li>
                  <li> <a href="images/3.gif" rel="prettyPhoto[gallery]" title="This is the description"><img src="images/3.gif" alt="Title" /></a> </li>
                  <li> <a href="images/4.gif" rel="prettyPhoto[gallery]" title="This is the description"><img src="images/4.gif" alt="Title" /></a> </li>
                </ul>
		        <!-- portfolio items holder end -->
	          </div>
		      <div class="arrows">
		        <!-- Slider Arrows -->
		        <a class="prevPage browse left"></a> <a class="nextPage browse right"></a> </div>
	        </div>
		    <!-- Content end -->
	      </div>
		  <!-- Portfolio Pane end -->
		  <div class="pane">
		    <!-- Fourth pane start ( Social Links ) -->
		    <div class="description">
		      <!-- Pane description start -->
		      <p>Find me on the following social networking sites.</p>
	        </div>
		    <!-- Pane description end -->
		    <h2 class="title">Socialize<span>Where you Can Find Me</span></h2>
		    <div class="content">
		      <!-- Content start -->
		      <ul class="social">
		        <!-- Social Links start -->
		        <li> <a href="http://www.twitter.com/dawn_dennis"> <img src="images/twitter.png" alt="" /> </a>
		          <div> <a href="http://www.twitter.com/dawn_dennis"> <span>Twitter</span>Twitter.com/dawn_dennis </a> </div>
	            </li>
		        <li> <a href="http://www.facebook.com/dawn.dennis"> <img src="images/facebook.png" alt="" /> </a>
		          <div> <a href="http://www.facebook.com/dawn.dennis"> <span>FaceBook</span> Facebook.com/dawn.dennis </a> </div>
	            </li>
		        <li> <a href="http://www.linkedin.com/in/dawnblaskodennis"> <img src="images/linkedin.png" alt="" /> </a>
		          <div> <a href="http://www.linkedin.com/in/dawnblaskodennis"> <span>LinkedIn</span> Linkedin.com/in/dawnblaskodennis </a> </div>
	            </li>
		        <li> <a href="http://www.delicious.com/dbd3355"> <img src="images/delicious.png" alt="" /> </a>
		          <div> <a href="http://www.delicious.com/dbd3355"> <span>Delicious</span> Delicious/dbd3355 </a> </div>
	            </li>
	          </ul>
		      <!-- Social Links end -->
	        </div>
		    <!-- Content end -->
	      </div>
		  <!-- Social Links Pane end -->
		  <div class="pane">
		    <!-- Fifth pane start ( Contact ) -->
		    <div class="description">
		      <!-- Pane description start -->
		      <p>Stay in Touch</p>
	        </div>
		    <!-- Pane description end -->
		    <h2 class="title">Contact Form <span>Stay in Touch!</span></h2>
		    <div class="content">
		      <!-- Content start -->
		      <div id="contactforms">
		        <?php if(isset($hasError)) { //If errors are found ?>
		        <p class="error">Please check if you've filled all the fields with valid information. Thank you.</p>
		        <?php } ?>
		        <?php if(isset($emailSent) && $emailSent == true) { //If email is sent ?>
		        <div class="thankyou">
		          <p><strong>Email Successfully Sent!</strong></p>
		          <p>Thank you <strong class="name"><?php echo $name;?></strong> your email was successfully sent.</p>
	            </div>
		        <?php } ?>
		        <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform">
		          <fieldset>
		            <label for="contactname"> <span>Name</span>
		              <input type="text" name="contactname" id="contactname" value="" class="required" />
	                </label>
		            <label for="email"> <span>E-Mail</span>
		              <input type="text" name="email" id="email" value="" class="required email" />
	                </label>
		            <label for="subject"> <span>Subject</span>
		              <input type="text" name="subject" id="subject" value="" class="required" />
	                </label>
		            <label for="message"> <span>Message</span>
		              <textarea rows="5" cols="50" name="message" id="message" class="required"></textarea>
	                </label>
	              </fieldset>
		          <div id="button">
		            <input class="fade" type="submit" value="Send Message" name="submit" />
	              </div>
	            </form>
	          </div>
	        </div>
		    <!-- Content end -->
	      </div>
		  <!-- Contacts Pane end -->
	  </div> 
		<!-- Header End --><!-- tabs holder end -->
	
  <div id="footer"> <!-- footer start ( White-space is supported ) -->
			<p>Copyright 2013 Dawn Dennis</p>
		</div>
		
	</div>
</body>
</html>