unserver-unify
Version:
40 lines • 2.41 kB
HTML
<div class="col-md-12" ng-controller="PricingCtrl as ctrl">
<div class="panel">
<div class="margin-bottom-50"></div>
<div class="text-center">
<h2 translate="">Choose your plan</h2>
<div class="margin-bottom-35"></div>
<!-- <div class="col-md-10 col-md-offset-1">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta tellus vitae sapien mollis, quis finibus magna pellentesque. Aenean nec sapien vel felis hendrerit ultricies. Aenean nec sapien vel felis hendrerit ultricies.</p>
</div> -->
</div>
<div class="margin-bottom-15"></div>
<div class="col-md-3 g-mb-30" ng-repeat="plan in ctrl.planRecords">
<!-- Article -->
<article class="text-center g-bg-white g-color-gray-dark-v5 g-brd-bottom g-brd-3 g-brd-white g-brd-primary--hover g-transition-0_3" style="box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2) !important; overflow: hidden; position: relative;">
<!-- Article Header -->
<header class="g-bg-primary g-color-white g-pa-40">
<div class="sticker-left" ng-if="plan.top" translate="">
Top
</div>
<!-- Article Title -->
<h4 class="h6 text-uppercase g-font-weight-600 g-mb-15">{{ plan.name }}</h4>
<!-- End Article Title -->
<div class="g-font-size-36 g-line-height-1_2"> {{ ctrl.currency }}{{ plan.price| number : 2 }} <em class="d-block g-font-style-normal g-font-size-default g-mt-5">{{plan.memberDays}} days</em> </div>
</header>
<!-- End Article Header -->
<div class="margin-bottom-10"></div>
<p style="margin:0 10px 10px;" class="clamped clamped-5"> {{ plan.description }} </p>
<!-- Article Content -->
<div class="g-px-35 g-py-40">
<ul class="text-uppercase list-unstyled g-mb-30" ng-if="plan.features">
<li class="g-mb-20" ng-repeat="tag in plan.features">{{ tag }}</li>
</ul>
<a class="btn text-uppercase u-btn-primary g-rounded-50 g-font-weight-700 g-pa-15-30" translate="" ng-click="ctrl.buyPlan(plan._id)">Order Now</a> </div>
<!-- End Article Content -->
</article>
<!-- End Article -->
</div>
<div class="clearfix"></div>
</div>
</div>