templates/about/8-evaluate.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <main class="mhcc-wrapper">
  5. <!-- Main content block starts //-->
  6. <article class="mhcc-sec-page-outer">
  7. <!--// Main title / navbar wrapper STARTS-->
  8. <div class="mt-0 steps-nav-list-wrapper">
  9.     <header class="light-green-bg sec-page-main-header sec-page-main-header--steps">
  10.     <!--// Main title block STARTS-->
  11.     <div class="main-title-icon-wrapper">
  12.         <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">
  13.          6. {{ "evaluate"|trans|raw }}
  14.         </h1>
  15.         <figure class="main-title-icon-wrapper__icon">
  16.             <img src="../assets/img/six_steps_icon6.svg" class="main-title-icon" alt="">
  17.         </figure>
  18.     </div>
  19.     <!--// Main title block ENDS-->
  20. </header>
  22. <!--// Steps navbar STARTS-->
  23. <nav aria-label="List of steps" class="mb-4">
  24.       <div class="list-inline list-unstyled steps-nav-block">   
  25.         <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>
  26.         <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>
  27.         <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>
  28.         <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>
  29.         <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>
  30.         <div class="steps-nav-block__item"><span class="active btn btn-raised btn-success steps-nav-block__link">{{ "step"|trans|raw }} 6</span></div>
  31.        </div> 
  32. </nav>
  33. <!--// Steps navbar ENDS-->
  34. <!-- Intro content starts //-->
  35. <div class="mhcc-inner-content">
  36. <p class="mb-4">{{ "challenge-maintain-build"|trans|raw }}</p>
  37. <p class="mb-4">{{ "choosing-three-tools"|trans|raw }}</p>
  38. <p class="mb-4 sec-page-lead-text sec-page-lead-text--medium sec-page-lead-text--dark-blue">{{ "following-suggestions-provided"|trans|raw }}</p>
  39. </div>
  41. <!-- Intro content ends //-->
  42. <!-- Resources wrapper starts //-->
  43. <div class="steps-intro-wrapper">
  44.     <!--Resources block starts //-->
  45.     <div class="mb-2 review-survey-flexbox-wrapper">
  46.       <!--Resource box starts //-->
  47.       <section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
  48.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  49.                <h2 class="text-center white-text mhcc-resources-block-title">{{ "communicate-widely"|trans|raw }}</h2>
  50.             </header>
  51.           <div class="card-block step-4-boxes-container">
  52.                 <div>
  53.                     <p>{{ "review-strategies-methods-communications"|trans|raw }}</p>
  54.                 </div>
  55.           </div>
  56.      </section>
  57.      <!--Resource box starts //-->
  58.      <section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
  59.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  60.                <h2 class="text-center white-text mhcc-resources-block-title">{{ "share-responsibility"|trans|raw }}</h2>
  61.             </header>
  62.            <div class="card-block step-4-boxes-container">
  63.                 <div>
  64.                     <p>{{ "encourage-others"|trans|raw }}</p>
  65.                 </div>
  66.            </div>
  67.      </section>
  68.      </div>
  69.      <div class="mb-2 review-survey-flexbox-wrapper">
  70.      <!--Resource box starts //-->
  71.      <section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
  72.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  73.                <h2 class="text-center white-text mhcc-resources-block-title">{{ "measure-progress"|trans|raw }}</h2>
  74.             </header>
  75.           <div class="card-block step-4-boxes-container">
  76.                 <div>
  77.                     <p>{{ "review-focus-indicators"|trans|raw }}</p>
  78.                 </div>
  79.            </div>
  80.      </section>
  81.      <!--Resource box starts //-->
  82.      <section class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block">
  83.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  84.                <h2 class="text-center white-text mhcc-resources-block-title">{{ "develop-support-system"|trans|raw }}</h2>
  85.             </header>
  86.            <div class="card-block step-4-boxes-container">
  87.                 <div>
  88.                     <p>{{ "stay-connected"|trans|raw }}</p>
  89.                 </div>
  90.             </div>
  91.      </section>
  92.     </div>
  93.     </div>
  94.     <!--Resources block ends //-->
  95. </div>
  96. <!-- Resources wrapper ends //-->
  97.   </article>
  98. </main>
  99. {% endblock %}