{% extends 'base.html.twig' %}
{% block body %}
<main class="mb-6 mhcc-wrapper">
<article class="mhcc-sec-page-outer">
<!--// Main title block STARTS-->
<header class="light-green-bg sec-page-main-header sec-page-main-header--steps">
<!--// Main title block STARTS-->
<div class="main-title-icon-wrapper">
<h1
class="text-left sec-page-main-title--steps sec-page-lead-text--light-blue sec-page-main-title--big main-title-icon-wrapper__title">
6. {{ "evaluate"|trans|raw }}
</h1>
<figure class="main-title-icon-wrapper__icon">
<img src="../assets/img/six_steps_icon6.svg" class="main-title-icon" alt="">
</figure>
</div>
<!--// Main title block ENDS-->
</header>
{#<header class="mt-0 text-center light-green-bg sec-page-main-header main-title-icon-wrapper">#}
{# <h1 class="text-left sec-page-main-title sec-page-lead-text--light-blue sec-page-main-title--big main-title-icon-wrapper__title">6. {{ "evaluate"|trans|raw }}</h1>#}
{# <figure class="main-title-icon-wrapper__icon">#}
{# <img src="../assets/img/six_steps_icon6.svg" class="main-title-icon" alt="">#}
{# </figure>#}
{#</header>#}
<!--// Main title block ENDS-->
<!--// Steps navbar STARTS-->
<nav aria-label="List of steps" class="mb-4 steps-nav-list-wrapper">
<div class="list-inline list-unstyled steps-nav-block">
<div class="steps-nav-block__item"><a href="{{ path('about_factors') }}" class="btn btn-raised btn-primary steps-nav-block__link">{{ "step"|trans|raw }} 1</a></div>
<div class="steps-nav-block__item"><a href="{{ path('about_plan') }}" class="btn btn-raised btn-primary steps-nav-block__link">{{ "step"|trans|raw }} 2</a></div>
<div class="steps-nav-block__item"><a href="{{ path('about_signup') }}" class="btn btn-raised btn-primary steps-nav-block__link">{{ "step"|trans|raw }} 3</a></div>
<div class="steps-nav-block__item"><a href="{{ path('about_review') }}" class="btn btn-raised btn-primary steps-nav-block__link">{{ "step"|trans|raw }} 4</a></div>
<div class="steps-nav-block__item"><a href="{{ path('about_results') }}" class="btn btn-raised btn-primary steps-nav-block__link">{{ "step"|trans|raw }} 5</a></div>
<div class="steps-nav-block__item"><span class="active btn btn-raised btn-success steps-nav-block__link">{{ "step"|trans|raw }} 6</span></div>
</div>
</nav>
<!--// Steps navbar ENDS-->
<!-- Intro content starts //-->
<div class="steps-intro-wrapper">
<p class="mb-4 sec-page-lead-text sec-page-lead-text--big sec-page-lead-text--dark-blue">{{ "challenge-maintain-build"|trans|raw }}</p>
</div>
<!-- Intro content ends //-->
<!-- Resources wrapper starts //-->
<div class="steps-intro-wrapper">
<!--Resources block starts //-->
<div class="mb-2 review-survey-flexbox-wrapper">
<!--Resource box starts //-->
<section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
<header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
<h2 class="text-center white-text mhcc-resources-block-title">{{ "communicate-widely"|trans|raw }}</h2>
</header>
<div class="card-block step-4-boxes-container">
<div>
<p>{{ "review-strategies-methods-communications"|trans|raw }}</p>
</div>
</div>
</section>
<!--Resource box starts //-->
<section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
<header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
<h2 class="text-center white-text mhcc-resources-block-title">{{ "share-responsibility"|trans|raw }}</h2>
</header>
<div class="card-block step-4-boxes-container">
<div>
<p>{{ "encourage-others"|trans|raw }}</p>
</div>
</div>
</section>
</div>
<div class="mb-2 review-survey-flexbox-wrapper">
<!--Resource box starts //-->
<section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
<header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
<h2 class="text-center white-text mhcc-resources-block-title">{{ "measure-progress"|trans|raw }}</h2>
</header>
<div class="card-block step-4-boxes-container">
<div>
<p>{{ "review-focus-indicators"|trans|raw }}</p>
</div>
</div>
</section>
<!--Resource box starts //-->
<section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
<header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
<h2 class="text-center white-text mhcc-resources-block-title">{{ "develop-support-system"|trans|raw }}</h2>
</header>
<div class="card-block step-4-boxes-container">
<div>
<p>{{ "stay-connected"|trans|raw }}</p>
</div>
</div>
</section>
</div>
</div>
<!--Resources block ends //-->
</div>
<!-- Resources wrapper ends //-->
</article>
</main>
{% endblock %}