<div class="billing-page" ng-controller="plansCtrl as vm">
	  <div ba-panel
         ba-panel-title="{{'plans.heading' | translate}}">
             <div class="pull-right back">
      <a ui-sref="main.checkpoints.list" class="newlink"> {{'plans.back' | translate}} <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
      </div>
		  <div class="billing-inner">
			  
			  
			     <div class="billing-inner">
        <div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-left billing-panel">
          <div class="billing-body">
            <div class="panel-content">
              <div class="header">{{'plans.title' | translate}}</div>
              <div class="row">
                <div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
	
			  
<div class="container group">
	<div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
	 <div class="description">{{'plans.description' | translate}}</div>
	</div>
		<div class="grid-1-5">
			<div class="space">
			<h2>{{'plans.bronze' | translate}}</h2>
				<p> {{'plans.bronzesubplan' | translate}}</p>
			<h3><span class="uppercase">{{'plans.bronzeprice' | translate}}</span></h3>
			<p><strong>{{'plans.bronzesavings' | translate}}</strong></p>
			<p>{{'plans.mins' | translate}}</p>
			<ul>
				
				<li>{{'plans.setup' | translate}}</li>
				<li>{{'plans.cancel' | translate}}</li>
				<li>Email Support</li>
				<li>Phone Support</li>
			</ul>
				
			<a  ui-sref="main.billing.purchase({id: 1})" class="button">{{'plans.signup' | translate}}</a>
			</div>
		</div>
		<div class="grid-1-5">
				<div class="space">
			<h2>{{'plans.silver' | translate}}</h2>
				<p> {{'plans.silversubplan' | translate}}</p>
			<h3><span class="uppercase">{{'plans.silverprice' | translate}}</span></h3>
			<p><strong>{{'plans.silversavings' | translate}}</strong></p>
			<p>{{'plans.mins' | translate}}</p>
			<ul>
				<li>{{'plans.setup' | translate}}</li>
				<li>Email Support</li>
				<li>Phone Support</li>
			</ul>
				
			<a   ui-sref="main.billing.purchase({id: 2})" class="button">{{'plans.signup' | translate}}</a>
			</div>
		</div>
		<div class="grid-1-5">
			<div class="space">
			<h2>{{'plans.gold' | translate}}</h2>
				<p> {{'plans.goldsubplan' | translate}}</p>
			<h3><span class="uppercase">{{'plans.goldprice' | translate}}</span></h3>
			<p><strong>{{'plans.goldsavings' | translate}}</strong></p>
			<p>{{'plans.mins' | translate}}</p>
			<ul>
				
				<li>{{'plans.setup' | translate}}</li>
				<li>Email Support</li>
				<li>Phone Support</li>
			</ul>
				
			<a   ui-sref="main.billing.purchase({id: 3})" class="button">{{'plans.signup' | translate}}</a>
			</div>
		</div>
		<div class="grid-1-5">
			<div class="space">
			<h2>{{'plans.platinum' | translate}}</h2>
				<p> {{'plans.platinumsubplan' | translate}}</p>
			<h3><span class="uppercase">{{'plans.platinumprice' | translate}}</span></h3>
			<p><strong>{{'plans.platinumsavings' | translate}}</strong></p>
			<p>{{'plans.mins' | translate}}</p>
			<ul>
			
				<li>{{'plans.setup' | translate}}</li>
				<li>Email Support</li>
				<li>Phone Support</li>
			</ul>
				
			<a  ui-sref="main.billing.purchase({id: 4})" class="button">{{'plans.signup' | translate}}</a>
			</div>
		</div>
		<div class="grid-1-5">
			<div class="space">
				<h2>{{'plans.diamond' | translate}}</h2>
				<p> {{'plans.diamondsubplan' | translate}}</p>
				<h3><span class="uppercase">{{'plans.diamondprice' | translate}}</span></h3>
				<p><strong>{{'plans.diamondsavings' | translate}}</strong></p>
				<p>{{'plans.mins' | translate}}</p>
			<ul>
				<li>{{'plans.setup' | translate}}</li>
				<li>Email Support</li>
				<li>Phone Support</li>
			
				
			</ul>
			<a  ui-sref="main.billing.purchase({id: 5})" class="button">{{'plans.signup' | translate}}</a>
			</div>
		</div>		
	</div>
				  </div>
				</div>
				</div>
			</div>
					 </div>
			  </div>
		  </div>
</div>
</div>