Compare commits
No commits in common. "290c4fb63eaa5831faad47e030d4d2b034841924" and "1911a1211bec40370dac49fa70936b30806e98b7" have entirely different histories.
290c4fb63e
...
1911a1211b
2 changed files with 44 additions and 83 deletions
|
|
@ -96,33 +96,23 @@
|
||||||
<div class="col-12 col-lg-9">
|
<div class="col-12 col-lg-9">
|
||||||
<div class="pr-lg-32">
|
<div class="pr-lg-32">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="pt-60 pb-lg-60">
|
<div class="pt-60 pb-lg-60 w-lg-70">
|
||||||
<div class="row">
|
<header>
|
||||||
<div class="col-lg-8">
|
<h2 class="fs-50 fw-semibold lh-1 mb-12"><a href="{{ offering.service.get_absolute_url }}" class="text-decoration-none">Managed {{ offering.service.name }}</a></h2>
|
||||||
<header>
|
</header>
|
||||||
<h2 class="fs-50 fw-semibold lh-1 mb-12"><a href="{{ offering.service.get_absolute_url }}" class="text-decoration-none">Managed {{ offering.service.name }}</a></h2>
|
<div class="fs-19 text-gray-500">
|
||||||
</header>
|
{% for category in offering.service.categories.all %}
|
||||||
<div class="fs-19 text-gray-500">
|
<button class="btn btn-tertiary btn-sm mr-12">{{ category.full_path }}</button>
|
||||||
{% for category in offering.service.categories.all %}
|
{% endfor %}
|
||||||
<button class="btn btn-tertiary btn-sm mr-12">{{ category.full_path }}</button>
|
<button class="btn btn-tertiary btn-sm mr-12">Managed by VSHN</button>
|
||||||
{% endfor %}
|
<button class="btn btn-tertiary btn-sm mr-12">Running on {{ offering.cloud_provider.name }}</button>
|
||||||
<button class="btn btn-tertiary btn-sm mr-12">Managed by VSHN</button>
|
|
||||||
<button class="btn btn-tertiary btn-sm mr-12">Running on {{ offering.cloud_provider.name }}</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if offering.short_description %}
|
|
||||||
<div class="fs-19 text-gray-500">
|
|
||||||
{{ offering.short_description|safe }}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 d-flex align-items-center justify-content-lg-end mt-4 mt-lg-0">
|
|
||||||
<a href="#plans" class="btn btn-primary btn-lg px-4 py-2 fw-semibold d-flex align-items-center">
|
|
||||||
<i class="bi bi-cart me-2"></i>Get It
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{% if offering.short_description %}
|
||||||
|
<div class="fs-19 text-gray-500">
|
||||||
|
{{ offering.short_description|safe }}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if offering.service.description %}
|
{% if offering.service.description %}
|
||||||
|
|
@ -153,7 +143,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<!-- Plans -->
|
<!-- Plans -->
|
||||||
{% if offering.plans.all %}
|
{% if offering.plans.all %}
|
||||||
<div class="pt-24" id="plans" style="scroll-margin-top: 30px;">
|
<div class="pt-24" id="plans" style="scroll-margin-top: 30px;">
|
||||||
<h3 class="fs-24 fw-semibold lh-1 mb-12">Available Plans</h3>
|
<h3 class="fs-24 fw-semibold lh-1 mb-12">Available Plans</h3>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
|
||||||
|
|
@ -100,32 +100,22 @@
|
||||||
<div class="col-12 col-lg-9">
|
<div class="col-12 col-lg-9">
|
||||||
<div class="pr-lg-32">
|
<div class="pr-lg-32">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="pt-60 pb-lg-60">
|
<div class="pt-60 pb-lg-60 w-lg-70">
|
||||||
<div class="row">
|
<header>
|
||||||
<div class="col-lg-8">
|
<h2 class="fs-50 fw-semibold lh-1 mb-12">{{ service.name }}</h2>
|
||||||
<header>
|
</header>
|
||||||
<h2 class="fs-50 fw-semibold lh-1 mb-12">{{ service.name }}</h2>
|
<div class="fs-19 text-gray-500">
|
||||||
</header>
|
{% for category in service.categories.all %}
|
||||||
<div class="fs-19 text-gray-500">
|
<button class="btn btn-tertiary btn-sm mr-12">{{ category.full_path }}</button>
|
||||||
{% for category in service.categories.all %}
|
{% endfor %}
|
||||||
<button class="btn btn-tertiary btn-sm mr-12">{{ category.full_path }}</button>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% if service.tagline %}
|
|
||||||
<div class="mt-3">
|
|
||||||
<p class="fst-italic text-muted fs-19">
|
|
||||||
"{{ service.tagline }}"
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 d-flex align-items-center justify-content-lg-end mt-4 mt-lg-0">
|
|
||||||
<a href="#getit" class="btn btn-primary btn-lg px-4 py-2 fw-semibold d-flex align-items-center">
|
|
||||||
<i class="bi bi-cart me-2"></i>Get It
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
{% if service.tagline %}
|
||||||
|
<div class="mt-3">
|
||||||
|
<p class="fst-italic text-muted fs-19">
|
||||||
|
"{{ service.tagline }}"
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Description -->
|
<!-- Description -->
|
||||||
|
|
@ -147,39 +137,20 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<div class="pt-24" id="getit">
|
<div class="pt-24">
|
||||||
<div class="page-action">
|
<div class="page-action">
|
||||||
{% if service.offerings.exists %}
|
{% if service.offerings.exists %}
|
||||||
<h3 class="fs-24 fw-semibold lh-1 mb-12">Get it on</h3>
|
<h3 class="fs-24 fw-semibold lh-1 mb-12">Get it on</h3>
|
||||||
<p>Choose one of our trusted service providers</p>
|
<p>Choose one of our trusted service providers</p>
|
||||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
|
<div class="d-flex flex-wrap gap-3">
|
||||||
{% for offering in service.offerings.all %}
|
{% for offering in service.offerings.all %}
|
||||||
{% if not offering.cloud_provider.disable_listing %}
|
{% if not offering.cloud_provider.disable_listing %}
|
||||||
<div class="col">
|
<a class="btn btn-primary btn-lg w-auto"
|
||||||
<a href="{% url 'services:offering_detail' offering.cloud_provider.slug offering.service.slug %}#plans"
|
href="{% url 'services:offering_detail' offering.cloud_provider.slug offering.service.slug %}"
|
||||||
class="text-decoration-none" style="display: block;">
|
role="button">{{ offering.cloud_provider.name }}</a>
|
||||||
<div class="card h-100 clickable-card">
|
{% endif %}
|
||||||
<div class="card-body text-center">
|
{% endfor %}
|
||||||
{% if offering.cloud_provider.logo %}
|
</div>
|
||||||
<div class="mb-3 d-flex align-items-center justify-content-center" style="height: 80px;">
|
|
||||||
<img src="{{ offering.cloud_provider.logo.url }}" alt="{{ offering.cloud_provider.name }} logo"
|
|
||||||
class="img-fluid" style="max-height: 60px; object-fit: contain;">
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="mb-3 d-flex align-items-center justify-content-center" style="height: 80px;">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-cloud-fill text-primary" viewBox="0 0 16 16">
|
|
||||||
<path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
<h5 class="card-title mb-0 fw-semibold">{{ offering.cloud_provider.name }}</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="pt-40">
|
<div class="pt-40">
|
||||||
<h3 class="fs-24 fw-semibold lh-1 mb-12">Contact Us About This Service</h3>
|
<h3 class="fs-24 fw-semibold lh-1 mb-12">Contact Us About This Service</h3>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue