purchasing ui improvements with layout @TODO: Wire it to stripe

legacy
Steve L. Nyemba 8 years ago
parent 493da2eb5b
commit a73e79b087

@ -1,63 +0,0 @@
<style>
body{
font-family:sans-serif;
font-size:14px;
font-weight:lighter;
}
.caption {
font-size:22px;
}
.left { float:left}
.small { font-family:verdana; font-size:11px;}
table { border:1px solid #CAD5E0;
border-radius:8px;
-webkit-border-radius:8px;
padding:4px;
width:55%;
margin-top:10%;
}
tr {font-family:sans-serif; font-size:14px;}
td {padding:4px; font-weight:lighter}
</style>
<body>
<div>
</div>
<br>
<div id="grid">
<table align="center">
<tr>
<td colspan="2">
<div align="left" class="caption">
<img src="static/img/logo.png" style="width:48px" class="left"> The Phi Technology LLC</div>
<div class="small">3-launchpad Cloud Music Player</div>
</td>
<td class="small" valign="middle">
<div>Call : 615-866-0454</div>
<div>Email: support@the-phi.com</div>
</td>
</tr>
<tr style="background-color:#f3f3f3">
<td>Service</td>
<td>Price /mo</td>
<td>Status</td>
</tr>
{% for item in plans %}
<tr class="default">
<td> {{item.feature}} </td>
<td> {{item.price}} </td>
<td> {{item.status}} </td>
</tr>
{% endfor %}
<tr>
<td align="right">Total Amount Due</td>
<td align="left" colspan="2">$ {{total_amount }}</td>
</tr>
</table>
</div>
</body>

@ -21,8 +21,12 @@
padding:4px;
padding-left:10px;
padding-right:10px;
border-radius:8px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
font-weight:bold;
color:#4682b4;
border:1px solid #CAD5E0
}
.action:hover { background-color:#4682b4; color:white}
tr {font-family:sans-serif; font-size:14px;}
@ -36,9 +40,13 @@
<table align="center">
<tr>
<td colspan="2">
<div align="left" class="caption">
<img src="/static/img/logo.png" style="width:48px" class="left"> The Phi Technology LLC</div>
<div class="small" style="text-transform:capitalize">{{ app_name }}</div>
<div align="left" class="default">
<img src="/static/img/logo.png" style="width:48px" class="left" style="margin:4px">
<div style="padding:8px">The Phi Technology
<div class="small" style="text-transform:capitalize">{{ app_name }}</div>
</div>
</div>
</td>
<td class="small" valign="middle">

Loading…
Cancel
Save