<?php
exit;
?>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Dragon Fruit Development | Web design, iOS app development and much more.</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <meta property="og:image" content="http://www.dragonfruitdevelopment.com/apple-touch-icon-precomposed.png"/>
        <meta property="og:title" content="Dragon Fruit Development"/>
	<meta property="og:url" content="http://www.dragonfruitdevelopment.com"/>

	<meta name="description" content="Web design, iOS app development, graphic design and much more.">
	<meta name="keywords" content="web design, web development, design, graphic design, ios app, get ios app made, iphone app, app, apps, iphone apps, custom logo, logo design, website, custom website, web designer, web developer, graphic, company, dragon fruit, dragon, fruit, development, dragon fruit development, iphone app designer, iphone app developer">
	<meta name="author" content="Todd Dunham">

        <link rel="icon" type="image/x-icon" href="http://www.dragonfruitdevelopment.com/favicon.ico" />
        <link rel="icon" type="image/png" href="http://www.dragonfruitdevelopment.com/favicon.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.dragonfruitdevelopment.com/apple-touch-icon-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.dragonfruitdevelopment.com/apple-touch-icon-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="http://www.dragonfruitdevelopment.com/apple-touch-icon-precomposed.png">

        <link rel="stylesheet" href="normalize.css">
        <link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        
        <script type="text/javascript">
        window.onload=function(){
			var content = document.querySelector('.content');
			var duplicate = content.cloneNode(true);
			var contentBlurred = document.createElement('div');
				contentBlurred.className = 'content-blurred';
				contentBlurred.appendChild(duplicate);

			var header = document.querySelector('header');
				header.appendChild(contentBlurred);

			var contentWrapper = document.querySelector('.content-wrapper'),
			translation;

			contentWrapper.addEventListener('scroll',function(){
  				translation = 'translate3d(0,' + (-this.scrollTop + 'px') + ',0)';
  				duplicate.style['-webkit-transform'] = translation;
  				duplicate.style['-moz-transform'] = translation;
  				duplicate.style['transform'] = translation;
			});
			contentWrapper.scrollTop = 0;
			}  
        
        
        $(document).ready(function(){
        
        	//******************** SEND QUESTION ********************
			$('.content-wrapper').find('.submit').click(function(){
    				$('#response').empty();
				var question_f = $('.content-wrapper').find('.labelsarea').val();
				var email_f = $('.content-wrapper').find('.labels').val();

				if(question_f === '') {
					$('.content-wrapper').find('.labelsarea').addClass('error');
					return false;
				}
				
				var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    				var $e = regex.test(email_f);
                         
    				if(email_f === '' || $e == false) {
        				$('.content-wrapper').find('.labels').addClass('error');
        				return false;
    				}
	
				$('.content-wrapper').find('.submit').html('Sending...');
		
				$.ajax({
  					traditional: true,
  					type: 'GET',
  					url: 'mail_question.php',
  					data: {
    					question: question_f,
    					email_question: email_f
  					},
  					cache: false,
  					success: function(data) {
  						//success
  						$('.content-wrapper').find('.submit').html('Sent!');
    
  						$('.content-wrapper').find('.labels').removeClass('error').val('');
 						$('.content-wrapper').find('.labelsarea').removeClass('error').val('');
 						
 						$('.content-wrapper').find('.response').append('Your question was successfully sent. We\'ll get back to you as soon as possible.');
 						
  						setTimeout(function(){
  							$('.content-wrapper').find('.submit').html('Submit');
  						}, 5000);
       				}
				}); 
			});
			//******************** END ********************
		});
        </script>
        
    </head>
    <body>
    
    
        	<div style="width:100%;position:fixed;top:3px;text-align:center;z-index:999999999"><img src="dfd_header_logo.png" style="height:60px;z-index:999999999"></div>
    
    <div class="screen">
    
    <header>
    	<!-- <div id="menu" class="menu"><i class="icon-reorder"></i></div>
    	<div id="contact" class="contact"><i class="icon-envelope-alt"></i></div> -->
	</header>
    
    <div class="content-wrapper">
    <div class="content">
    
    	<div id="first" class="main">
        	<p class="title">
        		Welcome to <span style="color:#6CC417">Dragon Fruit</span> <span style="font-weight:700;color:#F6358A;">Development</span>
        	</p><!-- .title -->
        	
        	<p class="second_title">
        		Web design, iOS app development, graphic design and much more.
        	</p><!-- .second_title -->
        	
        	<p class="copy">
        		<div class="left">
					<img src="low-glycal.png" alt="The Low-Glycal Diet App">
				</div><!-- .picture -->
				<div class="right">
					<div class="pad"></div>
					Developed by Jeffrey Dunham, M.D., Ph.D. of BioFit Medical, The Low-Glycal Diet revolutionizes the dieting world. Dr. Dunham is the medical director of BioFit Medical Group, founded in 2001 in Palm Springs, California. He received his medical degree from Harvard Medical School and his Ph.D. from M.I.T. He is a diplomate of the American Board of Preventive Medicine. Dragon Fruit Development designed and developed the app to be simple and easy to use, giving users meal results with just a few easy clicks. Download it for free from the App Store.
					<br>
					<a class="button" href="http://www.biofitdiet.com" target="_blank"><button class="link">Low-Glycal App Website</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="right">
					<img src="groundwork.png" alt="Groundwork Inspections">
				</div><!-- .picture -->
				<div class="left">
					<div class="pad"></div>
					<div class="pad" style="height:30px;"></div>
					Dragon Fruit Development designed and developed built-in Facebook fan page tabs for Groundwork Inspections, and currently manages their Facebook ads campaign. The company was looking to expand their social reach, and drive more traffic to their informational website. Dragon Fruit Development created intuitive tabs, designed to provide users with important information, and easy access to the company's main website.
					<br>
					<a class="button" href="https://www.facebook.com/pages/Groundwork-Inspections/422091024513079?id=422091024513079&sk=app_128953167177144" target="_blank"><button class="link">Groundwork Inspections Facebook</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="left">
					<img src="milkncooks.png" alt="Milk N' Cookies">
				</div><!-- .picture -->
				<div class="right">
					<div class="pad"></div>
					Milk N Cookies are twin brother DJs and electronic music producers. Dragon Fruit Development designed and developed their Facebook fan page tabs. Their fan base continues to expand daily, and user interaction is at an all time high. When Dragon Fruit Development helped Milk N Cookies launch a marketing campaign involving free goods from the DJ's, the response was overwhelming.
					<br>
					<a class="button" href="https://www.facebook.com/milkncooks" target="_blank"><button class="link">Milk N Cookies Facebook</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="right">
					<img src="cps.png" alt="Cubs Park Service">
				</div><!-- .picture -->
				<div class="right">
					<div class="pad"></div>
					Cubs Park Service is a parking service located directly across the street from Wrigley Field. Dragon Fruit Development designed the logo, page and main tab of the Cubs Park Service Facebook page. Dragon Fruit Development is currently helping Cubs Park Service prep for next year's baseball season.
					<br>
					<a class="button" href="https://www.facebook.com/pages/Cubs-Park-Service/464064477000174" target="_blank"><button class="link">Cubs Park Service</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="left">
					<img src="candea.png" alt="Candea Development">
				</div><!-- .picture -->
				<div class="right">
					<div class="pad"></div>
					Candea Development's website was designed to highlight their extensive portfolio and detailed projects. Dragon Fruit Development created a website to focus on their intricate and professional building, along with providing prospective clients information about the company and the individuals behind it.
					<br>
					<a class="button" href="http://www.candeadevelopment.com" target="_blank"><button class="link">Candea Development Website</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	
        	<p class="copy">
        		<div class="right">
					<img src="fonseca.png" alt="Allison Fonseca Photography Website">
				</div><!-- .picture -->
				<div class="left">
					<div class="pad"></div>
					Designed to showcase the photographs of Allison Fonseca, this site uses large images to capture and awe the viewer. Explore Allison Fonseca's photography website to view all of the details within the design.
					<br>
					<a class="button" href="http://www.allisonfonsecaphotography.com" target="_blank"><button class="link">Allison Fonseca Website</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="left">
					<img src="nnp.png" alt="Niles New Party 2013">
				</div><!-- .picture -->
				<div class="right">
					<div class="pad"></div>
					Dragon Fruit Development developed the main campaign Facebook page for the Niles New Party. The page was designed to engage viewers and drive more volunteers and donations. The campaign was successful and Andrew Przybylo was elected mayor.
					<br>
					<a class="button" href="https://www.facebook.com/Nilesnewparty2013com" target="_blank"><button class="link">Niles New Party Facebook</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="right">
        			<div class="pad" style="height: 30px;"></div>
					<img src="droiddog.png" alt="Droid Dog Logo">
				</div><!-- .picture -->
				<div class="left">
					Dragon Fruit Development custom designed the DroidDog.com logo.
					<br>
					<a class="button" href="http://www.droiddog.com" target="_blank"><button class="link">Droid Dog Website</button></a>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
        	<p class="copy">
        		<div class="left">
					<img src="pawpax.png" alt="PawPax Logo">
				</div><!-- .picture -->
				<div class="right">
					<div class="pad"></div>
					PawPax is a company started and funded by Dragon Fruit Development. Details coming soon.
					<br>
				</div><!-- .text -->
        	</p><!-- copy -->
        	<div style="clear:both"></div>
        	
    	</div><!-- #first -->
    	
    	<div style="height:100px;"></div>
    	
    	<div id="questions">
	
				<p class="title">
					Contact <span style="color:#6CC417">Dragon Fruit</span> <span style="font-weight:700;color:#F6358A;">Development</span>
				</p><!-- .title -->
		
				<p class="contact_header">Your Message:</p>
	
				<p><textarea id="questionr" name="questionr" class="labelsarea" rows="6"></textarea></p>
		
    			<p class="contact_header">Your E-Mail:</p>
	
				<p><input id="emailquestion" name="emailquestion" class="labels" type="email"/></p>
		
				<p><button id="sendquestion" class="submit">Submit</button></p>
		
				<p class="response" style="margin-top: 20px; text-align: center; color: white;"></p>
		
		</div><!-- #questions -->
    	
    <div style="height:100px;"></div>

    </div><!-- .content -->
    </div><!-- .content-wrapper -->
        
    </div><!-- .screen -->
    
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-32648386-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

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