62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
<section id="features" class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h3>Organize Your Bookmarks</h3>
|
|
<p>Keep all your bookmarks organized with custom categories and tags.</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3>Import and Export</h3>
|
|
<p>Seamlessly import and export your bookmarks (paid plans).</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h3>Accessible Anywhere</h3>
|
|
<p>Your bookmarks are securely stored and accessible from any device.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="pricing" class="text-center bg-light-gray" style="padding-top: 30px;">
|
|
<div class="container">
|
|
<h2>Pricing</h2>
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>Free</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p>Basic bookmark storage</p>
|
|
<p>No import/export</p>
|
|
<p>Completely free</p>
|
|
<a href="{ROOT_URL}member/getmonthly/{ID}" class="btn btn-success">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="card">
|
|
<div class="card-header bg-primary">
|
|
<h3>{name} Monthly</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p>Import/export bookmarks</p>
|
|
<p>Advanced curation tools</p>
|
|
<p>{prettyPriceMonthly}/month</p>
|
|
<a href="{ROOT_URL}member/getmonthly/{ID}" class="btn btn-primary">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="card">
|
|
<div class="card-header bg-primary">
|
|
<h3>{name} Yearly</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p>Save with annual billing</p>
|
|
<p>All features included</p>
|
|
<p>{prettyPriceYearly}/year</p>
|
|
<a href="{ROOT_URL}member/getyearly/{ID}" class="btn btn-primary">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |