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

subscription html card updated 4

Browse Source
This commit is contained in:
rizwanisready
2024-04-10 15:34:04 +05:30
parent 28a7c97dc0
commit a152793eb6
2 changed files with 45 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
manage_subscriptions/forms.py
View File

@@ -24,8 +24,8 @@ class SubscriptionForm(forms.ModelForm):
"high_amount",
"amount",
"short_description",
"long_description",
"image",
# "long_description",
# "image",
"principal_types",
] # Include all fields you want from the model

87
templates/stripe_html/index.html
View File

@@ -64,65 +64,64 @@
<p class="grey-para">Stay in the loop: concerts,
festivals,
art <br> exhibits, and more near you!</p>
<div class="store-app">
<a href>
<img loading="lazy" src="{% static '/images/menu-left-btn.png' %}" alt>
<a href="#">
<img loading="lazy" src="{% static 'images/menu-left-btn.png' %}" alt="App Store">
</a>
<a href class>
<img loading="lazy" src="{% static '/images/menu-right-btn.png' %}" alt>
<a href="#">
<img loading="lazy" src="{% static 'images/menu-right-btn.png' %}" alt="Google Play">
</a>
</div>
{% 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 %}
<!-- Start of subscription cards section -->
<div class="row">
{% for subscription in subscriptions %}
<div class="col-md-6 mb-4">
<div class="feat-card card text-center">
<div class="card-header" style="background-color: #f1d59f6e;">
<h5 class="gold-text mb-0">{{ subscription.title }}</h5>
</div>
{% if subscription.image %}
<img src="{{ subscription.image.url }}" alt="{{ subscription.title }}" class="card-img-top">
{% endif %}
<div class="card-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 %}
<p>Days of Subscription: {{ subscription.plan.days }}</p>
</div>
<div class="card-footer">
<button class="common-btn subscribe-btn" data-subscription-id="{{ subscription.id }}">Join now</button>
</div>
</div>
</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 %}
</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>
{% empty %}
<div class="col-12">
<p>No subscriptions available.</p>
</div>
{% endfor %}
</div>
<hr>
{% empty %}
<p>No subscriptions available.</p>
{% endfor %}
<!-- End of subscription cards section -->
</div>
<!-- </div> -->
</div>
<div class="col-md-6">
<div class="baner-img" data-aos="zoom-in-up" data-aos-duration="1000">
<img loading="lazy" src="{% static '/images/banner-mobile.png' %}" alt>
<img loading="lazy" src="{% static 'images/banner-mobile.png' %}" alt="Banner Image">
</div>
</div>
</div>
<!-- </div>
</div> -->
</div>
</section>
<!-- Key Features -->
<section class="key-features ptb">