bert.hausmans/band-management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: initial commit - Band Management application

Browse Source
This commit is contained in:
Bert Hausmans
2026-01-06 03:11:46 +01:00
commit 34e12e00b3
24543 changed files with 3991790 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
resources/vuexy-admin-v10.11.1/django-version/full-version/apps/pages/templates/pages_pricing.html Normal file
View File

@@ -0,0 +1,147 @@
{% extends layout_path %}
{% load static %}
{% load i18n %}
{% block title %}Pricing - Pages{% endblock %}
{% block page_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/css/pages/page-pricing.css' %}" />
{% endblock page_css %}
{% block page_js %}
{{ block.super }}
<script src="{% static 'js/pages-pricing.js' %}"></script>
{% endblock page_js %}
{% block content %}
<div class="card">
<!-- Pricing Plans -->
<div class="pb-4 rounded-top">
<div class="container py-12 px-xl-10 px-4">
<h3 class="text-center mb-2 mt-4">Pricing Plans</h3>
<p class="text-center mb-0">
All plans include 40+ advanced tools and features to boost your product.<br />
Choose the best plan to fit your needs.
</p>
<div class="d-flex align-items-center justify-content-center flex-wrap gap-1 pt-9 pb-3 mb-50">
<label class="switch switch-sm ms-sm-12 ps-sm-12 me-0">
<span class="switch-label text-body fs-6 fw-medium">Monthly</span>
<input type="checkbox" class="switch-input price-duration-toggler" checked />
<span class="switch-toggle-slider">
<span class="switch-on"></span>
<span class="switch-off"></span>
</span>
<span class="switch-label text-body fs-6 fw-medium">Annually</span>
</label>
<div class="mt-n5 ms-n10 ml-2 mb-12 d-none d-sm-flex align-items-center gap-1">
<i class="icon-base ti tabler-corner-left-down icon-lg text-body-secondary scaleX-n1-rtl"></i>
<span class="badge badge-sm bg-label-primary rounded-1 mb-3 ">Save up to 10%</span>
</div>
</div>
<div class="row mx-0 px-lg-12 gy-6">
<!-- Basic -->
<div class="col-xl mb-md-0">
<div class="card border rounded shadow-none">
<div class="card-body pt-12 px-5">
<div class="mt-3 mb-5 text-center">
<img src="{% static 'img/illustrations/page-pricing-basic.png' %}" alt="Basic Image" height="120" />
</div>
<h4 class="card-title text-center text-capitalize mb-1">Basic</h4>
<p class="text-center mb-5">A simple start for everyone</p>
<div class="text-center h-px-50">
<div class="d-flex justify-content-center">
<sup class="h6 text-body pricing-currency mt-2 mb-0 me-1">$</sup>
<h1 class="mb-0 text-primary">0</h1>
<sub class="h6 text-body pricing-duration mt-auto mb-1 ms-1">/month</sub>
</div>
</div>
<ul class="list-group ps-6 my-5 pt-9">
<li class="mb-4">100 responses a month</li>
<li class="mb-4">Unlimited forms and surveys</li>
<li class="mb-4">Unlimited fields</li>
<li class="mb-4">Basic form creation tools</li>
<li class="mb-0">Up to 2 subdomains</li>
</ul>
<a href="{% url 'auth-register-basic' %}" class="btn btn-label-success d-grid w-100">Your Current Plan</a>
</div>
</div>
</div>
<!-- Pro -->
<div class="col-xl mb-md-0">
<div class="card border-primary border shadow-none">
<div class="card-body position-relative pt-4 px-5">
<div class="position-absolute end-0 me-5 top-0 mt-4">
<span class="badge bg-label-primary rounded-1">Popular</span>
</div>
<div class="my-5 pt-6 text-center">
<img src="{% static 'img/illustrations/page-pricing-standard.png' %}" alt="Pro Image" height="120" />
</div>
<h4 class="card-title text-center text-capitalize mb-1">Standard</h4>
<p class="text-center mb-5">For small to medium businesses</p>
<div class="text-center h-px-50">
<div class="d-flex justify-content-center">
<sup class="h6 text-body pricing-currency mt-2 mb-0 me-1">$</sup>
<h1 class="price-toggle price-yearly text-primary mb-0">7</h1>
<h1 class="price-toggle price-monthly text-primary mb-0 d-none">9</h1>
<sub class="h6 text-body pricing-duration mt-auto mb-1 ms-1">/month</sub>
</div>
<small class="price-yearly price-yearly-toggle text-body-secondary">USD 480 / year</small>
</div>
<ul class="list-group ps-6 my-5 pt-9">
<li class="mb-4">Unlimited responses</li>
<li class="mb-4">Unlimited forms and surveys</li>
<li class="mb-4">Instagram profile page</li>
<li class="mb-4">Google Docs integration</li>
<li class="mb-0">Custom “Thank you” page</li>
</ul>
<a href="{% url 'auth-register-basic' %}" class="btn btn-primary d-grid w-100">Upgrade</a>
</div>
</div>
</div>
<!-- Enterprise -->
<div class="col-xl">
<div class="card border rounded shadow-none">
<div class="card-body pt-12 px-5">
<div class="mt-3 mb-5 text-center">
<img src="{% static 'img/illustrations/page-pricing-enterprise.png' %}" alt="Enterprise Image" height="120" />
</div>
<h4 class="card-title text-center text-capitalize mb-1">Enterprise</h4>
<p class="text-center mb-5">Solution for big organizations</p>
<div class="text-center h-px-50">
<div class="d-flex justify-content-center">
<sup class="h6 text-body pricing-currency mt-2 mb-0 me-1">$</sup>
<h1 class="price-toggle price-yearly text-primary mb-0">16</h1>
<h1 class="price-toggle price-monthly text-primary mb-0 d-none">19</h1>
<sub class="h6 text-body pricing-duration mt-auto mb-1 ms-1">/month</sub>
</div>
<small class="price-yearly price-yearly-toggle text-body-secondary">USD 960 / year</small>
</div>
<ul class="list-group ps-6 my-5 pt-9">
<li class="mb-4">PayPal payments</li>
<li class="mb-4">Logic Jumps</li>
<li class="mb-4">File upload with 5GB storage</li>
<li class="mb-4">Custom domain support</li>
<li class="mb-0">Stripe integration</li>
</ul>
<a href="{% url 'auth-register-basic' %}" class="btn btn-label-primary d-grid w-100">Upgrade</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ Pricing Plans -->
</div>
{% endblock %}