templates/about/about.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 mb-4 about-paramedics-wrapper">
  7.                      <!--// Main title block STARTS-->
  8.                             <header class="mt-0 mb-4 text-center light-green-bg sec-page-main-header">
  9.                                    <h1 class="text-left sec-page-main-title sec-page-lead-text--light-blue sec-page-main-title--big">
  10.                                           {{"about-caring"|trans|raw}}
  11.                                    </h1>
  12.                             </header>
  13.                      <!--// Main title block ENDS-->
  14.                      <!-- About intro content starts //-->
  15.                             <div class="mb-6 center-block mhcc-intro-content">
  16.                                    <p class="mb-4 sec-page-lead-text sec-page-lead-text--big sec-page-lead-text--dark-blue">
  17.                                           {{"caring-unique"|trans|raw}}
  18.                                    </p>
  20.                                    <p class="mhcc-about-intro-desc">
  21.                                           {{"regardless-prof"|trans|raw}}
  22.                                    </p>
  24.                                    <p class="mb-4 mhcc-about-intro-desc">
  25.                                           {{"national-standard"|trans|raw}}
  26.                                    </p>
  28.                                    <p>
  29.                                           {{"key-review"|trans|raw}}
  30.                                    </p>
  32.                                    <div class="mhcc-tool-btn mhcc-tool-org-review-btn">
  33.                                           <a href="../about/about-review" class="btn btn-raised btn-success">
  34.                                                  {{"learn-more-tools"|trans|raw}}
  35.                                           </a>
  36.                                    </div>
  37.                             </div>
  38.                             <!--Terms used in tools //-->
  39.                             <div class="mb-4 pt-4 pb-4 st-border st-radius center-block terms-tools-wrapper">
  40.                                    <section class="terms-tools-block">
  41.                                           <header class="bg-primary st-top-left-radius st-top-right-radius">
  42.                                                  <h2 class="pt-2 pr-2 pb-2 pl-2 white-text sec-page-subtitle sec-page-subtitle--big">
  43.                                                     {{"relevant-terms"|trans|raw}}
  44.                                                  </h2>
  45.                                           </header>
  46.                                           <div class="pt-2 pr-2 pb-2 pl-2">
  47.                                                  <ul class="list-unstyled terms-tools-list">
  48.                                                         <li class="mb-2">
  49.                                                             {{"communication-officer"|trans|raw}}
  50.                                                         </li>
  51.                                                         <li class="mb-2">
  52.                                                             {{"critical-event"|trans|raw}}
  53.                                                         </li>
  54.                                                         <li class="mb-2">
  55.                                                             {{"about-paramedic"|trans|raw}}
  56.                                                         </li>
  57.                                                         <li class="mb-2">
  58.                                                             {{"pso-provide-emergency-med"|trans|raw}}
  59.                                                         </li>
  60.                                                         <li class="mb-2">
  61.                                                             {{"psychosocial-risk-ractors"|trans|raw}}
  62.                                                         </li>
  63.                                                         <li class="mb-2">
  64.                                                             {{"about-worker"|trans|raw}}
  65.                                                         </li>
  66.                                                  </ul> 
  67.                                           </div>
  68.                                           <div class="light-green-bg terms-tools-block__note">
  69.                                                  <div class="pt-2 pr-2 pb-2 pl-2">
  70.                                                         <p>
  71.                                                                {{"some-provinces-hospitals"|trans|raw}}
  72.                                                         </p>
  73.                                                  </div>
  74.                                           </div>
  75.                                    </section>
  76.                             </div>
  77.                      <!-- About intro content Ends //-->
  78.               </article>
  79.        <!-- Main content block Ends //-->
  81.        <!--// Partners block STARTS-->
  82.               <section class="mhcc-sec-page-outer">
  83.                      <header class="mt-0 mb-4 text-center bg-primary sec-page-main-header">
  84.                             <h2 class="text-left white-text mhcc-partners-main-title">{{"partners"|trans|raw}}</h2>
  85.                      </header>
  86.                      <!--Partners content starts //-->
  87.                             <div class="mhcc-inner-content">
  88.                                    <!--Partners boxes wrapper starts //-->
  89.                                    <div class="mb-2 mhcc-partner-wrapper">
  90.                                           <!--Partners boxes start //-->
  91.                                                  <!--Partners box //-->
  92.                                                         <article class="mhcc-partner-box">
  93.                                                                <header>
  94.                                                                       <h3 class="sr-only">{{"mental-health-commission"|trans|title}}</h3>
  95.                                                                </header>
  96.                                                                <div class="card pl-2 pr-2 pt-2 pb-2 st-radius mhcc-partners-bg">
  97.                                                                       <a href="{{ "mental-health-commission-link"|trans|raw }}" target="_blank">
  98.                                                                              <figure class="white-bg text-center mhcc-partner-logo">
  99.                                                                                     <img src="{% if app.request.locale == "en" %}{{ asset('assets/img/MHCC_brand_footer.svg') }}{% else %}{{ asset('assets/img/MHCC_brand_footer_f.svg') }}{% endif %}" class="mhcc-partner-logo-img mhcc-partner"
  100.                                                                                     alt="{{ "mental-health-commission"|trans|raw }}" />
  101.                                                                              </figure>
  102.                                                                       </a>
  103.                                                                       <div class="card-block white-text">
  104.                                                                              <p>
  105.                                                                                     {{"catalyst-change"|trans|raw}}
  106.                                                                              </p>
  107.                                                                       </div>
  108.                                                                </div>
  109.                                                         </article>
  110.                                                  <!--Partners box Ends //-->
  111.                                                  <!--Partners box //-->
  112.                                                         <article class="mhcc-partner-box">
  113.                                                                <header>
  114.                                                                       <h3 class="sr-only">{{"mental-health-commission"|trans|title}}</h3>
  115.                                                                </header>
  116.                                                                <div class="card pl-2 pr-2 pt-2 pb-2 st-radius mhcc-partners-bg">
  117.                                                                       <a href="https://psychhealthandsafety.org/" target="_blank">
  118.                                                                              <figure class="white-bg text-center mhcc-partner-logo">
  119.                                                                                     <img src="{{ asset( 'assets/img/PH+S_brand_p_about.svg' ) }}" class="mhcc-partner-logo-img mhcc-partner"
  120.                                                                                     alt="Vancouver Psych Health + Safety">
  121.                                                                              </figure>
  122.                                                                       </a>
  123.                                                                       <div class="card-block white-text">
  124.                                                                              <p>
  125.                                                                                     {{"vancouver-psych"|trans|raw}}
  126.                                                                              </p>
  127.                                                                       </div>
  128.                                                                </div>
  129.                                                         </article>
  130.                                                  <!--Partners box Ends //-->
  131.                                                  <!--Partners box //-->
  132.                                                         <article class="mhcc-partner-box">
  133.                                                                <header>
  134.                                                                       <h3 class="sr-only">{{"mental-health-commission"|trans|title}}</h3>
  135.                                                                </header>
  136.                                                                <div class="card pl-2 pr-2 pt-2 pb-2 st-radius mhcc-partners-bg">
  137.                                                                       <a href="{{ "ccohs-web"|trans|raw }}" target="_blank">
  138.                                                                              <figure class="white-bg text-center mhcc-partner-logo">
  139.                                                                                     <img src="{% if app.request.locale == "en" %}{{ asset('assets/img/ccohs_brand_footer.svg') }}{% else %}{{ asset('assets/img/ccohs_brand_footer_f.svg') }}{% endif %}" class="mhcc-partner-logo-img mhcc-partner"
  140.                                                                                     alt="{{"mental-health-commission"|trans|raw}}">
  141.                                                                              </figure>
  142.                                                                       </a>
  143.                                                                       <div class="card-block white-text">
  144.                                                                              <p>
  145.                                                                                     {{"ccohs"|trans|raw}}
  146.                                                                              </p>
  147.                                                                       </div>
  148.                                                                </div>
  149.                                                         </article>
  150.                                                  <!--Partners box Ends //-->
  151.                                           <!--Partners boxes Ends //-->
  152.                                    </div>
  153.                                    <!--Partners boxes wrapper Ends //-->
  154.                             </div>
  155.                      <!--Partners content ENDs //-->
  156.               </section>
  157.        <!--// Partners block ENDS-->
  158. </main>
  159. {% endblock %}