<?PHP
/*
    Contact Form from HTML Form Guide
    This program is free software published under the
    terms of the GNU Lesser General Public License.
    See this page for more info:
    http://www.html-form-guide.com/contact-form/contact-form-attachment.html
*/
require_once("./include/fgcontactform.php");

$formproc = new FGContactForm();




//1. Add your email address here.
//You can add more than one receipients.
$formproc->AddRecipient('contact@mytopcut.com'); //<<---Put your email address here


//2. For better security. Get a random tring from this link: http://tinyurl.com/randstr
// and put it here
$formproc->SetFormRandomKey('E6bZFICMgOhOnxI');

$formproc->AddFileUploadField('photo','zip,pdf',2024);

if(isset($_POST['submitted']))
{
   if($formproc->ProcessForm())
   {
        $formproc->RedirectToURL("thanks.html");
   }
}

?>


<!DOCTYPE html> 
<html lang="en">
<head>
	<title>TopCut Lawn Care Service</title>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width" />
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
	<meta charset="utf-8">
	<meta name = "format-detection" content = "telephone=no" />
	<link rel="icon" href="images/favicon.png" type="image/x-icon">
	<link rel="stylesheet" href="css/grid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="nivoslider/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="nivoslider/style.css" type="text/css" media="screen" />
	<script src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="nivoslider/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
	<script src="js/jquery-migrate-1.2.1.js"></script>
	<script src="js/jquery.mobile.customized.min.js"></script>
	<script src="js/wow/wow.js"></script>
	<script>
		$(document).ready(function () {
			if ($('html').hasClass('desktop')) {
				new WOW().init();
			}
		});
	</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-57806405-1', 'auto');
  ga('send', 'pageview');

</script>
	<!--<![endif]-->
	<script>
			$(function() {
				var pull 		= $('#pull');
					menu 		= $('.container ul');
					menuHeight	= menu.height();

				$(pull).on('click', function(e) {
					e.preventDefault();
					menu.slideToggle();
				});

				$(window).resize(function(){
					var w = $(window).width();
					if(w > 320 && menu.is(':hidden')) {
						menu.removeAttr('style');
					}
				});
			});
	</script>



             <style type="text/css">
#contact-form-1 .spmhidip {
    display: none;
    width: 10px;
    height: 3px;
}


.err1 { padding-left:40px; color:#F00;}
      </style>  
</head>

<body>

	<!--========================================================
														HEADER 
	=========================================================-->
	<header id="header" class="header_main">
		<div id="stuck_container">
			<div class="container">
			<h1><a href="/"><img src="images/logo.png" alt="Top Cut Lawn Care Service" title="Top Cut Lawn Care Service" /></a></h1>
           <p class="top-phone"><img src="images/phone-icon-header.png" title="Phone" alt="Phone"> <a href="tel:262-309-7452"> 262-309-7452</a></p>
						<nav>
							<ul class="sf-menu">
								<li class="current"><a href="/">Home</a></li>
								<li><a href="services.html">Services</a>
                                <ul>
                                <li><a href="lawn-maintenance.html">Lawn Maintenance</a></li>
                                <li><a href="landscaping.html">Landscaping</a></li>
                                <li><a href="mulch-Installation.html">Mulch Installation</a></li>
                                <li><a href="aeration.html">Aeration</a></li>
                                <li><a href="overseeding.html">Overseeding</a></li>
                                <li><a href="seasonal-cleanups.html">Seasonal Cleanups</a></li>
                                <li><a href="shrub-and-tree-trimming.html">Shrub and Tree Trimming</a></li>
                                 
                                </ul>
                                
                                </li>
								<li><a href="faq.html">FAQ</a></li>
                                <li><a href="get-a-quote.html"> Get A Quote </a></li>
								<li><a href="contact.html">Contact</a></li>
                                <li ><a href="http://www.mytopcut.com/blog/">Blog</a></li>
                                <li id="last-li"><a href="employment.php">Employment</a></li>
							</ul>
							<a href="#" class="push" id="pull">Menu</a> 
						</nav>
			</div>
		</div>
	</header>
	<!--========================================================
														CONTENT 
	=========================================================-->
	<section id="content">
    <!-- start Camera -->
		<div class="header-bg">
    <div class="container wow fadeIn"><img src="images/faq.jpg" title="Frequently Asked Questions" alt="Frequently Asked Questions" /></div>     
    <div class="wihite-bg">
    	<div class="container">
            <div class="row">
            
            
            <form id='contact-form-1' action='<?php echo $formproc->GetSelfScript(); ?>' method='post' enctype="multipart/form-data" accept-charset='UTF-8'>

<fieldset >
<legend> &nbsp; </legend>

<input type='hidden' name='submitted' id='submitted' value='1'/>
<input type='hidden' name='<?php echo $formproc->GetFormIDInputName(); ?>' value='<?php echo $formproc->GetFormIDInputValue(); ?>'/>
<input type='text'  class='spmhidip' name='<?php echo $formproc->GetSpamTrapInputName(); ?>' />



<div class="err1"><span class='error'><?php echo $formproc->GetErrorMessage(); ?></span></div>


            
            <div class="grid_6 wow fadeInLeft" data-wow-duration="" data-wow-delay="0.4s"> <h2>Employment</h2> 
            
 <p>First Name :<br/> <input type='text' name='name'  value='<?php echo $formproc->SafeDisplay('name') ?>'  /></p>
 
<p>Phone : <br/><input type='text' name='phone'  value='<?php echo $formproc->SafeDisplay('phone') ?>'  /></p>
<p>E-mail :  <br/> <input type='text' name='email'  value='<?php echo $formproc->SafeDisplay('email') ?>' /></p>
<p>  Landscape Experience : <br/> <textarea name='landscape' ><?php echo $formproc->SafeDisplay('landscape') ?></textarea> </p>  </div>
            
            
            
            
            
            <div class="grid_6 wow fadeInRight" data-wow-duration="" data-wow-delay="0.4s">
					<h2>&nbsp;  </h2> 
                    
     
  <p><label for='photo' > Resume (if available, .zip or pdf Documents only please):</label><br/>
    <input type="file" name='photo' id='photo' /><br/>
    <span id='contactus_photo_errorloc' class='error'></span></p>
    
    <p>&nbsp;  </p>   
      
 <p>  Why do you feel you'd be a good fit for our company? : <br/> <textarea name='why_do_you_feel'><?php echo $formproc->SafeDisplay('why_do_you_feel') ?></textarea></p>

   <p> <input type='submit' name='Submit' class="more_btn" value='Submit' /> </p>
                    
                    </div> 
                    

 

    


</fieldset>
</form>
<!-- client-side Form Validations:
Uses the excellent form validation script from JavaScript-coder.com-->

<script type='text/javascript'>
// <![CDATA[

    var frmvalidator  = new Validator("contactus");
    frmvalidator.EnableOnPageErrorDisplay();
    frmvalidator.EnableMsgsTogether();
    frmvalidator.addValidation("name","req","Please provide your name");
	
	 frmvalidator.addValidation("phone","req","Please provide your phone");

    frmvalidator.addValidation("email","req","Please provide your email address");

    frmvalidator.addValidation("email","email","Please provide a valid email address");

    frmvalidator.addValidation("landscape","maxlen=2048","The landscape is too long!(more than 2KB!)");
	
	frmvalidator.addValidation("why_do_you_feel","maxlen=2048","The why_do_you_feel is too long!(more than 2KB!)");

    frmvalidator.addValidation("photo","file_extn=zip,pdf","Upload images only. Supported file types are: zip,pdf");

   

   

// ]]>
</script>
			</div>
            
		</div>
    </div>  
	</div><div style="clear: both; height:50px;"></div>
	</section>



	<!--========================================================
														FOOTER 
	=========================================================-->
	<footer id="footer">
		<div class="container">
			<div class="row">
				<div class="grid_12">
										
<div class="row">
				<div class="grid_4 wow fadeInUp" data-wow-duration="" data-wow-delay="0.4s">
					<h3 class="txt3">Contact Us</h3>
					<p class="br-setting"><span><img src="images/phone-icon.png" title="Phone" alt="Phone"></span> <a href="tel:262-309-7452">262-309-7452</a></p>
                    <p class="br-setting"><span><img src="images/email-icon.png" title="Email" alt="Email"></span> <a href="mailto:david@mytopcut.com">Email Us</a></p>
					 
					 
				</div>

				<div class="grid_4 wow fadeInUp" data-wow-duration="" data-wow-delay="0.4s">
					<h3 class="txt3">Mailing Address</h3>
					<p class="br-setting">
                    <span><img src="images/map-icon.png" title="Map" alt="Map"></span> 3815 N Brookfield Rd<br />
                    <span><img src="images/blank.png" title="blank" alt="blank"></span> Suite 104-166<br /><span><img src="images/blank.png" title="blank" alt="blank"></span> Brookfield, WI 53045-1973</p>
					 
				</div>
                
                <div class="grid_4 wow fadeInUp" data-wow-duration="" data-wow-delay="0.4s">
					<h3 class="txt3">Like Us On Facebook</h3>
                    <div class="clear">&nbsp;</div><div class="clear">&nbsp;</div><div class="clear">&nbsp;</div>
						<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTopCutWI&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" class="iframe"></iframe>			     
				<div style="clear: both;"></div>
                     <!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer></script>
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="https://plus.google.com/117544149865276982831" data-rel="publisher"></div>
<div class="socialclear"></div>
<a href="https://twitter.com/topcutlawns" class="twitter-follow-button" data-show-count="false">Follow @topcutlawns</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
				</div>

			</div>
				</div>
			</div>
		</div>
	</footer>
<script src="js/script.js"></script>

<!--[if (gt IE 9)|!(IE)]><!-->
<script src="js/jquery.mobile.customized.min.js"></script>
<!--<![endif]-->

 <script>
	   /*-----------------------------------------------------------------------------------*/
    /*	FAQ Code
    /*-----------------------------------------------------------------------------------*/
	// on page load	
	$('.faq-unit').not('.faq-unit.active').find('.faq-answer').slideUp('slow');
	$('.faq-unit').first().addClass('active').find('.faq-answer').slideDown('slow');
	
	$('.faq-unit').click(function(e){		
		var $this = $(this);
		if( !$this.hasClass('active') )
		{
			$('.faq-unit.active').removeClass('active').find('.faq-answer').slideUp('slow');		
			$this.addClass('active').find('.faq-answer').slideDown('slow');
		}
	});

</script>
</body>
</html>