<?php
include 'views/_header.tpl.php'; ?>

<script type="text/javascript" src="/static/js/jQuery/js/jquery.lightbox.js" defer></script>
<link rel="stylesheet" type="text/css" href="/static/js/jQuery/css/jquery.lightbox.css" media="screen" defer />

<link rel="stylesheet" href="/static/css/jquery.datetimepicker.css"/>
<script src='/static/js/jquery.datetimepicker.js'></script>

<script type="text/javascript">
$(document).ready(function(){
    $(".timepicker").datetimepicker({
        hours12: false,
        format: 'g:i A m-d-Y',
        formatTime: 'g:i A',
        datepicker: true,
        timepicker: true,
        timepickerScrollbar: true,
        step: 30        
    });
    
	$('#comingsoon,#comingsoon2,#comingsoon3,.comingsoon').click(function (e) {
		alert('Coming Soon. Ask us about our Early Adopters Special VIP Membership!');
		//$("#chevron_pp").toggleClass('fa-chevron-down fa-chevron-down open');
		//$("#pp_inputs").toggle();
		e.preventDefault();
	});
});
</script>
<!-- <a href="javascript:void(0);"></a> or javascript:; 
<a href="#!" class="someclass">Text</a>
<a href="javascript:void(0);" class="someclass">Text</a>

-->

<style type="text/css">
	.spacer {
		padding-top: 53px;
	}
	body { color:#333; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
	span, a, a:active, a:hover {
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale; 
	}
	#header .wrap-top-menu { z-index: 99999999999999 !important; }

	/* ########################################################## */
	/* ####### DATETIMEPICKER AND LABELS FOR BOOKING FORM ####### */
	/* ########################################################## */    

	    .xdsoft_datetimepicker  .xdsoft_timepicker{
	        /* changed from 58px */
	        width: 88px;
	        float:left;
	        text-align:center;
	        margin-left:8px;
	        margin-top:0px;
	    }
	    .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
	    .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	        float:none;
	        background-position:-40px -15px;
	        height: 15px;
	        width: 30px;
	        display: block;
	        /* changed from 14px */
	        margin-left:29px;
	        margin-top:7px;
	    }
	  .label{
	    text-align:right;
	    font-weight:300;
	  }
	  #submit{
	    text-align:center;
	  }
	  input { padding:10px; height:30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #aaa; }
	  textarea#body { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #aaa; }
	  td { padding-top:10px; padding-bottom:10px; }
	  button { border:1px solid rgba(255,255,255,.1); padding:15px 0; width:200px; margin:0; border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    font-family: 'Open Sans', Montserrat,Arial,sans-serif; background: #42B54C; font-size:18px; text-align:center;
	    color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	  button:hover { background:red; }

	/* ########################################################## */
	/* ########################################################## */

	.pricingpage a, .pricingpage a:active, .pricingpage a:link, .pricingpage a:visited {
		color: #2996cc;
		text-shadow: none;
	} /* OLD BLUE 0072C4 */
	a.loginpop.introlinks, a.loginpop.introlinks:active, a.loginpop.introlinks:link, a.loginpop.introlinks:visited { 
	    color:#0072C4; }
	a.loginpop.introlinks:hover { color:#fff; }
	.pricingpage a:hover {
		color: #000;
	}
	a[href^=tel] {
	    color:#0194fb; 
	    text-shadow:0px -1px 0px rgba(0,0,0,.3);
	}
	.fancybox-close {
	    top: -10px;
	    right:-26px;
	}
	div.fancybox-skin {
	    top: 0px;
	}
	.fancybox-skin { padding:7px !important; background:rgba(0,0,0,.4); }
	.fancybox-outer, .fancybox-inner { }

	h2.pricing-header  { 
	    font-weight: 800px;
	    font-size: 36px;
	    font-family: Montserrat,sans-serif;
	    margin-bottom:15px;
	}

	.pricing-header-div {
	    display: block;
	    text-align: center;
	    height: 2px;
	    width: 70px;
	    background-color: #2996cc;
	    margin: 0 auto;
	    margin-bottom: 15px;
	}

	h2.author-byline {
	    background: url('/static/images/byline.png');
	    text-transform: uppercase;
	    font-family: 'Open Sans',Futura, sans-serif;
	    font-weight: 600;
	    font-size: 0.8rem;
	    letter-spacing: 2px;
	    margin: 0 0 3rem 0;
	    font-size: 15px;
	}
	span.author-byline-inside {
	    padding: 3px 20px 3px 0;
	    background: white;
	}
	.fancybox-next span {
	  right: 5px;
	  position:fixed;
	}
	.fancybox-prev span {
	  left: 5px;
	  position:fixed;
	}
	.fancybox-nav span {
	    visibility:visible;
	}
	a.fancybox-nav.fancybox-next { 
	    position:fixed;
	    right:0px;  
	    width:25px;
	}
	a.fancybox-nav.fancybox-prev { 
	    position:fixed;
	    left:0px;   
	    width:25px;
	}
	.videoWrapper {
	    position: relative;
	    padding-bottom: 56.25%; /* 16:9 */
	    padding-top: 0px;
	    height: 0;
	}
	.videoWrapper iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	/* ### CENTERED BYLINE ### */
	h2.author-byliner {
	    background: url('/static/images/byline.png');
	    text-transform: uppercase;
	    font-family: 'Open Sans',Futura, sans-serif;    
	    font-weight: 600;
	    font-size: 0.8rem;
	    letter-spacing: 2px;
	    margin: 0 3%;
	    margin-bottom:10px;
	    font-size:15px;
	    display:block;
	    text-align:center;
	    width:94%;
	}
	span.author-byline-insider {
	    padding: 3px 10px 3px 10px;
	    background: white;
	    margin:0 auto;
	    display:inline-block;
	}
	input[type="submit"] {
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	}
	.rounded2 a { 
	    background:#2996cc;
	    /** GREEN background:#00AF14; **/
	    color:#fff;
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    padding:15px 70px;
	    font-size:16px;
	    display:inline-block;
	}
	.rounded3 a { 
	    background:#ccc;
	    color:#444;
	    text-shadow:0px 1px 0px #fff;
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    padding:15px 70px;
	    font-size:16px;
	    display:inline-block;
	}
	.rounded2 a:hover, .rounded3 a:hover { 
	    color:#fff;
	    background:#00355B;
	    text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	.rounded a { 
	    background:#eee;
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    padding:15px 20px;
	    font-size:15px;
	    display:inline-block;
	}
	.rounded a:hover { 
	    color:#fff;
	    background:#00355B;
	    text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	#mmen { display:none; }
	#loading_image {
	    display:none;
	    height: 100%;
	    width: 100%;
	    position:fixed;
	    top: 0; 
	    right:0;
	    bottom:0;
	    left: 0;
	    z-index: 999999999 !important;
	    background: #1A87C5 url(/static/images/blue-loader.gif) no-repeat center center;
	    background-size: 400px auto;
	    /* rgba(255,255,255,.80) rgba(0,0,0,.85) */
	}
	.no-js #loader { display: none;  }
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }
	span.processing { 
	    color:#fff;
	    /* GREEN color:#00D315; */
	    /* text-shadow:0px 1px 0px rgba(255,255,255,.55); */
	    text-shadow:0px -1px 0px rgba(0,0,0,.3); 
	    text-align:center;
	    font-size:22px;
	    font-family: 'Open Sans',Futura, sans-serif;
	    font-weight:500;
	    position:absolute; 
	    width:100%; 
	    top:37%; 
	    display:block; 
	}
	.featureslist a, .featureslist a:active, .featureslist a:visited, .featureslist a:hover { font-weight:bold; }
	h1 { 
	    text-shadow:0px 1px 0px rgba(255,255,255,.6); 
	    color:#5c666b; 
	    padding:10px 0; 
	    font-weight:500; 
	    font-size:40px; 
	    line-height:48px; 
	}
	h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale; 
	}
	h1, h2 { text-align:center; }
	h2 { line-height:28px; }
	h1.mobileh1 { margin-top:15px; font-weight:100; }
	h3 { font-weight:500; font-size:17px; line-height:25px; margin-bottom:5px; }
	h4 { font-size:28px; margin-bottom:11px; }

	/* padding:15px 30px 10px; margin-bottom:7px; margin-top:20px; font-family:'Open Sans',Futura,'Arial Black',sans-serif; font-weight:300; font-size:20px; color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,.3); */
	.btn-o , .btn-oo a { border:1px solid #fff; padding:15px 0; width:94%; margin:0 3%; display:inline-block; 
	font-family: 'Open Sans', Montserrat,Arial,sans-serif; background: #42B54C; font-size:18px; text-align:center;
	color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
	}
	.btn-o:active, .btn-o:hover, .btn-oo a:hover, .btn-oo a:active { border:1px solid #fff; background: #00D315; }
	span.tip { display:none; }
	button {
	    height:42px;
	    padding:1px 12px;
	    border:0px;
	    color:#fff;
	    background:#00AF14; 
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;   
	    border-radius:4px ; -moz-border-radius:4px; -webkit-border-radius:4px;
	}
	button:hover {
	    background:#00355B;
	}
	#footer { padding-top:0px; }    
	.main-footer { display:none; }  

	#header {
	    border-bottom: 0px solid #d4d4d4;
	}
	hr {
	 border: 0;
	    height: 1px;
	    background-image: linear-gradient(to right, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75), rgba(128, 128, 128, 0));
	    width:85%;
	}

	/* ############### SLIDER ############## */

	    #slider {
	      width:281px;
	      height:500px;
	      position: relative;
	      overflow: hidden;
	      margin:91px 0 0 2px;
	      background:none;
	    }
	    #slider ul { 
	        width:281px;
	        height:500px;
	        position: relative;
	        margin: 0;
	        background:none;
	        padding: 0;
	        list-style: none;
	    }
	    #slider ul li {
	        width:281px;
	        height:500px;
	        position: relative;
	        display: block;
	        float: left;
	        margin: 0;
	        padding: 0;
	    }
	a.control_prev, a.control_next {
	      position: absolute;
	      top: 35%;
	      z-index: 999;
	      display: block;
	      padding: 3% 3%;
	      width: auto;
	      height: auto;
	      background: #2a2a2a;
	      color: #fff;
	      text-decoration: none;
	      font-weight: 600;
	      font-size: 18px;
	      opacity: 0.3;
	      cursor: pointer;
	      font-family:'Times New Roman',Arial,sans-serif;
	}

	a.control_prev:hover, a.control_next:hover {
	  opacity: 1;
	  -webkit-transition: all 0.2s ease;
	}

	a.control_prev {
	  border-radius: 0 4px 4px 0;
	}

	a.control_next {
	  right: 0;
	  border-radius: 4px 0 0 4px;
	}

	.bottomicons, .bottomtray { display:none; }

	/* ############### SLIDER ENDS ############## */

	img.guarimg { width:70px; }
	.speakwith { margin-bottom:55px; }

	.iframevid { width:560px; height:315px; }

	/* SCROLL BARS */
	.fancybox-inner {
	    -webkit-overflow-scrolling: touch !important;
	    background:#fff;
	}

	.col1icon { margin-right:0px; margin-left:10px; }
	.leftcol1, .rightcol3 { padding-top:55px; }

	button.greensubmit{ display:block; width:100%; }

	.squishtext { padding:0 200px; }

	.maintagline { font-weight:300; color:#222; font-size:24px; line-height:33px; text-align:center; padding:0px 15px; margin-top:0px; }
	.subtagline { font-size:15px; line-height:22px; margin-top:10px; }

	.recommended { 
		background-color: #BA00F1;
		background-image: linear-gradient(45deg, #BA00F1, #FD0172);
		text-shadow: -1px -1px -1px rgba(0,0,0,.5);
		padding:5px 0;
		font-size:12px;
		letter-spacing: 2px;
	}

	.beta { font-size:17px; line-height: 25px; }
	.leftblock {
		margin-right: 1%;
	}
	.rightblock {
		margin-left: 1%;
	}
	.halfblock {
		border: 1px solid #ccc;
		padding: 0px;
		margin: 0 auto;
		font-size: 17px;
		line-height: 27px;
		width: 48%;
		margin-right: 1%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: inline-block;
		min-height: 340px;
		float: left;
	}

	.announcement {
		margin-top: 0px;
	}

	.announcement a, .announcement a:active, .announcement a:link, .announcement a:visited {
		color: #ddd; /* blue : 62b8ff */
		text-shadow: 0px 1px 0px rgba(0,0,0,.3) !important;
	}
	.announcement a:hover {
		color: #fff;
	}

/* ################################################################################ */
/* ###########################      MOBILE STYLING      ########################### */
/* ################################################################################ */

@media screen and (min-width: 2400px) {
    #lpcontainer { background-size:100% 745px !important; }
}

/* ########################## */
@media screen and (max-device-width:  1160px), screen and (max-width:  1160px) {
    center#planslogo { display:none; }
    .spacer { padding-top: 65px; }  
    .layout-2cols { }
    #devicecontainer { margin-left:0px; margin-right:0; width:340px; }
}

/* ########################## */
@media screen and (max-device-width:  1024px), screen and (max-width:  1024px) {
	.maintagline { font-weight:300; color:#222; font-size:22px; line-height:28px; text-align:center; padding:0px 5px; margin-top:0px; }
	.subtagline { font-size:14px; line-height:20px; margin-top:10px; }
    center#planslogo { display:none; }
    .spacer { padding-top: 65px; }  
    .layout-2cols { }
    #devicecontainer { margin-left:0px; margin-right:0; width:340px; }
}
/* This was 854px, but I'm changing it to 980 */
/* ########################## */
@media (max-width: 980px) {
    html,body { background:#fff; }
    .spacer { padding-top: 65px; }  
    .layout-2cols { }
    .grid_4 { width:100%; display:block; }
    .iframevid { width:270px; height:152px; }
    #leftsidecol { margin-left:0px; }
    .leftcol1, .rightcol3 { width:312px; margin:0 auto; }
    .leftcol1 { padding:0; margin-bottom:25px; }
    #devicecontainer { width:100%; text-align:center; }
    /* BACKGROUND IMG background: #ccc url(/static/images/bgmount.jpg) no-repeat top center; */ 
    #rightsidecol { padding-bottom:50px; width:100%; margin-left:0px; margin-right:0px; }   
    .rightcol3 { padding-top:40px; }
    .col1icon, .col1text { float:left !important; }
    .col1icon { margin-right:10px; margin-left:0px; }
    .col1text { text-align:left !important; }   
    h1.mobileh1 { margin-top:5px; font-size:22px; line-height:30px; padding:0 20px; }
    .long-field { font-size:16px; }
    span.tip { display:block; }
    .or { margin:10px 0 5px; }
    img.guarimg { width:50px; }
    .speakwith { margin-bottom:25px; }
    .sharebuttons a {
        margin:15px 5px 15px 0;
    }
    .squishtext { padding:0 20px; }
}
/* ########################## */
@media (max-width: 585px) {
	.announcement { margin-top:14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .leftcol1 { margin-top: -40px !important; }
    #rightsidecol { margin-top: -60px !important; padding-top:0px !important; }
    input#email { margin-left:0px !important; margin-right:0px !important; font-family: 'Open Sans',sans-serif; max-width:250px; }
    button.greensubmit{ display:block; width:100%; }
    .squishtext { padding:0 20px; }
	.pricingpage {
		padding: 0 20px;
	}
	.beta { font-size:15px; line-height: 22px; }
	.leftblock {
		margin:0 1%%;
		margin-bottom:20px;
	}
	.rightblock {
		margin:0 1%;
	}
	.halfblock {
		border: 1px solid #ccc;
		padding: 0px;
		margin: 10px auto;
		font-size: 17px;
		line-height: 27px;
		width: 98%;
		margin-right: 1%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: inline-block;
		min-height: 340px;
		float: left;
	}
}
/* ########################## */
@media (max-width: 480px) {
    .leftcol1 { margin-top: -40px !important; }
    #rightsidecol { margin-top: -60px !important; padding-top:0px !important; }
    input#email { margin-left:0px !important; margin-right:0px !important; font-family: 'Open Sans',sans-serif; max-width:250px; }
    button.greensubmit{ display:block; width:100%; }
    .squishtext { padding:0 20px; }
	.pricingpage {
		padding: 0 20px;
	}
	.beta { font-size:15px; line-height: 22px; }
}
</style>

<!-- PAGE CONTAINER -->
<div id="lpcontainer" class="pricingpage" style="background: #fff; overflow:hidden;">

	<!-- ######################################################################## -->
	<!-- ###################       TOP PROMO MESSAGE BAR      ################### -->
	<!-- ######################################################################## -->

	<div class="announcement" style="display:none; background:#dd1000; min-height:25px; padding:10px 0 7px; 
	text-align:center; color:#fff; font-size:16px; font-weight:300 !important; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);">
		<!--<span style="font-weight:700;">Pre-Launch:</span> 11/11/2023 - We&rsquo;ll be opening up the ability to 
		purchase Bid Credits very soon! &bull; -->If you&rsquo;d like to purchase additional <a href="/managed-services" 
			title="Managed Services" style="font-weight:700;">Managed Service Request</a> Credits, 
			<a href="/buycredits" style="color:#fff; font-weight:700;">click here <i class="fa fa-angle-right" 
			aria-hidden="true"></i></a>
		
		<!--<a href="/founding-partners" title="Learn more"
		style="font-weight:600;">Learn more &raquo;</a>-->
		<!--We&rsquo;re currently in the ramp up phase.
		Self-installs &amp; Scheduled installs begin Mon 9/19/22 (with priority
		based on Plan type + signup order).
		<a href="/membership" style="color:#2bc9ff; font-weight:600">Learn more &rsaquo;</a>-->
	</div>
	<!-- ######################################################################## -->
	<!-- ###################       TOP PROMO MESSAGE BAR      ################### -->
	<!-- ######################################################################## -->

    <!-- #1 FULL WIDTH CONTAINER STARTS HERE -->
    <div style="width:100%; height:auto; background:none;">
        <!-- CONTAINER_12 STARTS HERE-->
        <div class="layout-2cols">
            <div id="introsection" class="content grid_12" style="background:none; margin-top:20px; margin-bottom:20px; padding:0;">                 
				<center><img src="/static/client/flipmob_horizontal_logo_black.png" alt="Flip Mob" 
				style="width:85%; max-width:500px; margin-top:6px"></center>
                 
				 <div class="beta" style="display:none; 
				 border:1px solid #ccc; padding:15px; font-weight:300; margin-bottom:20px;
					font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
				 	<span style="font-weight:600; color:#de1000">JOIN BETA</span> 
				 	 - While we put the finishing touches on the Platform, we invite you to join our 
				 	<a href="/beta" style="font-weight:600;" title="Join BETA Now">Join BETA now &raquo;</a>
				 </div> 
				 
				 <div class="beta" style="display:none; text-align:center;
				 border:1px solid #ccc; padding:15px; font-weight:300; margin-bottom:20px;
					font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
				 	<!--<span style="font-weight:600; color:#444">EQUITY</span>-->
					DevShares is Member-Owned. Purchase any plan now and receive complimentary Equity Shares.
					 <a href="#equity" class="loginpop" style="font-weight:600;" 
						 title="Learn more about receiving Equity in DevShares">Learn more
						 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
				 	<!--<a href="/beta" style="font-weight:600;" title="Join BETA Now">Join BETA now &raquo;</a>-->
				 </div> 
                 
				<div class="maintagline" style="background:none;">
					Posting Flipmobs, Projects, Jobs and Listings is always free, but we limit you to 3 total/mo. You can enroll
					in a monthly membership plan below to increase your limits. <!--You can either pay-as-you-go 
					or sign up for a Monthly Membership.-->
					
					<!--Sign up now and you&rsquo;ll receive complimentary Equity Shares in DevShares that give you
					ownership and also earn you a Monthly Revenue Share Payout.-->
					<!-- /profile/credits -->
					<!--<a id="comingsoon" href="#" style="font-weight:500">pay-as-you-go</a>-->
					 <!--<span style="font-weight:500">1 credit = 1 Load Listing
					<a href="/pricing-more" title="More on Pricing"><img 
					src="/static/images/icons/info-icon-gray.png" alt="i"></a></span>-->
                    
                    <br />
					<div class="subtagline" style="display:none; color:#777"> 
						Note: Text Messages are charged .01 per text &amp; deducted automatically 
						from your account balance (on your
						Edit Account page).
						<!--<a href="https://orderitfrom.com/checkout/?service=27" title="Click to enroll in the Economy Plan" 
						style="font-weight:600;">Tier 4 Economy Support Plan</a> for $1/mo. (no contract)-->
					</div>
						
					<!--
                    
						https://orderitfrom.com/checkout/?service=26
                    
                    -->
                    
                    <!-- Just a one-time $49 setup fee + $5+/mo.
					<span style="color:#ff0000">Note: We&rsquo;re in the process of updating this pricing, 
					please see the current pricing on our</span>-->
						<!--<a href="/checkout" title="View Pricing">Checkout page &raquo;</a>-->
                    <!--
                    <a href="https://preorderapps.com">Our Services &raquo;</a> | <a href="https://preorderapps.square.site/">Square Store &raquo;</a>-->
                    <!--<a href="https://checkout.square.site/buy/YMEXR3NCT3FRLRPOHOO2FSEV">Store &raquo;</a>-->

                    </div>
                    <div class="clear"></div>
                </div><!-- END OF INTRO SECTION -->               
            </div><!-- END OF LAYOUT 2 COLS -->
         <div class="clear"></div>

  <div class="clear"></div>
  
    <div class="layout-2cols" style="padding-top:0px; margin-top:15px; padding-bottom:30px; text-align:center;
    font-family: 'Open Sans', Montserrat,Arial,sans-serif; font-weight:300; background:none;">
         
    <!-- ################### --> 
    <!--     FIRST COLUMN    -->
    <!-- ################### -->    
    <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:1px solid #ccc;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        
        <h2 class="pricing-header" style="text-align:center !important;">
            Basic Plan
        </h2>
         
        <div class="pricing-header-div">&nbsp;</div>
         $1.99/mo.
        <!--<div style="font-size:12px;">ONLINE CLOUD ACCOUNT</div>-->
        <br /><br />
        
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			FLIPMOB LEVEL 1<!-- DΞVASSIST-->
		</div>
		<span style="font-size:19px; color:#15c016"><i class="fa fa-paper-plane" aria-hidden="true"></i>
		<span style="font-weight:600;">150 credits/mo.</span></span>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			2 listings/mo.
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			5% success fee
		</div>
		<br />
		
<!--		<div style="font-size:15px; line-height:25px; max-width:260px; margin:0 auto;">
			Pushes, Inbox &amp; Text Messages
		</div>
        <br />-->
        <div class="rounded2" style="text-align:center; height:auto;">
			<a id="comingsoon" class="rounded2" href="#" style="font-weight:300; color:#fff">Buy Now</a>
			<!--<a class="rounded2" href="https://orderitfrom.com/checkout/?service=2" style="font-weight:300; color:#fff">Buy Now</a>-->
        </div>  
        <br />
		<a class="comingsoon" href="#" style="font-size:14px;" title="Buy Now">$11.99/yr (50% savings)</a>
	   <!--<span style="font-size:14px;"><a href="https://orderitfrom.com/checkout/?service=5"
		   style="font-size:14px;" title="Buy Now">$7.99/mo. PAYGO</a> or</span> <a href="https://orderitfrom.com/checkout/?service=8" 
       style="font-size:14px;" title="Buy Now">$29/yr (50% savings)</a>-->
        
    </div><!--end: grid4 div -->
        
    <!-- ################### --> 
    <!--    MIDDLE COLUMN    -->    
    <!-- ################### -->        
    <div class="content grid_4" style="font-size:17px; padding:0 20px 20px; border:1px solid #ccc; overflow:hidden; 
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        
         <h2 class="pricing-header" style="text-align:center !important;">
            Premium Plan
         </h2>
            
        <div class="pricing-header-div">&nbsp;</div>
         $4.99/mo.
		<!--<div style="font-size:12px;">ONLINE CLOUD ACCOUNT</div>-->
		<br /><br />
		
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			FLIPMOB LEVEL 2
		</div>
		
		<span style="font-size:19px; color:#15c016"><i class="fa fa-paper-plane" aria-hidden="true"></i> 
			<span style="font-weight:600;">500 credits/mo.</span></span>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			5 listings/mo.
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			3% success fee
		</div>
		<br />
        
<!--		<div style="font-size:15px; line-height:25px; max-width:260px; margin:0 auto;">
			Pushes, Inbox &amp; Text Messages
		</div>            
        <br />-->
        <div class="rounded2" style="text-align:center; height:auto;">
			<a id="comingsoon2" class="rounded2" href="#" style="font-weight:300; color:#fff">Buy Now</a>
            <!--<a class="rounded2" href="https://orderitfrom.com/shop/product/pre-order/?add-to-cart=1397" style="font-weight:300;">Buy Now</a>-->
			<!--<a class="rounded2" href="https://orderitfrom.com/checkout/?service=3" style="font-weight:300; color:#fff">Buy Now</a>-->
        </div>  
        <br />
		<a class="comingsoon" href="#" style="font-size:14px;" title="Buy Now">$29/yr (50% savings)</a>
		<br /><br />
		<div class="recommended" style="color:#fff; 
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;">
        	RECOMMENDED
        </div>
		<!--<span style="font-size:14px;"><a href="https://orderitfrom.com/checkout/?service=6"
			style="font-size:14px;" title="Buy Now">$14.99/mo. PAYGO</a> or</span> <a href="https://orderitfrom.com/checkout/?service=9" 
       style="font-size:14px;" title="Buy Now">$59/yr (50% savings)</a>-->
               
    </div>
     
    <!-- ################### --> 
    <!--   3RD COLUMN START  -->
    <!-- ################### -->    
     <div class="content grid_4" style="font-size:17px; padding:0 20px 20px; border:1px solid #ccc; margin-top:0px; overflow:hidden; 
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        
         <h2 class="pricing-header" style="text-align:center !important;">
			 <a href="#" title="Click to learn more..." style="color:#000">Pro Plan</a>
         </h2>
         
         <div class="pricing-header-div">&nbsp;</div>
         $9.99/mo.
        <!-- <div style="font-size:12px;">PRO</div>-->
		<br /><br />
		
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			FLIPMOB LEVEL 3
		</div>
        
		<span style="font-size:19px; color:#15c016"><i class="fa fa-paper-plane" aria-hidden="true"></i>
		<span style="font-weight:600;">2,500 credits/mo.</span></span>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			25 listings/mo.
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			0% success fee
		</div>
		<br />
		
<!--		<div style="font-size:15px; line-height:25px; max-width:260px; margin:0 auto;">
			Pushes, Inbox, Texts &amp; Emails
		</div>         
        <br />-->
        <div class="rounded2" style="text-align:center; height:auto;">
			<a id="comingsoon3" class="rounded2" href="#" style="font-weight:300; color:#fff">Buy Now</a>
			<!--<a class="rounded2" href="https://orderitfrom.com/checkout/?service=4" style="font-weight:300; color:#fff">Buy Now</a>-->
        </div>  
        <br />
		<a class="comingsoon" href="#" style="font-size:14px;" title="Buy Now">$59/yr (50% savings)</a>
		<!--<span style="font-size:14px;"><a href="https://orderitfrom.com/checkout/?service=7"
			style="font-size:14px;" title="Buy Now">$29/mo. PAYGO</a> or</span> <a href="https://orderitfrom.com/checkout/?service=10" 
       style="font-size:14px;" title="Buy Now">$99/yr (60% savings)</a>-->
        
     </div><!-- END OF 3RD COLUMN --> 
     <div class="clear"></div>
     <br /><br /> 

	<div class="subtagline" style="display:nonex; color:#555; text-align:left; font-size:17px; font-weight:400;
	line-height:27px;">
		 <?php echo date('M d, Y'); ?> - Note: More pricing options and flexibility are coming soon.
		 <br />
		 
		 <h2 style="font-weight:600; text-transform: uppercase; font-size:22px; line-height:30px;
	 		text-align:left; font-family:Montserrat,'Open Sans', Helvetica, Verdana, sans-serif;">
			 <!--DΞVSHARES--> FLIPMOB PRICING &amp; OTHER SERVICES (COMING SOON)
		 </h2>
		 
		 <strong>FLIPMOBS</strong><br />
		 Any free member can submit pledges/reserves on flipmobs to reserve their
		 spot, but once that flipmob gets closer to reaching its goal, all participants/mobbers will receive
		 a notification to escrow their pledge/reserve fee.
		 <br /><br />
		 You can load money to your account via Square, Stripe or Paypal on FlipMob&rsquo;s Load page at
		 <a href="https://flipmob.com/load" title="Load money to your FlipMob Account Balance"
		 style="font-weight:600;">https://flipmob.com/load</a>
		 <br /><br />
		 <strong>FLIPMOB MARKETPLACE</strong><br />
		 Marketplace is made up of 3 services:<br />
		 1. FlipMob Sellers / Shop FlipMob<br />
		 2. FlipMob Jobs<br />
		 3. FlipMob Simple Exchange
		 <br /><br />
		 
		 Members can sell (good or services), hire talent or use FlipMob&rsquo;s built-in escrow to safely 
		 and securely help facilitate an exchange of goods or services.
		 <br /><br />
		 FlipMob has no listing fees, but there is a success fee of 5% <i>if</i> your listing is successful. However,
		 if you&rsquo;re a FlipMob Premium Member (or higher), then you won&rsquo;t be charged any success fees or
		 listing fees.  
		 <br /><br />
		 
		 Note: Success fees are the fees that are deducted from successful Projects, Jobs and Listings
		 when the Client (hiring person, business or company) pays the Seller (ie. Developer, Designer or Talent) - 
		 <i>or</i> the Buyer pays the Seller. 
		 
		 <br /><br />
		 <strong>FLIPMOB LOYALTY</strong><br /> 
		 
		 Members can earn FlipMob Loyalty Tickets (sort of like points or stars) for participating in various 
		 activities through the FlipMob platform or as a bonus from purchasing various FlipMob Upgrades, 
		 Memberships and/or Services.
		 
		 <br /><br />
		 Members can then use those Loyalty Tickets to enter to win shares in various flipmobs. For example, 
		 if a FlipMob is for Seats/Tickets in a Luxury Suite of a professional sports team and the minimum required
		 buy-in to participate is $245 (per ticket/seat), then a Member may opt to simply enter 1 time (or 1 
		 Loyalty Ticket) for one chances to win one of those tickets/seats.
		 <br /><br />
		 <strong>FLIPMOB ENTRIES</strong><br />
		 As stated above, Members can opt to enter to win a share of various flipmobs as an alternative to 
		 the standard pledge/reserve (ie. &ldquo;buy-in&rdquo;) to participate in a flipmob.
		 
		 <br /><br />
		 
		 <strong>FlipMob Success Fees</strong> - FlipMob&rsquo;s standard success fee is 5%, but you can get a 0% success 
		 fee by enrolling in our of our Membership Plans, like FlipMob Premium or Pro.
	 	<!--<a href="https://orderitfrom.com/checkout/?service=27" title="Click to enroll in the Economy Plan"
	 	style="font-weight:600;">Tier 4 Economy Support Plan</a> for $1/mo. (no contract)-->
	 </div>    
	 
	 <!--Basic, Pro &amp; Premium Plans include <a href="https://orderitfrom.com/features" title="Learn more about our Free Feature Requests" 
		 style="font-weight:600;">Free Feature Requests</a> and will cover you if you have a Mobile App, SuperSite
		 <i>and/or</i> OrderitFrom Ordering page  (ie. you&rsquo;ll only ever need 1 Plan). PAYGO = pay-as-you-go, month-to-month options. The 
	 Recurring option is for your convenience and completely optional - you can cancel at any time. Note: We don&rsquo;t charge any 
	 additional transaction fees to you <i>or</i> your Customers ever - and all payments go directly through your Square Account instantly.-->
     
     <!--Prices include *
     <a href="https://orderitfrom.com/shop/product/pre-order/?add-to-cart=1397" style="font-weight:600;">$299 one-time</a> setup fee (payable in 4 easy payments of $75/mo).--> <!--<a href="/add-ons" title="Learn more about Add-Ons" style="font-weight:600;">View Premium Add-Ons &raquo;</a>-->
    <br /><br /> 
    
    <br />
          
    </div>
    <div class="clear"></div>       
</div>  
        
    <!-- ######################################################################## -->               
    <!-- ####################### BOOKING FORM STARTS HERE ####################### -->
    <!-- ######################################################################## -->   
            
    <div id="" style="display:none;  position:relative; background:url(/static/images/we-do-everything.jpg) no-repeat; background-size:cover;
    background-color: #444; border-bottom:1px solid #ccc; color:#ddd; font-size:16px; text-shadow:0px -1px 1px rgba(0,0,0,.3);
    line-height:26px; font-weight:300; overflow:hidden; height:auto; width:auto; padding:25px 20px 35px; text-align:center;">   

        <!-- ################### --> 
        <!--     TOP COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_12" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center">   
            <span style="color:#fff; font-size:22px;">
                We&rsquo;d love to learn more about your project or idea. <!--Call us now at 1-844-484-4627 (1-844-4THINAP)
                or-->Fill out the form below to schedule a time with someone from the ChattrBox Team.
            <!--To get started, open a chat (bottom right), 
            email us (at contact@orderitfrom.com) or call us at <a href="tel:1-844-484-4627" 
            style="text-shadow:0px 0px 0px; color:#66BFFF;">1-844-4-Pre-Order (1-844-484-4627)</a>, so we can learn 
            a little more about your idea, project and mobile needs.
            -->
            </span>
            <br />  
        </div>

    <?php
      ob_start();
      $to='contact@orderitfrom.com';
      $messageSubject='Schedule Confirmation from Pre-Order';
      $confirmationSubject='Pre-Order Schedule Confirmation';
        
        // More headers
        $headers  = 'From: Pre-Order <contact@orderitfrom.com>' . "\r\n";
        $headers .= 'Reply-To: contact@orderitfrom.com' . "\r\n"; 
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";   
      
      $fromclient = 'From: '.$email."\r\n";
      $fromthinapp = 'From: '.$to."\r\n";   
      $email='';
      $phone-'';
      $time='';
      $body=''; 
      $confirmationBody="Your Scheduled Call is confirmed. \r\nThanks, Pre-Order Team.\r\n";
      $displayForm=true;
      if ($_POST){
        $email=stripslashes($_POST['email']);
        $name=stripslashes($_POST['name']);
        $phone=stripslashes($_POST['phone']);
        if(!empty($_POST['time'])){
            $time=stripslashes($_POST['time']);
        } else {
            $time = 'Not Requested'; 
        }
        $body=stripslashes($_POST['body']);
        $bookinginfo= $name . " has scheduled a call at " . $time. "<br/><br />Their number is: " . $phone . " and 
        their email is: " . $email . "<br /><br />Their message:<br /><br />" . $body;
        $msg= "<center><img src='https://orderitfrom.com/static/images/scheduled_hdr.jpg' />
        <br /><br />
        Your free, scheduled call with Pre-Order is confirmed for " . $time . ". We look forward to learning more about your idea.<br /><br />
        Thank you,
        <br /><br />
        - Pre-Order Team.<br />
        </center>";
        // validate e-mail address
        $valid=preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i",$email);
        $crack=preg_match("(\r|\n)(to:|from:|cc:|bcc:)",$body);
        if ($email && $body && $valid && !$crack){
            //This goes to Pre-Order
          if (mail($to,$messageSubject,$bookinginfo,$headers,'-fcontact@orderitfrom.com')
              // This goes to the sender
              && mail($email,$confirmationSubject,$msg,$headers,'-fcontact@orderitfrom.com')){
            $displayForm=false;    
    ?>

    <p style="font-size:22px; color:#fff; text-align:center; font-weight:800;">
      Thanks for your interest in Thin&#923;pp and scheduling a free call with us! We&rsquo;re looking forward to learning
      more about your project. A confirmation email has been sent to your e-mail address and your 
      message is also shown below.
    </p>
    <?php
            echo '<p><span style="font-weight:500;">'.htmlspecialchars($body).'</span></p>';
            echo '<br />';
            echo '<a href="https://orderitfrom.com/pricing" style="font-weight:500; color:#82ADCC;">Show Scheduling Form again &raquo;</a>';
          }else{ // the messages could not be sent
    ?>
    <p>
      Oooops! Something went wrong when the server tried to make your schedules appointment.
      This is usually due to a server error, and is probably not your fault.
      We apologize for any inconvenience. Please feel free to email us at contact@orderitfrom.com or call us at 312-857-3511
      to get in touch with us directly. Thank you.
    </p>
    <?php
          }
        }else if ($crack){ // cracking attempt
    ?>
    <p><strong>
      Your message contained e-mail headers within the message body.
      This seems to be a cracking attempt and the message has not been sent.
    </strong></p>
    <?php
        }else{ // form not complete
    ?>
    <p><strong>
      Your message could not be sent.
      You must include both a valid e-mail address and a message.
    </strong></p>
    <?php
        }
      }
      if ($displayForm){
    ?>

    <form action="/pricing" method="post">

        <!-- ################### --> 
        <!--     FIRST COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Name: </label><br />
            <input type="text" name="name" id="name" value="<?php echo htmlspecialchars($name); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="Your Name" />
            <br />
            <label for="email" style="font-size:12px;">E-mail: </label><br />
            <input type="text" name="email" id="email" value="<?php echo htmlspecialchars($email); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px;" placeholder="Your E-mail" />
        </div><!--end: grid4 div -->
        
        <!-- ################### --> 
        <!--     2 COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Phone: </label><br />
            <input type="text" name="phone" id="phone" value="<?php echo htmlspecialchars($phone); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="Phone (optional) XXX-XXX-XXXX" /><br />
            <label for="email" style="font-size:12px;">When: </label><br />
            <input class="timepicker txt" type="text" name="time" value="<?php echo $time; ?>" placeholder="<?= date('g:i A m-d-Y') ?>" 
            style="width:95%; max-width:350px; padding:7px; color:#222;" size="30" />  
        </div><!--end: grid4 div -->

        <!-- ################### --> 
        <!--     3 COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Brief Description of your App Idea, etc: </label><br />
            <textarea name="body" id="body" rows="5" style="width:90%; max-width:500px; 
            margin-right:20px; padding:7px;"><?php echo htmlspecialchars($body); ?></textarea>
        </div><!--end: grid4 div -->    
        
        <!-- ################### --> 
        <!--     BOTTOM COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_12" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center">
            <button type="submit" style="height:50px; font-weight:300; border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;">Schedule Now!</button>
            <br /><br />
            <span style="color:#aaa; font-size:14px;">A confirmation e-mail will be sent to you &amp; you can scroll back to this bottom section to see if your message was successfully sent.</span>
        </div><!--end: grid4 div -->
        
    </form>
    <?php
      }
    ?>      
    
    
</div><!-- LP PAGE CONTAINER ENDS -->
    <!-- PAGE CONTAINER END -->
</div>    
<?php include 'views/_footer.tpl.php'; ?>	
				 

<script type="text/javascript" defer>
  var href = $(this).attr("action");
$(function() {
    $('#gallery a').lightBox();
});  
</script>

<!-- MANAGED SERVICES OVERVIEW -->
<div style="display:none;">
<div id="equity" class="" style="max-width:750px;">
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content">
        <div class="" style="background:none !important;">
            <div class="form login-form" style="background:none !important;">               
                <!-- CONTENT CONTAINER STARTS HERE -->
                <div class="box-white" style="border:0px; max-height:300px;
                height:auto; margin-top:0px !important;">
                    <div style="background:#fff; float:left; padding:0px; color:#444; font-size:16px; 
						font-weight:300; text-align:left; line-height:24px;
						font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">     
                        
						<h3 style="text-align:center; line-height:24px; 
						font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
							RECEIVE EQUITY IN DΞVSHARES
                        </h3>
                        <br />
                        
                        DevShares is on its way to being 75% Member/Community owned. There are still shares left, 
                        so purchase a plan today and you&rsquo;ll receive complimentary equity shares per each
						$1 spent, which entitles you to Monthly Revenue Sharing Payouts and a final payout if 
						DevShares should ever get acquired.
						
						<br /><br />
						There are a total of 25M total shares in DevShares.
                        
	                   <span style="font-weight:600"></span>
	                    
	                   <br /><br />

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- PAYMENT PLANS CONTACT FORM POPUP -->
<div style="display:none;">
<div id="contactform" class="" style="max-width:850px;"><!-- max-width:550px; removed -->
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content" style="">
        <div class="" style="">
            <div class="form login-form" style="">          
                <!-- CONTENT CONTAINER STARTS HERE -->
                <div class="box-white" style="border:0px; height:auto; padding:0px; margin-top:-30px !important;">                  
                    <div style="background:#fff; padding:25px; color:#222; font-size:12px; font-weight:300;
                    text-align:left; font-family: 'Open Sans',sans-serif; font-weight:normal; line-height:22px;">   
                    
                        <!--<h1 style="font-weight:300; color:#222; margin-bottom:0px;">Payment Plans</h1>
                        
                        Often times we break projects up into 3-4 phases where we&rsquo;ll release 
                        an App Store-ready version of your app, with a <span style="font-weight:600;">payment due 
                        upon your review &amp; approval of 
                        each phase</span>. This also helps you start your planning, 
                        marketing &amp; promotions as early as possible. Submit your info below &amp; we&rsquo;ll
                        get in touch to help figure out a payment plan that works for you! Or call us at 
                        <a href="tel:1-888-564-0061">1-888-564-0061</a> or <a href="tel:1-312-857-3511">(312) 857-3511</a> (local)
                        <br /><br />-->
                        
                        <!-- START OF CONTACT FORM -->
    <?php
      $to='contact@orderitfrom.com';
      $messageSubject='ChattrBox Inquiry';
	  $confirmationSubject='ChattrBox Inquiry';
        
        // More headers
        $headers  = 'From: Pre-Order <contact@orderitfrom.com>' . "\r\n";
        $headers .= 'Reply-To: contact@orderitfrom.com' . "\r\n"; 
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";   
      
      $fromclient = 'From: '.$email."\r\n";
      $fromthinapp = 'From: '.$to."\r\n";   
      $email='';
      $phone-'';
      $time='';
      $body=''; 
      $confirmationBody="Your request for more info has been received. \r\nThanks, Support Team.\r\n";
      $displayForm=true;
      if ($_POST){
        $email=stripslashes($_POST['email']);
        $name=stripslashes($_POST['name']);
        $phone=stripslashes($_POST['phone']);
        $time=stripslashes($_POST['time']);
        $body=stripslashes($_POST['body']);
        $bookinginfo= $name . " has requested more info " . $time. "<br/><br />Their number is: " . $phone . " and 
        their email is: " . $email . "<br /><br />Their message:<br /><br />" . $body;
        $msg= "<center><img src='https://orderitfrom.com/static/images/scheduled_hdr.jpg' />
        <br /><br />
        Someone will be getting in touch with you soon to discuss your needs.<br /><br />
        Thank you,
        <br /><br />
        - Support Team.<br />
        </center>";
        // validate e-mail address
        $valid=eregi('^([0-9a-z]+[-._+&])*[0-9a-z]+@([-0-9a-z]+[.])+[a-z]{2,6}$',$email);
        $crack=eregi("(\r|\n)(to:|from:|cc:|bcc:)",$body);
        if ($email && $body && $valid && !$crack){
            //This goes to Pre-Order
          if (mail($to,$messageSubject,$bookinginfo,$headers,'-fcontact@orderitfrom.com')
              // This goes to the sender
              && mail($email,$confirmationSubject,$msg,$headers,'-fcontact@orderitfrom.com')){
            $displayForm=false;    
    ?>

    <p style="font-size:22px;">
      Thanks for your interest. We&rsquo;re looking forward to learning
      more about your project and needs. A confirmation 
      email has been sent to your e-mail address and your message is also shown below.
    </p>
    <?php
            echo '<p><span style="font-weight:500;">'.htmlspecialchars($body).'</span></p>';
            echo '<br />';
            echo '<a href="/pricing" style="font-weight:500; color:#82ADCC;">Show Form again &raquo;</a>';
          }else{ // the messages could not be sent
    ?>
    <p>
      Oooops! Something went wrong. :(  This is usually due to a server error, and is probably not your fault.
      We apologize for any inconvenience. Please feel free to email us at contact@orderitfrom.com or call us at 312-857-3511
      to get in touch with us directly. Thank you.
    </p>
    <?php
          }
        }else if ($crack){ // cracking attempt
    ?>
    <p><strong>
      Your message contained e-mail headers within the message body.
      This seems to be a cracking attempt and the message has not been sent.
    </strong></p>
    <?php
        }else{ // form not complete
    ?>
    <p><strong>
      Your message could not be sent.
      You must include both a valid e-mail address and a message.
    </strong></p>
    <?php
        }
      }
      if ($displayForm){
    ?>

    <form action="/loyalty-card" method="post">

        <!-- ################### --> 
        <!--     FIRST COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_6" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Name: </label>
            <input type="text" name="name" id="name" value="<?php echo htmlspecialchars($name); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="Your Name" />
            <br />
            <label for="email" style="font-size:12px;">E-mail: </label>
            <input type="text" name="email" id="email" value="<?php echo htmlspecialchars($email); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px;" placeholder="Your E-mail" />
        </div><!--end: grid4 div -->
        
        <!-- ################### --> 
        <!--     2 COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_6" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Phone (optional): </label>
            <input type="text" name="phone" id="phone" value="<?php echo htmlspecialchars($phone); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="XXX-XXX-XXXX" /><br />
            <label for="email" style="font-size:12px;">When? (optional) </label>
            <input class="timepicker txt" type="text" name="time" value="<?php echo $time; ?>" placeholder="<?= date('g:i A m-d-Y') ?>" 
            style="width:95%; max-width:350px; padding:7px; color:#222;" size="30" />  
        </div><!--end: grid4 div -->
        
        <!-- ################### --> 
        <!--     BOTTOM COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_12" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center">
            <button type="submit" style="font-weight:300;">Submit now</button>
            <br />
            <span style="color:#aaa; font-size:12px;">A confirmation e-mail will be sent to you</span>
        </div><!--end: grid4 div -->
        
    </form>
    <?php
      }
    ?>                          
                        <!-- END OF CONTACT FORM -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>