templates/about/review.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <main class="mhcc-wrapper">
  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
  13.                 class="text-left sec-page-main-title--steps sec-page-lead-text--light-blue sec-page-main-title--big main-title-icon-wrapper__title">
  14.                 4. {{ "complete-review"|trans|raw }}
  15.             </h1>
  16.             <figure class="main-title-icon-wrapper__icon">
  17.                 <img src="../assets/img/six_steps_icon4.svg" class="main-title-icon" alt="">
  18.             </figure>
  19.         </div>
  20.         <!--// Main title block ENDS-->
  21.     </header>
  22. <!--// Steps navbar STARTS-->
  23. <nav aria-label="List of steps" class="mb-4 steps-nav-list-wrapper">
  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">{{ "step1"|trans|raw }}</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"><span class="active btn btn-raised btn-success steps-nav-block__link">{{ "step"|trans|raw }} 4</span></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"><a href="{{ path('about_evaluate') }}" class="btn btn-raised btn-primary steps-nav-block__link">{{ "step"|trans|raw }} 6</a></div>
  31.        </div> 
  32. </nav>
  33. <!--// Steps navbar ENDS-->
  34.   <!--Tools section starts //-->
  35.    <article class="steps-intro-wrapper">
  36.         <header class="mb-4 text-center review-survey-header">
  37.                <h2 class="center-block text-center sec-page-lead-text--light-blue review-survey-title">{{ "two-tools-caring-healthcare-workers"|trans|raw }}</h2>
  38.         </header>
  39.         <!--Tools flex-based wrapper starts //-->
  40.         <div class="mb-2 review-survey-flexbox-wrapper" >
  41.             <!--Tools left box starts //-->
  42.             <article class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block" style="position: relative;">
  43.                 <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  44.                      <h2 class="text-center white-text mhcc-resources-block-title">{{ "how-to-use-pspo"|trans|raw }}
  45.                         </h2>
  46.                   </header>
  47.                 <div class="card-block step-4-boxes-container" style="margin-bottom: 5pc;">
  48.                     <div>
  49.                         <p>{{ "psh-howtouse"|trans|raw }}</p>
  50.                         <p>{{ "survey-intended-all-workers"|trans|raw }}</p>
  51.                         <p>{{ "pspo-implemented-individual-committee"|trans|raw }}</p>
  52.                     </div>
  53.                 </div>
  54.                 <div style="position: absolute; bottom: 0; right: 30px; display: block;" >
  55.                     <a href="../../assets/pdfs/{{ "org-psyc-survey-pdf"|trans|raw }}" class="btn btn-success btn-lg" style="background-color:#3FAE49; float: right; margin: 30px 0px; color: white;" >{{ "download"|trans|raw }}</a>
  56.                 </div>
  57.            </article>
  58.            <!--Tools left box ends //-->
  59.            <!--Tools right box starts //-->
  60.            <article class="card pl-2 pr-2 pt-2 pb-2 st-radius review-survey-flexbox-block" style="position: relative;">
  61.                   <header class="dark-blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  62.                      <h2 class="text-center white-text mhcc-resources-block-title">{{ "org-review-paramedic-org"|trans|raw }} 
  63.                         </h2>
  64.                   </header>
  65.                 <div class="card-block rounded step-4-boxes-container" style="margin-bottom: 5pc;">
  66.                     <div>
  67.                         <p>{{ "orpo-organizational-self-assessment"|trans|raw }}</p>
  68.                         <p>{{ "orpo-completed-key-informant"|trans|raw }}</p>
  69.                         <p>{{ "orpo-begins-self-assessment"|trans|raw }}</p>
  70.                     </div>
  71.                 </div>
  72.                 <div style="position: absolute; bottom: 0; right: 30px;" >
  73.                     <a href="../../assets/pdfs/{{ "org-review-questions-pdf"|trans|raw }}" class="btn btn-success btn-lg" style="background-color:#3FAE49; float: right; margin: 30px 0px; color: white;" >{{ "download"|trans|raw }}</a>
  74.                 </div>
  75.            </article>
  76.            <!--Tools right box ends //-->
  77.            </div>
  78.            <!--Tools flex-based block ends //-->
  79.          </article>
  80.          <!--Tools section ends //-->
  81. </main>
  82. {% endblock %}