templates/default/resources.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <main class="mhcc-wrapper mb-4">
  5. <article class="mhcc-sec-page-outer mb-4">
  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">{{ "caring-healthcare-workers-resources"|trans|raw }}</h1>
  9.     </header>
  10. <!--// Main title block ENDS-->
  11. <!-- Resources wrapper starts //-->
  12. <div class="center-block mhcc-intro-content">
  13.      <p class="mb-4 sec-page-lead-text sec-page-lead-text--big sec-page-lead-text--dark-blue">{{ "get-the-most-out-of-caring-healthcare-workers-resources"|trans|raw }}</p>
  14.     <!--Resources boxes wrapper starts //-->
  15.     <div class="mb-4 center-block mhcc-resources-block">
  16.     <!--Resources block starts //-->
  17.     <div class="mb-2 flex-box-wrapper">
  18.       <!--Resource box starts //-->
  19.       <article class="flex-box-block flex-box-block--two-col">
  20.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded">
  21.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  22.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "actions-factor"|trans|raw }}</h3>
  23.             </header>
  24.           <div class="card-block st-radius mhcc-resources-container">
  25.                 <div class="mb-2 blackish-text">
  26.                     <p>{{ "address-psychosocial-factors-resources"|trans|raw }}</p>
  27.                 </div>
  28.                <div class="mhcc-resources-container-buttons">
  29.                         <a href="{{ "actions-by-factor-pdf"|trans|raw }}" target="_blank" class="btn btn-raised btn-success">{{ "download-pdf"|trans|raw }}</a>
  30.                         <div class="ripple-container"></div>
  31.                 </div>
  32.            </div>
  33.         </div> 
  34.      </article>
  35.      <!--Resource box starts //-->
  36.      <article class="flex-box-block flex-box-block--two-col">
  37.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded">
  38.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  39.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "healthcare-toolkit-resources"|trans|raw }}</h3>
  40.             </header>
  41.            <div class="card-block st-radius mhcc-resources-container">
  42.                 <div class="mb-2 blackish-text">
  43.                     <p>{{ "ideas-resources-resources"|trans|raw }}</p>
  44.                 </div>
  45.               <div class="mhcc-resources-container-buttons">
  46.                         <a href="{{ "more-link"|trans|raw }}" target="_blank" class="btn btn-raised btn-success mhcc-resources-container-button">{{"more"|trans|raw }}</a>
  47.                         <div class="ripple-container"></div>
  48.                </div>
  49.            </div>
  50.         </div> 
  51.      </article>
  52.      <!--Resource box starts //-->
  53.      <article class="flex-box-block flex-box-block--two-col">
  54.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded">
  55.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  56.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "join-movement-video"|trans|raw }}</h3>
  57.             </header>
  58.           <div class="card-block st-radius mhcc-resources-container">
  59.                 <div class="mb-2 blackish-text">
  60.                     <p>{{ "watch-learn-resources"|trans|raw }}</p>
  61.                 </div>
  62.              <div class="mhcc-resources-container-buttons">
  63.                         <a href="{{ "join-the-movement-link"|trans|raw }}" target="_blank" class="btn btn-raised btn-success mhcc-resources-container-button">{{"more"|trans|raw }}</a>
  64.                         <div class="ripple-container"></div>
  65.                 </div>
  66.            </div>
  67.         </div> 
  68.      </article>
  69.      <!--Resource box starts //-->
  70.      <article class="flex-box-block flex-box-block--two-col">
  71.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded">
  72.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-resources-block-header">
  73.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "declaration-commitment-resources"|trans|raw }}</h3>
  74.             </header>
  75.            <div class="card-block st-radius mhcc-resources-container">
  76.                 <div class="mb-2 blackish-text">
  77.                     <p>{{ "public-commitment-resources"|trans|raw }}</p>
  78.                 </div>
  79.                <div class="mhcc-resources-container-buttons">
  80.                         {# <a href="#" class="btn btn-raised btn-success mhcc-resources-container-button">View</a>
  81.                         <div class="ripple-container"></div> #}
  82.                         <a href="{{ "declaration-commitment-link"|trans|raw }}" target="_blank" class="btn btn-raised btn-success mhcc-resources-container-button">{{"more"|trans|raw }}</a>
  83.                         <div class="ripple-container"></div>
  84.                 </div>
  85.            </div>
  86.         </div> 
  87.      </article>
  88.     
  89.     </div>
  90.     <!--Resources block ends //-->
  91.     
  92.     </div>
  93.  <!--Resources boxes wrapper ends //-->
  94. </div>
  95. <!-- Resources wrapper ends //-->
  96. </article>
  97. </main>
  98. {% endblock %}