<?php if (!defined('BASEPATH')) exit('No direct script access allowed'); ?>

div(layout-center-wrap mar50-tb) || div(layout-wrap t-center)

	<div class="flex flex-wrap-tablet t-gray600">

		div(w23 w48-tablet w100-phone mar20-b bg-gray200 pad10 t-center hover-bg-gray300 rounded transition-var)
			__ <i class="im-rocket t500 t-primary bordered icon-circle bg-white"></i>
			__(t150 mar10-t) Starter
			__(t90 mar10-tb) 19$/month
			__(t90 mar30-t) 1000 messages
			__(t90 mar10-tb) 10 database
			__(t90 mar10-tb) 5 users
			__(t90 mar10-tb) 1 sites
			__(mar20-tb) <a class="button button1 im-check bg-gray600 hover-bg-primary600" href="#">Order now</a>
		/div
		
		div(w23 w48-tablet w100-phone mar20-b bg-gray200 pad10 t-center hover-bg-gray300 rounded transition-var)
			__ <i class="im-house-user t500 t-primary bordered icon-circle bg-white"></i>
			__(t150 mar10-t) Business
			__(t90 mar10-tb) 39$/month
			__(t90 mar30-t) 5000 messages
			__(t90 mar10-tb) 50 database
			__(t90 mar10-tb) 20 users
			__(t90 mar10-tb) 10 sites
			__(mar20-tb) <a class="button button1 im-check bg-gray600 hover-bg-primary600" href="#">Order now</a>
		/div
		
		div(w23 w48-tablet w100-phone mar20-b t-center t-white bg-primary700 hover-bg-primary600 hover-t-white rounded transition-var animation-zoom)
			
			__(t150 bg-primary400 t-white pad20-t pad50-b bor10 bor-solid-b bor-primary) Developer
			
			__()(margin-top:-50px) <i class="im-globe t300 t-primary icon-circle bg-white bordered bor-primary"></i>
			
			__(t90 mar30-t) 59$/month
			__(t90 mar10-t) 100 000 messages
			__(t90 mar10-tb) 500 database
			__(t90 mar10-tb) 100 users
			__(t90 mar10-tb) 50 sites
			__(mar50-tb) <a class="button button-outline1 im-check rounded20 pad20-rl animation-bottom" href="#">Order now</a>
		/div
		
		div(w23 w48-tablet w100-phone mar20-b bg-gray200 pad10 t-center hover-bg-gray300 rounded transition-var)
			__ <i class="im-sun t500 t-primary bordered icon-circle bg-white"></i>
			__(t150 mar10-t) Extended
			__(t90 mar10-tb) 299$/month
			__(t90 mar30-t) &infin; messages
			__(t90 mar10-tb) &infin; database
			__(t90 mar10-tb) &infin; users
			__(t90 mar10-tb) &infin; sites
			__(mar20-tb) <a class="button button1 im-check bg-gray600 hover-bg-primary600" href="#">Order now</a>
		/div
		
	</div>
	
/div || /div