organicmaps-website/templates/faq/single.html
2024-02-09 13:01:28 +02:00

84 lines
2.3 KiB
HTML

{% extends 'base.html' %}
{% block meta_description %}
<meta name="description" content="Organic Maps - F.A.Q.">
{% endblock %}
{% block content %}
{% set categories = get_taxonomy(kind='faq') | get(key="items") %}
<section class="hero-sub" style="background-image: url(/faq/hero_image.png)" >
<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="/">{{ trans(key='home_title', lang=lang) }}</a>
</li>
<li class="bred-crum__item">
<span class="nav-bred">
>
</span>
</li>
<li class="bred-crum__item">
{% for item in categories %}
{% if term.name == item.name %}
<a href="/{{ item.name }}" class="nav-bred bred-crum__link bred-crum--active">{{ item.name }}</a>
{% endif %}
{% endfor %}
</li>
</ul>
</nav>
<div class="hero-sub__content">
{% for item in categories %}
{% if term.name == item.name %}
<h1 class="h1 hero-sub__title">{{ item.name }}</h1>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<section class="search">
<div class="container search__container">
<label class="search__label" for="inpSearch">
{% include 'ui/search.html' %}
<input class="search__input" id="inpSearch" type="text" placeholder="Search">
</label>
</div>
</section>
<section class="faq-post">
<div class="container faq-page-list__row">
<div class="faq-page-list__buttons">
{% for item in categories %}
{% if term.name == item.name %}
{% else %}
<a class="button button--line-min" href="{{ get_taxonomy_url(kind="faq", name=item.name) }}">{{ item.name }}</a>
{% endif %}
{% endfor %}
</div>
<div class="faq-page-list__table">
<div class="faq-page-list__table-item">
<h3 class="h5-boold faq-page-list__table-title">{{ term.name }} questions</h3>
</div>
{%- for faq_page in term.pages | sort(attribute="extra.order") -%}
<h3 class="faq-page-list__table-item"><a class="h5 faq-page-list__table-link" href="{{ faq_page.permalink }}">{{ faq_page.title }}</a></h3>
{%- endfor -%}
</div>
</div>
</section>
{% endblock %}