templates/default/resources.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <main class="mhcc-wrapper">
  5.    <article class="mhcc-sec-page-outer">
  6.       <!--// Main title block STARTS-->
  7.          <header class="mt-0 mb-4 text-center light-green-bg sec-page-main-header">
  8.             <h1 class="text-left sec-page-main-title sec-page-lead-text--light-blue sec-page-main-title--big">
  9.                {{ "caring-healthcare-workers-resources"|trans|raw }}
  10.             </h1>
  11.          </header>
  12.       <!--// Main title block ENDS-->
  13.       <!-- Resources wrapper starts //-->
  14.          <div class="center-block mhcc-intro-content">
  15.             <p class="mb-4 sec-page-lead-text sec-page-lead-text--medium sec-page-lead-text--dark-blue">
  16.                {{ "get-the-most-out-of-caring-healthcare-workers-resources"|trans|raw }}
  17.             </p>
  18.             <!--Resources boxes wrapper starts //-->
  19.                <div class="mb-4 center-block mhcc-resources-block">
  20.                   <!--Resources block starts //-->
  21.                      <div class="mb-2 flex-box-wrapper">
  22.                         <!--Resource box starts //-->
  23.                            <article class="flex-box-block flex-box-block--two-col">
  24.                               <div class="card pl-2 pr-2 pt-2 pb-2 rounded">
  25.                                  <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-border st-radius mhcc-card-header mhcc-resources-block-header">
  26.                                     <h3 class="text-center white-text mhcc-resources-block-title">
  27.                                        {{ "actions-factor"|trans|raw }}
  28.                                     </h3>
  29.                                  </header>
  30.                                  <div class="card-block st-radius mhcc-resources-container">
  31.                                     <div class="mb-2 blackish-text">
  32.                                        <p>{{ "address-psychosocial-factors-resources"|trans|raw }}</p>
  33.                                     </div>
  34.                                     <div class="mhcc-resources-container-buttons">
  35.                                        <a href="../assets/pdfs/{{ "actions-by-factor-pdf"|trans|raw }}" class="btn btn-raised btn-success" target="_blank">{{ "download-pdf"|trans|raw }}</a>
  36.                                        <div class="ripple-container"></div>
  37.                                     </div>
  38.                                  </div>
  39.                               </div> 
  40.                            </article>
  41.                         <!--Resource box starts //-->
  42.                            <article class="flex-box-block flex-box-block--two-col">
  43.                               <div class="card pl-2 pr-2 pt-2 pb-2 rounded">
  44.                                     <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-border st-radius mhcc-card-header mhcc-resources-block-header">
  45.                                        <h3 class="text-center white-text mhcc-resources-block-title">{{ "healthcare-toolkit-resources"|trans|raw }}</h3>
  46.                                     </header>
  47.                                     <div class="card-block st-radius mhcc-resources-container">
  48.                                           <div class="mb-2 blackish-text">
  49.                                              <p>
  50.                                                 {{ "ideas-resources-resources"|trans|raw }}
  51.                                              </p>
  52.                                           </div>
  53.                                           <div class="mhcc-resources-container-buttons">
  54.                                              <a href="{{ "paramedic-standard-link"|trans|raw }}" class="btn btn-raised btn-success mhcc-resources-container-button" target="_blank">
  55.                                                 {{"more"|trans|raw }}
  56.                                              </a>
  57.                                              <div class="ripple-container"></div>
  58.                                           </div>
  59.                                     </div>
  60.                               </div> 
  61.                            </article>
  62.                      </div>
  63.                   <!--Resources block ends //-->
  64.                </div>
  65.             <!--Resources boxes wrapper ends //-->
  66.          </div>
  67.       <!-- Resources wrapper ends //-->
  68.    </article>
  69. </main>
  70. {% endblock %}