You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
3.5 KiB
HTML
124 lines
3.5 KiB
HTML
<meta charset="UTF-8">
|
|
<meta http-equiv="cache-control" content="no-cache">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
|
|
<link rel="shortcut icon" href="{{context}}/static/img/logo-0.png">
|
|
<link rel="stylesheet" href="{{context}}/static/css/default.css" type="text/css">
|
|
<link href="{{ context }}/static/css/fa/css/font-awesome.css" rel="stylesheet" type="text/css">
|
|
<!--
|
|
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
|
|
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
|
|
-->
|
|
<script type="text/javascript" src="{{ context }}/static/js/jquery/jquery.min.js"></script>
|
|
<script type="text/javascript" src="{{ context }}/static/js/jx/rpc.js"></script>
|
|
<script type="text/javascript" src="{{ context }}/static/js/jx/utils.js"></script>
|
|
<script type="text/javascript" src="{{ context }}/static/js/jx/dom.js"></script>
|
|
<script type="text/javascript" src="{{ context }}/static/js/jx/ext/modal.js"></script>
|
|
|
|
<title style="text-transform: capitalize">{{product.replace('-',' ')}}</title>
|
|
<script>
|
|
var signup_form = function(index){
|
|
var url = '{{context}}/ui/signup/{{product}}?index=:index'.replace(/:index/,index)
|
|
var httpclient = HttpClient.instance()
|
|
httpclient.get(url,function(x){
|
|
var html = x.responseText ;
|
|
jx.modal.show({html:html})
|
|
|
|
})
|
|
}
|
|
</script>
|
|
<body >
|
|
|
|
<div class="header border-bottom">
|
|
<div class="logo">
|
|
<div>
|
|
<img src="{{context}}/static/img/logo-0.png" align="left" style="margin:4px">
|
|
</div>
|
|
<div>
|
|
<div class="caption">The Phi Technology</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pricing-frame">
|
|
<div align="center" class="" style="padding:8px">
|
|
|
|
<p><div class="caption">{{label}}</div>
|
|
<div class="" style="text-transform:capitalize">{{description}}</div>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
<div class="pricing">
|
|
|
|
{% for item in plans%}
|
|
<div class="plan {{theme}}">
|
|
<div class="title" align="center">
|
|
<div>{{ item.nickname }}</div>
|
|
{% if item.id in active_plans %}
|
|
<div class="current-plan"></div>
|
|
{% else %}
|
|
<div></div>
|
|
{% endif %}
|
|
{% if item.amount == 0%}
|
|
<div class="default">
|
|
<span class="bold">Free</span>
|
|
</div>
|
|
|
|
{%else%}
|
|
<div class="default" >
|
|
<span class="bold">$ {{ item.amount/100 }}</span>
|
|
/ <span class="small">{{item.interval[:]}}</span>
|
|
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="">
|
|
{% for key,value in item.metadata['features'].iteritems() %}
|
|
<div class="feature">
|
|
<div class="label">{{ key }}</div>
|
|
{% if value == True %}
|
|
<div class="status"><i class="fa fa-check"></i></div>
|
|
{% elif value == False %}
|
|
<div class="status"><i class="fa fa-times"></i></div>
|
|
{%else %}
|
|
<div class="status">{{value}}</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div align="right" class="border-top">
|
|
<p>
|
|
<div class="button " onclick="signup_form({{loop.index-1}})">
|
|
Signup Now
|
|
</div>
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="small footer">
|
|
<div>support@the-phi.com</div>
|
|
<div>
|
|
all rights reserved © {{ now }}, The Phi Technology
|
|
</div>
|
|
<div>
|
|
Privacy & Terms
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|