<?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('Standard Pricing Coming Soon (Mon Apr 10,2023). Please see our special BETA Member Plan if you\'d like early access.');
		//$("#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">
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; }

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

div.spacer { }
.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, 'Open Sans',Futura, 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;
	padding:40px;
	height:100px;
}
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: Montserrat, 'Open Sans',Futura, sans-serif;    
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 2px;
    margin: 0;
    margin-bottom:10px;
    font-size:17px;
    display:block;
    text-align:center;
    width:100%;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
span.author-byline-insider {
    padding: 3px 10px 3px 10px;
    background: white;
    margin:0 auto;
    display:inline-block;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
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:#000; /* 5c666b */
    padding:10px 0; 
    font-weight:500; 
    font-size:40px; 
    line-height:48px; 
	font-family: Montserrat,Raleway,Montserrat-Light,'Open Sans', Helvetica, 'Helvetica Neue',Verdana, Arial,sans-serif;
}
h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
	font-family: Montserrat,Raleway,Montserrat-Light,'Open Sans', Helvetica, 'Helvetica Neue',Verdana, Arial,sans-serif;
}
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;
  -webkit-border-radius:  0 4px 4px 0;
  -moz-border-radius:  0 4px 4px 0;
}

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

.bottomicons, .bottomtray { display:none; }

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

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

.spacer {
    padding-top: 35px;
}
.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; }

	#blockit {
		max-width: 400px;
	}
	.blockit-left {
		display: inline-block;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		min-height: 100% !important;
		background: url('/static/client/bg_food.jpg') no-repeat;
		background-size: cover;
		float: left;
	}
	.blockit-right {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 50%;
		height: auto;
		min-height: 100%;
		background: #f3f3f3;
		float: left;
		overflow-y: scroll;
	}

	.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%;
	}
	
	.btn-o, .btn-o a, .btn-o a:link, .btn-o a:active, .btn-o a:visited, .btn-oo a {
		border: 3px solid #29baff;
		background-color: #8b248d;
		background-image: linear-gradient(45deg, #8b248d, #099bf2);
		text-shadow: -1px -1px -1px rgba(0,0,0,.5);
		padding: 10px 15px;
		width: 80px;
		height: 20px;
		line-height: 20px;
		display: inline-block;
		font-family: 'Open Sans', Montserrat,Arial,sans-serif;
		font-weight: 300;
		font-size: 15px;
		color: #fff;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
	}

	.btn-o:active, .btn-o:hover, .btn-oo a:hover, .btn-oo a:active {
		border: 3px solid #fff;
		/*background: #82be55; */
		background-color: #099bf2;
		background-image: linear-gradient(45deg, #099bf2, #8b248d);
		text-shadow: -1px -1px -1px rgba(0,0,0,.5);
	}
	
	ul.lifetimelist {
		background: none;
		padding-left: 22px;
		padding-right: 0px;
		line-height: 24px;
		text-align: left;
		max-width: 500px;
		margin: 0 auto;
	}

	ul.lifetimelist li {
		margin-bottom: 15px;
		background: none;
	}
	
	.mservices {
		width:98%;
		line-height:23px;
		text-align:center; 
		border:3px solid #eee;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		padding:15px 10px;
		margin-bottom:20px;
		font-family: Montserrat,Raleway,Montserrat-Light,'Open Sans', Helvetica, 'Helvetica Neue',Verdana, Arial,sans-serif;
	}
	.mservices:hover {
		border:3px solid #ccc;
	}

/* ################################################################################ */
/* ###########################      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) {
    .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; }
}
/* ########################## */
@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>

<!--
'/devops' => 'contentpage',
'/on-demand' => 'contentpage',
'/on-demand-pricing' => 'contentpage',
'/services' => 'contentpage',
'/managed' => 'contentpage',
'/managed-services' => 'contentpage',
'/all-managed-services' => 'contentpage',
'/membership' => 'contentpage',
-->

<!-- PAGE CONTAINER -->
<div id="lpcontainer" class="pricingpage" style="background: #fff; overflow:hidden;">
    <!-- #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:30px; 
            margin-bottom:10px; padding:0;">                 
			
				<center><a href="/"><img src="/static/client/flipmob_horizontal_logo_black.png" alt="FlipMob"  
				style="max-width:500px; width:85%; margin-bottom:0px"></a></center>
                 
				 <h1 style="margin-bottom:0px;">COMING SOON</h1>
				 <!--<h1 style="margin-top:0px; margin-bottom:0px;">INVΞSTORS</h1>-->
                 
				<div class="maintagline" style="background:none;">
					
				</div>

<!--				<br />

				<center>
					We want to reward &ldquo;Early Adopters&ldquo;...so, here&rsquo;s what you get:
				</center><br />


				<ul class="lifetimelist" style="">

					<li>Secure, one-click Square POS integration (incl. inventory).</li>
					<li>Voice-Activated Menu (with easy menu editor).</li>
					<li>Free Voice Orders* for life.</li>
					<li>Free Cash Orders** for life.</li>
					<li>No cc processing fees - ever.</li>
					<li>No commission fees - ever.</li>
					<li>Access to every Voice Menu
					<a href="https://voicemenu.com/pricing">Pro Feature</a>.</li>
					
				</ul>
				<br />-->
                    
                    <!-- 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="layout-2cols" style="padding-top:0px; margin-top:15px; padding-bottom:30px; text-align:left;
		font-family: 'Open Sans', Montserrat,Arial,sans-serif; font-weight:300; background:none; 
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
	 
	 <div style="font-size:17px; line-height:27px; font-weight:400; color:#222">
		  
		  <br /><br />  
		  
		  <h2 class="author-byliner" style="padding:10px;
		  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;">
		  	<span class="author-byline-insider">XXX</span>
		  </h2>
		  <br />
		  
		  <br /><br />
		  
<!--		  <div style="text-align:center;">
		  	<a class="btn-o" href="/managed-services" style="color:#fff; width:150px; margin:0 auto; text-align:center;"
			title="View All Managed Services">All Services &rsaquo;</a>
		  </div>-->
		  	  
	 	
<!--	 		<h2 style="font-weight:600; text-transform: uppercase; font-size:22px; line-height:30px; 
	 		text-align:center; font-family:Montserrat,'Open Sans', Helvetica, Verdana, sans-serif;
			 border:1px solid #ddd; padding:15px; margin-bottom:25px;">
				SAVE THOUSANDS OF DOLLARS ON ALL YOUR DEV, DESIGN + TECH NEEDS
			</h2>-->
			<!--<div class="clear"></div>-->
			
<!--			<h3 style="color:#999; font-weight:400; font-size:20px; color:#000; margin-bottom:20px;
				text-transform: uppercase; line-height:30px;">
				1. <span style="font-weight:800;">Post</span> Group-Fundable Projects, Job Positions &amp; more.
			</h3>
			
			<strong>Clients</strong> - can <a href="/project/addnew" style="font-weight:600;">post a listing</a> 
			for any Development or Design Project you need done, or Job Position you need to hire for (ie. like a 
			Dedicated Developer, Customer Service Specialist, Virtual Assistant, etc), <strong>then get
			free Bids + Proposals</strong> from hand-selected Developers, Designers, Creatives and other Talented 
			Freelancers.
			<br /><br />-->

			<br /><br />
			<hr style="border-top:2px solid #eee; max-width:200px; width:50%; margin:0 auto;" />
			<br />
			
<!--			<div style="max-width:900px; margin:0 auto; font-weight:600; text-shadow:0px 1px 0px #fff;
				padding:20px; border-radius:50px ; -moz-border-radius:50px; -webkit-border-radius:50px;
				text-transform: uppercase; font-size:22px; line-height:30px; text-align:center;
				background:#f5f5f5; font-family:Montserrat,'Open Sans', Helvetica, Verdana, sans-serif;">
				
				LARGER CO-FUNDED BUDGETS BENEFITS ALL
			</div>
			<div class="clear"></div>
			<br />-->
			
			<!--<br /><br /><br />
			<hr style="border-top:2px solid #eee; max-width:200px; width:50%; margin:0 auto;" />
			<br /><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;">
			 WE&rsquo;LL DO THE HEAVY LIFTING <i>FOR</i> YOU
			</h2>
			
			If a Client or Client-Group (ie. group of Co-Funders) really like the Bid/Proposal of a 
			particular Developer or Designer, then they can hire them right within the Listing page 
			(on the Bids tab) - or Clients can opt to let DevShares handle the vetting and/or hiring 
			part of the process. 
			<br /><br />
			In those cases, DevShares will handle the review of Bids/Proposals, speak with the Developers
			(or Designers) about your Project (or Position) needs and requirements and then either
			present (ie. recommend) to you the one or two that we feel are the best fit or proceed
			with hiring them as part of our in-house Management Services, which oversees the project
			or hired position <i>for</i> you.-->
	 		
<!--			<br /><br /><br />
			<hr style="border-top:2px solid #eee; max-width:200px; width:50%; margin:0 auto;" />
			<br />-->
	 
	 		<div style="padding:0 15px; max-width:90%; margin:0 auto;"> 		
			 	<h2 style="font-weight:600; text-transform: uppercase; font-size:17px;
			 	font-family:Montserrat,'Open Sans', Helvetica, Verdana, sans-serif;">
			 		WANT TO CHAT? OR GET A LIVE DEMO? OR KNOW MORE? GET IN TOUCH
			 	</h2>
			 	
				If you&rsquo;d like to know more about how DevShares Managed Services works, please feel
				free to contact us at the email or phone number:
				<a href="mailto:contact@devshares.com?subject=DevShares Online Inquiry" title="Click to email" 
				 style="font-weight:600;">contact@devshares.com</a> or call us at 
				<a href="tel:312-857-3511" title="Click to call"
				style="font-weight:600;">312-857-3511</a> (Chicago Local).
			</div>
			<div class="clear"></div>
			<br /><br /><br /><br />
		 
<!--		 <div style="height:5px; width:5px; background:#ccc; margin:0 auto;">&nbsp;</div>
		 <br />
		 <div style="height:5px; width:5px; background:#ccc; margin:0 auto;">&nbsp;</div>
		 <br />
		 <div style="height:5px; width:5px; background:#ccc; margin:0 auto;">&nbsp;</div>
		 <br />		 
		 Aaaaaaand, here&rsquo;s a quick pictorial to sum it all up in a single image:
		  <br /><br />-->
	 </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>  

<!-- ######################################################################## -->               
<!-- #######################   MORE DIV STARTS HERE   ####################### -->
<!-- ######################################################################## -->  

<div class="morediv" style="position:fixed; left:0; bottom:0; z-index:9999999999999999; font-size:18px;
		line-height:22px; border-top:1px solid #417bff; width:100%;
		background:rgba(0,0,0,.80); color:#aaa; vertical-align: middle;
		text-shadow:0px -1px 0px rgba(0,0,0,.4); padding:8px 0 25px; min-height:50px; text-align:center;">

	<div style="position:relative; height:50px; max-width:250px; margin:0 auto;
		background:none; vertical-align: middle;">

		<div style="display:none; float:left; margin:2px 0px 0 0px; display: table; height:50px;
				text-align:left; font-weight:500; color:#fff; padding:0 7px 0px 7px;">

			<!--<span style="display: inline-block; display: table-cell; font-size:14px;
			vertical-align: middle; line-height: normal;">View All Listings</span>-->

		</div>
		<div style="text-align:center;">
			<a class="btn-o" href="/how-it-works" style="color:#fff; width:150px; margin:0 auto; text-align:center;" 
			title="How It Works">How It Works &rsaquo;</a>
		</div>

	</div>
	
	<!-- ######################################################################## --> 
	<!-- ######################################################################## --> 

	<div style="display:none; font-size:14px; margin-bottom:10px; font-weight:400;">
		<span style="font-weight:600;">Add your email</span> to get early access to Voice Ordering.
	</div>


	<form id="subscribeform" class="" target="_self" action="/auth/subscribe" method="post" style="display:none;">

		<input id="subemail" name="subemail" placeholder="Enter your email"
		style="max-width:330px; width:90%; height:40px; background: rgba(0,0,0,.7); color:#fff; font-size:17px;
		margin-bottom:10px; border:1px solid #777; font-weight:500;">

		<input id="subscribe" type="submit" value="Reserve now" class=""
		style="min-width:125px; width:90%; height:60px; max-width:300px; font-size:15px; margin-bottom:10px;" /><br />

		<input type="hidden" id="interestedin" name="interestedin" placeholder="vip" value="vip">

		<!--<span style="text-shadow:0px -1px 0px rgba(0,0,0,.4); font-weight:300;">
		&nbsp;&nbsp;<span id="totalsubs"
		style="color:#00E21A; background:none; font-weight:300"><?= $total_subscribers ?></span>
		<span style="color:#eee; font-weight:300;">reserved</span> -
		<span id="totalspots" style="font-weight:300; color:#00E21A;"><?= $total_spotsleft ?></span>
		spots left&nbsp;&nbsp;<span id="result"
		style="display:none; color:#00E21A; font-weight:300;">You&rsquo;re in! Check your email for your
		Reservation Code.</span>
		</span>-->

	</form>

</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 DevShares 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@devshares.com';
      $messageSubject='Schedule Confirmation from DevShares';
      $confirmationSubject='DevShares Schedule Confirmation';
        
        // More headers
		$headers  = 'From: DevShares <contact@devshares.com>' . "\r\n";
		$headers .= 'Reply-To: contact@devshares.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, DevShares 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://devshares.com/static/images/scheduled_hdr.jpg' />
        <br /><br />
        Your free, scheduled call with DevShares is confirmed for " . $time . ". We look forward to learning 
        more about your idea.<br /><br />
        Thank you,
        <br /><br />
        - DevShares 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@devshares.com')
              // This goes to the sender
			  && mail($email,$confirmationSubject,$msg,$headers,'-fcontact@devshares.com')){
            $displayForm=false;    
    ?>

    <p style="font-size:22px; color:#fff; text-align:center; font-weight:800;">
      Thanks for your interest in DevShares 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://devshares.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 -->
    
<?php include 'views/_footer.tpl.php'; ?>	
				 

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

<!-- 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>			