<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!---<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Roboto:400,300,700,500,900' rel='stylesheet' type='text/css'>--->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-media.js"></script>
</head>
<body>
<div class="header" id="home">
<div class="header_top">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="menu">
<ul>
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#features" class="scroll">Features</a></li>
<li><a class="popup-with-zoom-anim" href="#small-dialog">Pricing</a></li>
<li><a href="#dashboard" class="scroll">Examples</a></li>
<li><a href="#customers" class="scroll">Support</a></li>
<li class="login" >
<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main">
<div class="content">
<div class="content_top">
<div class="wrap">
<div class="banner_desc">
<h1>Selling online <span>made easy</span></h1>
<h3>Ascend provides everything you need to<br /> start a successfull online store.</h3>
<a class="play_icon fancybox-media" href="http://vimeo.com/33790882"><img src="images/play-icon.png" alt="" /></a>
<h3>Start your free <span>30-days trail</span> today!</h3>
<p>No credit card required.</p>
<div class="sign_up">
<form>
<input type="text" value="E-mail address " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'E-mail address';}">
<input type="submit" value="Sign Up">
</form>
</div>
</div>
<div class="ipad">
<img src="images/ipad.png" alt="" />
</div>
<div class="clear"></div>
</div>
</div>
<div class="features" id="features">
<div class="wrap">
<h2>Start accepting orders <span>today</span></h2>
<h4>Setup a professional storefront within minutes</h4>
<div class="features_grids">
<div class="section group">
<div class="grid_1_of_4 images_1_of_4">
<img src="images/beautyful-teplates.png" alt="" />
<h3>Beautiful Templates</h3>
<p>Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt Lorem Ipsum available, in some form .</p>
</div>
<div class="grid_1_of_4 images_1_of_4">
<img src="images/mobile.png" alt="" />
<h3>Mobile Ready</h3>
<p>Lorem ipsum dolor sit amet, sed do eiusmod tempor velit esse cillum dolore eu fugiat nulla pariatur .</p>
</div>
<div class="grid_1_of_4 images_1_of_4">
<img src="images/security.png" alt="" />
<h3>Increased Security</h3>
<p>Lorem ipsum dolor sit amet, sed do eiusmod tempor sed do eiusmod tempor incididunt .</p>
</div>
<div class="grid_1_of_4 images_1_of_4">
<img src="images/payment.png" alt="" />
<h3>Payment Options</h3>
<p>Lorem ipsum dolor sit amet, sed do velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="button"><a class="popup-with-zoom-anim" href="#small-dialog">See all features <img src="images/arrow.png" alt="" /></a>
<div id="small-dialog" class="mfp-hide">
<div class="plans_table">
<table width="100%" cellspacing="0" class="compare_plan">
<thead>
<tr>
<th class="plans-list"><h3>Plan Features</h3></th>
<th class="plans-list"><h3>Basic</h3><h4>$5<small>/month</small></h4></th>
<th class="plans-list"><h3>Economy</h3><h4>$9<small>/month</small></h4></th>
</tr>
</thead>
<tfoot>
<tr>
<td> </td>
<td class="order_now"><a href="#account" class="scroll"><button>Order Now</button></a></td>
<td class="order_now"><a href="#account" class="scroll"><button>Order Now</button></a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="plan_list_title">Web Space</td>
<td class="price_body">Unlimited</td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">Bandwidth</td>
<td class="price_body">Unlimited</td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">25 GB Storage</td>
<td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">iPhone App</td>
<td class="price_body"><img src="images/icon-remove.png" alt="img"></td>
<td class="price_body">Unlimited</td>
</tr>
<tr>
<td class="plan_list_title">Enhanced Security</td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
<td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td>
</tr>
<tr>