231 lines
No EOL
13 KiB
HTML
231 lines
No EOL
13 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{%- block content %}
|
|
|
|
<section class="crowdfunding hero-sub hero-sub--big"
|
|
style="background-image: url({{ page.extra.hero_image | safe }})">
|
|
<div class="container hero-sub__container">
|
|
<nav class="bred-crum">
|
|
<ul class="bred-crum__row">
|
|
<li class="bred-crum__item">
|
|
<a class="nav-bred bred-crum__link" href="/">{{ page.extra.menu_title_pre }}</a>
|
|
</li>
|
|
<li class="bred-crum__item">
|
|
<span class="nav-bred">
|
|
>
|
|
</span>
|
|
</li>
|
|
<li class="bred-crum__item">
|
|
<a class="nav-bred bred-crum__link bred-crum--active"
|
|
href="/{{ page.extra.hero_title | lower }}">{{ page.extra.hero_title }}</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<h1 class="h1 hero-sub__title">{{ page.extra.hero_title | safe }}</h1>
|
|
<p class="h2-sub_v2 hero-sub__description">{{ page.extra.hero_description | safe }}</p>
|
|
<button class="button button--main"> {{ trans(key='donate-title', lang=lang) }}</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="crowdfunding-loc">
|
|
<div class="container crowdfunding-loc__container">
|
|
<div class="crowdfunding-loc__content">
|
|
{% include 'ui/icons/social/point.html' %}
|
|
<h2 class="h6-bold crowdfunding-loc__title"> {{ page.extra.why_section_title_1 | safe }} </h2>
|
|
<p class="p-card crowdfunding-loc__text"> {{ page.extra.why_section_description_1 | safe }}</p>
|
|
<div class="crowdfunding-loc__img-row">
|
|
<img class="crowdfunding-loc__img" src="/images/crowdfunding/why-us-banner.png" alt="img">
|
|
</div>
|
|
<h2 class="h6-bold crowdfunding-loc__title"> {{ page.extra.why_section_title_2 | safe }} </h2>
|
|
<p class="p-card crowdfunding-loc__text"> {{ page.extra.why_section_description_2 | safe }}</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="crowdfunding-card">
|
|
<div class="container crowdfunding-card__container">
|
|
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-1.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">01</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_1 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_1 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-2.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">02</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_2 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_2 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-3.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">03</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_3 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_3 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-4.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">04</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_4 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_4 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-5.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">05</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_5 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_5 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-6.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">06</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_6 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_6 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
<img src="/images/crowdfunding/benefits-banner-7.png" alt="img">
|
|
<div class="services-support__title-row">
|
|
<div class="services-support__count">
|
|
<span class="icon-count services-support__number">07</span>
|
|
<div class="services-support__icon">
|
|
{% include 'ui/icons/new-support/pin.html' %}
|
|
</div>
|
|
</div>
|
|
<h2 class="h5 services-support__sub-title">{{ page.extra.benefits_section_card_title_7 | safe }}</h2>
|
|
</div>
|
|
<p class="p-card crowdfunding-card__text">{{ page.extra.benefits_section_card_description_7 | safe }}</p>
|
|
</div>
|
|
<div class="crowdfunding-card__item">
|
|
{% include 'section/solo-donate.html' %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="crowdfunding-support">
|
|
<div class="container crowdfunding-support__container">
|
|
|
|
<div class="crowdfunding-support__content">
|
|
<h2 class="crowdfunding-support__title">{{ page.extra.support_section_title | safe }}</h2>
|
|
<p class="crowdfunding-support__text">{{ page.extra.support_section_description | safe }}</p>
|
|
<p class="crowdfunding-support__text">{{ page.extra.support_section_description_2 | safe }}</p>
|
|
</div>
|
|
<img class="crowdfunding-support__img" src="/images/crowdfunding/dabl-img.png" alt="img">
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
<section class="crowdfunding-card-v2">
|
|
<div class="container crowdfunding-card-v2__container">
|
|
<h2 class="h6-bold">{{ page.extra.rewards_section_title | safe }}</h2>
|
|
<p class="p-card">{{ page.extra.rewards_section_description | safe }}</p>
|
|
<div class="crowdfunding-card-v2__row">
|
|
<div class="crowdfunding-card-v2__item">
|
|
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-1.png" alt="img">
|
|
<div class="crowdfunding-card-v2__content">
|
|
<div class="price-icon crowdfunding-card-v2__num">
|
|
$50
|
|
</div>
|
|
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_1 | safe }}</h3>
|
|
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_1 | safe }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="crowdfunding-card-v2__item">
|
|
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-2.png" alt="img">
|
|
<div class="crowdfunding-card-v2__content">
|
|
<div class="price-icon crowdfunding-card-v2__num">
|
|
$100
|
|
</div>
|
|
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_2 | safe }}</h3>
|
|
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_2 | safe }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="crowdfunding-card-v2__item">
|
|
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-3.png" alt="img">
|
|
<div class="crowdfunding-card-v2__content">
|
|
<div class="price-icon crowdfunding-card-v2__num">
|
|
$250
|
|
</div>
|
|
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_3 | safe }}</h3>
|
|
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_3 | safe }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="crowdfunding-card-v2__item">
|
|
<img class="crowdfunding-card-v2__img" src="/images/crowdfunding/rewards-banner-4.png" alt="img">
|
|
<div class="crowdfunding-card-v2__content">
|
|
<div class="price-icon crowdfunding-card-v2__num">
|
|
$1000
|
|
</div>
|
|
<h3 class="h5 crowdfunding-card-v2__title">{{ page.extra.rewards_section_card_title_4 | safe }}</h3>
|
|
<p class="p-card crowdfunding-card-v2__text">{{ page.extra.rewards_section_card_description_4 | safe }}</p>
|
|
</div>
|
|
</div>
|
|
<button class="button button--main crowdfunding-card-v2__button"> {{ trans(key='donate-title', lang=lang) }}</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
<section class="crowdfunding-journey">
|
|
<div class="container crowdfunding-journey__container">
|
|
<div class="crowdfunding-journey__fai"></div>
|
|
<div class="crowdfunding-journey__content">
|
|
<h2 class="h6-bold crowdfunding-journey__title">{{ page.extra.join_us_section_title | safe }}</h2>
|
|
<img class="crowdfunding-journey__img" src="/images/crowdfunding/join-us-banner.png" alt="img">
|
|
<p class="p-card">{{ page.extra.join_us_section_description_1 | safe }}</p>
|
|
<div class="crowdfunding-journey__card">
|
|
{% include 'ui/icons/social/hand.html' %}
|
|
<p class="p-15">{{ page.extra.join_us_section_description_2 | safe }}</p>
|
|
</div>
|
|
<p class="p-card">{{ page.extra.join_us_section_description_3 | safe }}</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% include 'section/donate.html' %}
|
|
{%- endblock content %} |