{% block content %}
{% if published == true %}
<div class="our-story">
<div class="container">
{% include 'common/_breadcrumb.html.twig' %}
<div class="our-story__intro">
{{ page.introduction|raw }}
</div>
<section class="our-story__columns" data-aos="fade-up">
<div class="our-story__column">
<img src="{{ asset('assets/shop/images/notre-histoire/notre-histoire-1.png') }}" title="{{ page.nameWhenLinked|e('html_attr') }}" alt="{{ page.nameWhenLinked|e('html_attr') }}" />
</div>
<div class="our-story__column">
<h1 class="page__title">
<span class="page__tagline">{{ page.historyFirstSectionTitle }}</span>
{{ page.historyFirstSectionSubtitle }}
</h1>
<div class="our-story__text">
{{ page.content|raw }}
</div>
</div>
</section>
</div>
<div class="bg-dark our-story__decos-cheese" style="padding-bottom: 110px;">
<div class="container">
<section class="our-story__columns" data-aos="fade-up">
<div class="our-story__column">
<h1 class="page__title">
<span class="page__tagline">{{ 'sylius.our_history.ancestral_know_how'|trans }}</span>
{{ 'sylius.our_history.from_training_to_cheeses_factories'|trans }}
</h1>
<div class="our-story__text">
{{ page.historyAncestralKnowHow|raw }}
</div>
</div>
<div class="our-story__column">
<img src="{{ asset('assets/shop/images/notre-histoire/notre-histoire-2.png') }}" title="{{ page.nameWhenLinked|e('html_attr') }}" alt="{{ page.nameWhenLinked|e('html_attr') }}" style="margin-top: -160px;">
<div class="our-story__text">
{{ page.historyAncestralKnowHow2|raw }}
</div>
</div>
</section>
</div>
</div>
<div class="bg-white our-story__decos-cows">
<div class="container">
<section class="our-story__columns" data-aos="fade-up">
<div class="our-story__column">
<img src="{{ asset('assets/shop/images/notre-histoire/notre-histoire-3.png') }}" title="{{ page.nameWhenLinked|e('html_attr') }}" alt="{{ 'sylius.our_history.our_history'|trans|e('html_attr') }}" style="margin-top: -235px;">
</div>
<div class="our-story__column">
<div class="our-story__text">
{{ page.historyAncestralKnowHow3|raw }}
</div>
</div>
</section>
</div>
</div>
<div class="block-icons" class="block-icons" style="background-image: linear-gradient(to right, #381b0f 7%, transparent), url('https://images.unsplash.com/photo-1470093014438-2ede8d7a4818?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3450&q=80');">
<div class="block-icons__texture"></div>
<div class="container">
<div class="block-icons__blocks">
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/site-affinage.svg') }}" title="{{ 'sylius.our_history.3_sites'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.3_sites'|trans|e('html_attr') }}">{{ 'sylius.our_history.3_sites'|trans }}</div>
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/cheese-white.svg') }}" title="{{ 'sylius.our_history.250_cheeses'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.250_cheeses'|trans|e('html_attr') }}">{{ 'sylius.our_history.250_cheeses'|trans }}</div>
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/milk.svg') }}" title="{{ 'sylius.our_history.1_production_unit'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.1_production_unit'|trans|e('html_attr') }}">{{ 'sylius.our_history.1_production_unit'|trans }}</div>
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/global-education.svg') }}" title="{{ 'sylius.our_history.1_training_center'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.1_training_center'|trans|e('html_attr') }}">{{ 'sylius.our_history.1_training_center'|trans }}</div>
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/farmer.svg') }}" title="{{ 'sylius.our_history.130_producers'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.130_producers'|trans|e('html_attr') }}">{{ 'sylius.our_history.130_producers_html'|trans|raw }}</div>
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/dairy-products.svg') }}" title="{{ 'sylius.our_history.1_transforming_center'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.1_transforming_center'|trans|e('html_attr') }}">{{ 'sylius.our_history.1_transforming_center'|trans }}</div>
<div data-aos="fade-up"><img src="{{ asset('assets/shop/img/france-histoire.svg') }}" title="{{ 'sylius.our_history.10_stores'|trans|e('html_attr') }}" alt="{{ 'sylius.our_history.10_stores'|trans|e('html_attr') }}">{{ 'sylius.our_history.10_stores_html'|trans|raw }}</div>
</div>
</div>
</div>
<div class="citation" data-aos="fade-up">
<div class="container">
<p>{{ 'sylius.our_history.around_france'|trans|raw }}</p>
<a href="{{ bitbag_cms_get_link_for_code('nos-structures') }}" title="{{ 'sylius.our_history.discover_our_structures'|trans|e('html_attr') }}" class="button button--secondary">{{ 'sylius.our_history.discover_our_structures'|trans }}</a>
</div>
</div>
</div>
{% else %}
{% include '@BitBagSyliusCmsPlugin/Shop/Page/Error/_notPublished.html.twig' with {'publishAt': page.publishAt} %}
{% endif %}
{% endblock %}