Rizwan.Shaikh/goodtimes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #9 from WDI-Ideas/development

Browse Source 
html web view 3
This commit is contained in:
rizwanisready
2024-05-24 16:53:09 +05:30
committed by GitHub
parent 8413b058a7 478783054b
commit e23576658b
1 changed files with 42 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
templates/stripe_html/index.html
View File

@@ -92,51 +92,54 @@
</section>
<section class="section card_design">
<div class="row">
<div class="col-md-3">
<div class="container">
<div class="row">
{% for subscription in subscriptions %}
<div class="feat-card">
<div class="card text-center mb-2">
<!-- Dark card with gold border -->
<h5 class="gold-text mb-0 p-1" style="background-color: #f1d59f6e;">{{ subscription.title }}
</h5>
{% if subscription.image %}
<img src="{{ subscription.image.url }}" alt="{{ subscription.title }}" class="card-img-top">
{% endif %}
</div>
<div class="card-body mb-2 text-center"> <!-- Golden text for the body -->
{% if subscription.short_description %}
<p class="gold-text">{{ subscription.short_description }}</p>
{% endif %}
{% if subscription.long_description %}
<p class="gold-text">{{ subscription.long_description|truncatewords:20 }}</p>
{% endif %}
<h5 class="card-title gold-text">Subscription Amount</h5>
{% if subscription.high_amount and subscription.high_amount > subscription.amount %}
<p class="gold-text mb-0"><s>£ {{ subscription.high_amount }}</s> £ {{ subscription.amount }}
</p>
{% else %}
<p class="gold-text mb-0">£ {{ subscription.amount }}</p>
{% endif %}
{% if subscription.plan.days %}
<p class="gold-text mb-0">Days of Subscription: {{ subscription.plan.days }}</p>
{% else %}
<p class="gold-text mb-0">Days of Subscription: Not available</p>
{% endif %}
<div class="col-md-4">
<div class="feat-card">
<div class="card text-center mb-2">
<!-- Dark card with gold border -->
<h5 class="gold-text mb-0 p-1" style="background-color: #f1d59f6e;">{{ subscription.title }}
</h5>
{% if subscription.image %}
<img src="{{ subscription.image.url }}" alt="{{ subscription.title }}" class="card-img-top">
{% endif %}
</div>
<div class="card-body mb-2 text-center"> <!-- Golden text for the body -->
{% if subscription.short_description %}
<p class="gold-text">{{ subscription.short_description }}</p>
{% endif %}
{% if subscription.long_description %}
<p class="gold-text">{{ subscription.long_description|truncatewords:20 }}</p>
{% endif %}
<h5 class="card-title gold-text">Subscription Amount</h5>
{% if subscription.high_amount and subscription.high_amount > subscription.amount %}
<p class="gold-text mb-0"><s>£ {{ subscription.high_amount }}</s> £ {{ subscription.amount
}}
</p>
{% else %}
<p class="gold-text mb-0">£ {{ subscription.amount }}</p>
{% endif %}
{% if subscription.plan.days %}
<p class="gold-text mb-0">Days of Subscription: {{ subscription.plan.days }}</p>
{% else %}
<p class="gold-text mb-0">Days of Subscription: Not available</p>
{% endif %}
</div>
<div class="Adventure-btn text-center">
<!-- Add a data attribute to store subscription ID -->
<button class="common-btn subscribe-btn" data-subscription-id="{{ subscription.id }}">Join
now</button>
</div>
</div>
<div class="Adventure-btn text-center">
<!-- Add a data attribute to store subscription ID -->
<button class="common-btn subscribe-btn" data-subscription-id="{{ subscription.id }}">Join
now</button>
</div>
<hr>
{% empty %}
<p>No subscriptions available.</p>
</div>
<hr>
{% empty %}
<p>No subscriptions available.</p>
{% endfor %}
</div>
</div>
</div>
</section>