41 lines
1.5 KiB
Vue
41 lines
1.5 KiB
Vue
<template>
|
|
<div class="pricing" id="pricing">
|
|
<h3>Pocket-sized packages</h3>
|
|
<p>Launch your first website for free and upgrade to Pro <br/>for additional templates, integrations, and features.</p>
|
|
|
|
<div class="plans">
|
|
<div class="plan basic">
|
|
<h3>Basic</h3>
|
|
|
|
<h5>Plan includes:</h5>
|
|
<ul class="features">
|
|
<li><span class="icon-circle-check"></span><p>3 Sites</p></li>
|
|
<li><span class="icon-circle-check"></span><p>Subdomains</p></li>
|
|
<li><span class="icon-circle-check"></span><p>SSL Certificate</p></li>
|
|
</ul>
|
|
|
|
<!-- Choose template -->
|
|
<NuxtLink to="/site/" class="button">Get started</NuxtLink>
|
|
|
|
</div>
|
|
|
|
<div class="plan pro">
|
|
<h3>Pro</h3>
|
|
|
|
<h5>Plan includes:</h5>
|
|
<ul class="features">
|
|
<li><span class="icon-circle-check"></span><p>10 Sites</p></li>
|
|
<li><span class="icon-circle-check"></span><p>Custom domains</p></li>
|
|
<li><span class="icon-circle-check"></span><p>Export sites</p></li>
|
|
<li><span class="icon-circle-check"></span><p>No branding</p></li>
|
|
<li><span class="icon-circle-check"></span><p>Integrations</p></li>
|
|
<li><span class="icon-circle-check"></span><p>Credit towards SLD</p></li>
|
|
</ul>
|
|
|
|
<!-- Upgrade "Upgrade ($25/year)" -->
|
|
<NuxtLink to="/login" class="button">Buy ($25/year)</NuxtLink>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template> |