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

<script type="text/javascript">
	$(document).ready(function() {

	});
</script>

<style type="text/css">
	html {
		background-color: #eee;
		/*overflow: hidden !important;*/
	}
	body {
		height: 100%;
		/*overflow: hidden;*/
	}
	div.spacer { padding-top:0px; }
	h2.subscribetitle { font-size:26px; line-height:36px; text-align:center; }
	.thickerlinks a, .thickerlinks a:active, .thickerlinks a:link, .thickerlinks a:visited {
		font-weight: 600;
	}
	.herobg {
		background: linear-gradient(104deg, #2954F0, #2885ef 60%, #00D0E6);
	}
	.thefuture {
		font-size:72px; line-height:82px; margin-top:66px; 
	}
	.tagline { margin-top:30px; }
	
	/* ////////////////////////////////////////////////////////////////////////// */	
	/* /////////////////////         MOBILE STYLING         ///////////////////// */	
	/* ////////////////////////////////////////////////////////////////////////// */	

	/* ######################################## */
	/* Portrait tablet to landscape and desktop */
		@media (min-width: 1025px) and (max-width: 4399px) {
			#header .top-messagediv { display:inline-block; }
			.newhdrlogo {  }
		}
		
	/* ######################################## */
	/* Portrait tablet to landscape and desktop */

		@media (min-width: 980px) and (max-width: 1024px) {
			#header .top-messagediv { display:inline-block; }
			.newhdrlogo {
				/*display: none;*/
			}
		}

	/* ######################################## */
	/* Portrait tablet to landscape and desktop */

		@media (min-width: 768px) and (max-width: 979px) {
			#header .top-messagediv { display:none; }
			.newhdrlogo {  }
		}
	/* ######################################## */
	/* Landscape phone to portrait tablet */

		@media (max-width: 767px) {
			.loginlinks, .marketplacediv { display:none; }
			#header .top-messagediv { display:none; }
			.newhdrlogo {  }
			.greenplus {
				display: inline;
			}
		}
	/* ######################################## */
	/* Landscape phones and down */

		@media (max-width: 587px) { 
			.loginlinks, nav.top-menu, .marketplacediv { display:none !important; }
			.newhdrlogo { }
			#header .top-messagediv { display:none; }
			.backarrowdiv { display:inline-block;}
			img.sidr-class-LB { margin-top: 50px !important; }
			.thefuture { font-size:60px; line-height:70px; margin-top:10px; }
			.tagline { margin-top:15px; }
		}	
</style>

<div class="home-feature-category" style="padding-top:0px; border:none; padding-bottom:35px;">
	<div class="herobg" style="height:auto; min-height:400px; overflow: hidden; padding:70px 0;">
		<!--<img src="/static/system/slidethin.webp" alt="BG" style="width:100%; height:400px; 
		object-fit: cover; background-size:cover; background-position:center center;" />-->
		<div class="container_12 clearfix" style="min-height:200px;">
			<div class="grid_12 thefuture" style="color:#fff; font-weight:800;
				font-family:Raleway,Montserrat,Helvetica,sans-serif;">
				The Future of Asset Trading is Fluid, Dynamic, and Connected
			</div>
			<div class="clear"></div>
			<div class="tagline" style="color:#fff; font-size:20px; line-height:30px;
				margin-left:1%; margin-right:1%;">
				Embeddable, scalable, and modifiable, LiqueFi is a system that not only changes the
				nature of asset trading, but fundamentally transforms the nature of the asset itself.
			</div>
			<div class="clear"></div>
			<div class="" style="margin-top:30px; color:#fff; font-size:20px; line-height:30px;
				margin-left:1%; margin-right:1%;">
				Solutions For The Here and Now, The Next, and The Beyond
			</div>			
			<div class="clear"></div>
		</div>
	</div>
	<div class="clear"></div>
	<div class="container_12 clearfix">
		<div class="grid_12" style="padding:20px; box-sizing:border-box; -moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;">

			<h1>
				Welcome to your homepage. 
			</h1>

			<div class="thickerlinks" style="text-align:left; font-size:19px; line-height:29px;">

				This is a standard <span style="font-weight:600;">BΛSΞ &ldquo;Free&rdquo;</span> 
				install/demo (ie what it looks like when you first install it). This is the 
				default homepage, which is "desktop"-specific. Meaning you have the option
				to create 2 specific homepages for both the desktop <i>and</i> mobile experience.
				<br /><br />
				<a href="/sitemap" title="View Sitemap" style="font-weight:400;">
					<i class="fa-solid fa-sitemap"></i> View Sitemap</a> | 
					<a href="/m" title="Mobile" style="font-weight:400;">
					<i class="fa-solid fa-mobile"></i> View <span 
				style="font-weight:400;">Mobile-only</span> homepage
					<i class="fa fa-angle-right" aria-hidden="true"></i></a>

			</div>

		</div>
		<div class="clear"></div>
		<div class="grid_12" style="padding:20px; box-sizing:border-box; -moz-box-sizing:border-box;
			-webkit-box-sizing:border-box; background:none;">
		
			<div style="border-top:3px solid #eee; max-width:200px; margin:0 auto;"></div>
			<br />
			<h2 class="subscribetitle">
				Add your email to the list if you&rsquo;re interested...
			</h2>
		
			<?php include('views/includes/subscribe.tpl.php'); ?>
		</div>
	</div>
</div>

<?php include('views/_footer.tpl.php'); ?>