<!--PRICING TABLE 1-->

<div class="pricing_table table-style-1">
	<div class="pricing-title">
		<h2>Price Table 1</h2>
	</div>
	
	<div class="table-container">
		<div class="table-column">
			<div class="table-content">
				<div class="table-header">
					<h3>Starter</h3>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li><b>20GB</b> Storage</li>
						<li><b>10</b> Email Addresses</li>
						<li><b>5</b> Domains</li>
						<li><b>Endless</b> Support</li>
					</ul>
					
					<div class="table-price">
						<span class="dv-price">$</span><span class="price">20</span>
						<p>per month</p>
					</div>
					
					<div class="button-container">
						<a href="#" title="Sign up">Sign up</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="table-column column-active">
			<div class="table-content">
				<div class="table-header">
					<h3>Pro</h3>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li><b>20GB</b> Storage</li>
						<li><b>10</b> Email Addresses</li>
						<li><b>5</b> Domains</li>
						<li><b>Endless</b> Support</li>
					</ul>
					
					<div class="table-price">
						<span class="dv-price">$</span><span class="price">49</span>
						<p>per month</p>
					</div>
					
					<div class="button-container">
						<a href="#" title="Sign up">Sign up</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-header">
					<h3>Value</h3>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li><b>20GB</b> Storage</li>
						<li><b>10</b> Email Addresses</li>
						<li><b>5</b> Domains</li>
						<li><b>Endless</b> Support</li>
					</ul>
					
					<div class="table-price">
						<span class="dv-price">$</span><span class="price">69</span>
						<p>per month</p>
					</div>
					
					<div class="button-container">
						<a href="#" title="Sign up">Sign up</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-header">
					<h3>Premium</h3>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li><b>20GB</b> Storage</li>
						<li><b>10</b> Email Addresses</li>
						<li><b>5</b> Domains</li>
						<li><b>Endless</b> Support</li>
					</ul>
					
					<div class="table-price">
						<span class="dv-price">$</span><span class="price">89</span>
						<p>per month</p>
					</div>
					
					<div class="button-container">
						<a href="#" title="Sign up">Sign up</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--END PRICING TABLE 1-->

<!--PRICING TABLE 2-->

<div class="pricing_table table-style-2">
	<div class="pricing-title">
		<h2>Price Table 2</h2>
	</div>
	
	<div class="table-container">
		<div class="col-lg-20 col-md-20 table-column">
			<div class="table-content">
				<div class="table-detail">
					<div class="table-header">
						<h3>Standard</h3>
					</div>
					
					<ul class="table-option">
						<li>5 Projects</li>
						<li>5 GB Storage</li>
						<li>Unlimited Users</li>
						<li>10 GB Bandwith</li>
						<li>Enhanced Security</li>
					</ul>
					
					<div class="table-price">
						<span class="price">$19.00</span>
						<p>per month</p>
					</div>
				</div>
				
				<div class="button-container">
					<a href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
		
		<div class="col-lg-20 col-md-20 table-column">
			<div class="table-content">
				<div class="table-detail">
					<div class="table-header">
						<h3>Premium</h3>
					</div>
					
					<ul class="table-option">
						<li>5 Projects</li>
						<li>5 GB Storage</li>
						<li>Unlimited Users</li>
						<li>10 GB Bandwith</li>
						<li>Enhanced Security</li>
					</ul>
					
					<div class="table-price">
						<span class="price">$19.00</span>
						<p>per month</p>
					</div>
				</div>
				
				<div class="button-container">
					<a href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
		
		<div class="col-lg-20 col-md-20 table-column column-active">
			<div class="table-content">
				<div class="table-detail">
					<div class="table-header">
						<h3>Professional</h3>
					</div>
					
					<ul class="table-option">
						<li>5 Projects</li>
						<li>5 GB Storage</li>
						<li>Unlimited Users</li>
						<li>10 GB Bandwith</li>
						<li>Enhanced Security</li>
					</ul>
					
					<div class="table-price">
						<span class="price">$19.00</span>
						<p>per month</p>
					</div>
				</div>
				
				<div class="button-container">
					<a href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
		
		<div class="col-lg-20 col-md-20 table-column">
			<div class="table-content">
				<div class="table-detail">
					<div class="table-header">
						<h3>Plus</h3>
					</div>
					
					<ul class="table-option">
						<li>5 Projects</li>
						<li>5 GB Storage</li>
						<li>Unlimited Users</li>
						<li>10 GB Bandwith</li>
						<li>Enhanced Security</li>
					</ul>
					
					<div class="table-price">
						<span class="price">$19.00</span>
						<p>per month</p>
					</div>
				</div>
				
				<div class="button-container">
					<a href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
		
		<div class="col-lg-20 col-md-20 table-column">
			<div class="table-content">
				<div class="table-detail">
					<div class="table-header">
						<h3>Maximum</h3>
					</div>
					
					<ul class="table-option">
						<li>5 Projects</li>
						<li>5 GB Storage</li>
						<li>Unlimited Users</li>
						<li>10 GB Bandwith</li>
						<li>Enhanced Security</li>
					</ul>
					
					<div class="table-price">
						<span class="price">$19.00</span>
						<p>per month</p>
					</div>
				</div>
				
				<div class="button-container">
					<a href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>

	</div>
</div>

<!--END PRICING TABLE 2-->

<!--PRICING TABLE 3-->

<div class="pricing_table table-style-3">
	<div class="pricing-title">
		<h2>Price Table 3</h2>
	</div>
	
	<div class="table-container">
		<div class="table-column">
			<div class="table-content">
				<div class="table-header color-1">
					<h3>Standart</h3>
					<p Class="short-des">Classic plan</p>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li>10GB file storage</li>
						<li>5 new pages</li>
						<li>100GB monthly data transfer</li>
					</ul>
				</div>
				
				<div class="table-price">
					<span class="dv-price">$</span><span class="price">5</span>
					<p>per month</p>
				</div>
					
				<div class="button-container">
					<a class="color-1" href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-header color-2">
					<h3>Business</h3>
					<p Class="short-des">Best choice</p>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li>10GB file storage</li>
						<li>5 new pages</li>
						<li>100GB monthly data transfer</li>
					</ul>
				</div>
				
				<div class="table-price">
					<span class="dv-price">$</span><span class="price">10</span>
					<p>per month</p>
				</div>
					
				<div class="button-container">
					<a class="color-2" href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-header color-3">
					<h3>Premium</h3>
					<p Class="short-des">Unlimited features</p>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li>10GB file storage</li>
						<li>5 new pages</li>
						<li>100GB monthly data transfer</li>
					</ul>
				</div>
				
				<div class="table-price">
					<span class="dv-price">$</span><span class="price">25</span>
					<p>per month</p>
				</div>
					
				<div class="button-container">
					<a class="color-3" href="#" title="Sign up">Sign up</a>
				</div>
			</div>
		</div>
	</div>
</div>

<!--END PRICING TABLE 3-->

<!--PRICING TABLE 4-->

<div class="pricing_table table-style-4">
	<div class="pricing-title">
		<h2>Price Table 4</h2>
	</div>
	
	<div class="table-container">
		<div class="table-column">
			<div class="table-content">
				<div class="table-header">
					<h3>Basic</h3>
					
					<div class="table-price">
						$32/mo
					</div>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li>1 GB space</li>
						<li>10 GB Bandwidth</li>
						<li>10 Portfolio Items</li>
					</ul>
				</div>

				<div class="button-container">
					<a href="#" title="Order Now">Order Now</a>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-header">
					<h3>Standard</h3>
					
					<div class="table-price">
						$50/mo
					</div>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li>5 GB space</li>
						<li>50 GB Bandwidth</li>
						<li>70 Portfolio Items</li>
						<li>10 Video Uploads</li>
						<li>24/7 Support</li>
					</ul>
				</div>

				<div class="button-container">
					<a href="#" title="Order Now">Order Now</a>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-header">
					<h3>Pro</h3>
					
					<div class="table-price">
						$80/mo
					</div>
				</div>
				
				<div class="table-detail">
					<ul class="table-option">
						<li>10 GB space</li>
						<li>Unlimited Bandwidth</li>
						<li>200 Portfolio Items</li>
						<li>20 Video Uploads</li>
						<li>Premium Email Support</li>
						<li>Premium Phone Support</li>
						<li>24/7 Support</li>
					</ul>
				</div>

				<div class="button-container">
					<a href="#" title="Order Now">Order Now</a>
				</div>
			</div>
		</div>
		
	</div>
</div>

<!--END PRICING TABLE 4-->

<!--PRICING TABLE 5-->

<div class="pricing_table table-style-5">
	<div class="pricing-title">
		<h2>Price Table 5</h2>
	</div>
	
	<div class="table-container">
		<div class="table-column">
			<div class="table-content">
				<div class="table-price">
					<span class="price">0</span><span class="dv-price">$</span>
					<div class="short-des">Freeuser</div>
				</div>

				<div class="button-container">
					<a class="color-1" href="#" title="Get">Get</a>
				</div>
			</div>
		</div>
		
		<div class="table-column column-active">
			<div class="table-content">
				<div class="table-price">
					<span class="price">20</span><span class="dv-price">$</span>
					<div class="short-des">POWERUSER</div>
				</div>

				<div class="button-container">
					<a class="color-2" href="#" title="Buy">Buy</a>
				</div>
			</div>
		</div>
		
		<div class="table-column">
			<div class="table-content">
				<div class="table-price">
					<span class="price">40</span><span class="dv-price">$</span>
					<div class="short-des">MADUSER</div>
				</div>

				<div class="button-container">
					<a class="color-3" href="#" title="Buy">Buy</a>
				</div>
			</div>
		</div>

	</div>
</div>

<!--END PRICING TABLE 5-->