{% extends 'base.html.twig' %}

{% block title %}{{ 'community.title'|trans }}{% endblock %}

{% block body %}
  <main id="contenu" class="content">
    <img src="/Logo.png" alt="Logo n-atypik" class="logo-central" />

    <h1>{{ 'community.page_title'|trans }}</h1>

    <section class="content-section">
      <h2>{{ 'community.find_title'|trans }}</h2>
      <ul class="bullets">
        <li>{{ 'community.find_1'|trans }}</li>
        <li>{{ 'community.find_2'|trans }}</li>
        <li>{{ 'community.find_3'|trans }}</li>
      </ul>
    </section>

    <section class="content-section">
      <h2>{{ 'community.mindset_title'|trans }}</h2>
      <ul class="bullets">
        <li><strong>{{ 'community.mindset_1'|trans }}</strong></li>
        <li><strong>{{ 'community.mindset_2'|trans }}</strong></li>
        <li><strong>{{ 'community.mindset_3'|trans }}</strong></li>
        <li><strong>{{ 'community.mindset_4'|trans }}</strong></li>
        <li><strong>{{ 'community.mindset_5'|trans }}</strong></li>
      </ul>
    </section>

    <section class="content-section">
      <h2>{{ 'community.security_title'|trans }}</h2>
      <ul class="bullets">
        <li>{{ 'community.security_1'|trans }}</li>
        <li>{{ 'community.security_2'|trans }}</li>
        <li>{{ 'community.security_3'|trans }}</li>
        <li>{{ 'community.security_4'|trans }}</li>
        <li>{{ 'community.security_5'|trans }}</li>
        <li>{{ 'community.security_6'|trans }}</li>
      </ul>
    </section>

    <section class="content-section">
      <h2>{{ 'community.rules_title'|trans }}</h2>
      <ul class="bullets">
        <li>{{ 'community.rules_1'|trans }}</li>
        <li>{{ 'community.rules_2'|trans }}</li>
        <li>{{ 'community.rules_3'|trans }}</li>
        <li>{{ 'community.rules_4'|trans }}</li>
      </ul>
    </section>

    <section class="content-section">
      <h2>{{ 'community.founders_title'|trans }}</h2>
      <ul class="bullets">
        <li><strong>{{ 'community.founder_1'|trans }}</strong></li>
        <li><strong>{{ 'community.founder_2'|trans }}</strong></li>
        <li><strong>{{ 'community.founder_3'|trans }}</strong></li>
        <li><strong>{{ 'community.founder_4'|trans }}</strong></li>
      </ul>
    </section>

    <section class="content-section">
      <h2>{{ 'community.evolution_title'|trans }}</h2>
      <ul class="bullets">
        <li>{{ 'community.evolution_1'|trans }}</li>
        <li>{{ 'community.evolution_2'|trans }}</li>
        <li>{{ 'community.evolution_3'|trans }}</li>
      </ul>
    </section>
  </main>
{% endblock %}