templates/about/5-create-plan.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <main class="mb-6 mhcc-wrapper">
  5. <article class="mhcc-sec-page-outer">
  6. <!--// Main title block STARTS-->
  7. <header class="light-green-bg sec-page-main-header sec-page-main-header--steps">
  8.         <!--// Main title block STARTS-->
  9.         <div class="main-title-icon-wrapper">
  10.             <h1
  11.                 class="text-left sec-page-main-title--steps sec-page-lead-text--light-blue sec-page-main-title--big main-title-icon-wrapper__title">
  12.                 2. {{ "create-communication-plan"|trans|raw }}
  13.             </h1>
  14.             <figure class="main-title-icon-wrapper__icon">
  15.                 <img src="../assets/img/six_steps_icon2.svg" class="main-title-icon" alt="">
  16.             </figure>
  17.         </div>
  18.         <!--// Main title block ENDS-->
  19.     </header>
  21.     {#<header class="mt-0 text-center light-green-bg sec-page-main-header main-title-icon-wrapper">#}
  22.     {#        <h1 class="text-left sec-page-main-title sec-page-lead-text--light-blue sec-page-main-title--big main-title-icon-wrapper__title">2. {{ "create-communication-plan"|trans|raw }}</h1>#}
  23.     {#        <figure class="main-title-icon-wrapper__icon">#}
  24.     {#                <img src="../assets/img/six_steps_icon2.svg" class="main-title-icon" alt="">#}
  25.     {#        </figure>#}
  26.     {#</header>#}
  27. <!--// Main title block ENDS-->
  28. <!--// Steps navbar STARTS-->
  29. <nav aria-label="List of steps" class="mb-4 steps-nav-list-wrapper">
  30.       <div class="list-inline list-unstyled steps-nav-block">   
  31.         <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>
  32.         <div class="steps-nav-block__item"><span class="active btn btn-raised btn-success steps-nav-block__link">{{ "step"|trans|raw }} 2</span></div>
  33.         <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>
  34.         <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>
  35.         <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>
  36.         <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>
  37.        </div> 
  38. </nav>
  39. <!--// Steps navbar ENDS-->
  40. <!-- Intro content starts //-->
  41. <div class="steps-intro-wrapper">
  42.      <p class="mb-4 sec-page-lead-text sec-page-lead-text--big sec-page-lead-text--dark-blue">{{ "effective-regular-communication"|trans|raw }}</p>
  43. </div>
  44. <!-- Intro content ends //-->
  45. <!-- Ways to increase communications wrapper starts //-->
  46. <article class="mhcc-inner-content">
  47.     <header class="mb-4 create-plan-header">
  48.            <h2 class="text-center sec-page-lead-text--light-blue create-plan-title">{{ "ways-increase-communication"|trans|raw }}</h2>
  49.     </header>
  50.     <!--Boxes wrapper starts //-->
  51.     <div class="mb-4 center-block">
  52.     <!--Ways to increase communications block starts //-->
  53.     <div class="mb-2 flex-box-wrapper">
  54.       <!--Bbox starts box 1//-->
  55.       <article class="flex-box-block mhcc-flex-create-plan-step">
  56.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded mhcc-create-plan-block">
  57.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  58.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "organization-prepared-online-survey"|trans|raw }}</h3>
  59.             </header>
  60.           <div class="card-block rounded create-plan-container-block">
  61.                   <div>
  62.                     <p>{{ "org-leaders-staff-reps"|trans|raw }}</p>
  63.                 </div>
  64.                <div class="mhcc-resources-container-buttons">
  65.                         <a href="#ensure" class="btn btn-raised btn-success mhcc-resources-container-button">{{ "nav-view"|trans|raw }}</a>
  66.                         <div class="ripple-container"></div>
  67.                 </div>
  68.            </div>
  69.         </div> 
  70.      </article>
  71.      <!--Box starts box2 //-->
  72.      <article class="flex-box-block mhcc-flex-create-plan-step">
  73.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded mhcc-create-plan-block">
  74.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  75.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "inform-staff-online-survey"|trans|raw }}</h3>
  76.             </header>
  77.            <div class="card-block rounded create-plan-container-block">
  78.                 <div>
  79.                     <p>{{ "communicating-staff-openly"|trans|raw }}</p>
  80.                 </div>
  81.               <div class="mhcc-resources-container-buttons">
  82.                         <a href="#inform" class="btn btn-raised btn-success mhcc-resources-container-button">{{ "nav-view"|trans|raw }}</a>
  83.                         <div class="ripple-container"></div>
  84.                </div>
  85.            </div>
  86.         </div> 
  87.      </article>
  88.      <!--Box starts box3 //-->
  89.      <article class="flex-box-block mhcc-flex-create-plan-step">
  90.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded mhcc-create-plan-block">
  91.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  92.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "send-reminders"|trans|raw }}</h3>
  93.             </header>
  94.           <div class="card-block rounded create-plan-container-block--send-reminder create-plan-container-block--icon">
  95.                 <div>
  96.                     <p>{{ "participation-increased-send-reminders"|trans|raw }}.</p>
  97.                 </div>
  98.              <div class="icon-wrapper">
  99.                      <img src="../assets/img/send_reminders_icon.svg" class="create-plan-send-reminder-icon" alt="{{ "send-reminders"|trans|raw }}">
  100.              </div>
  101.            </div>
  102.         </div> 
  103.      </article>
  104.      <!--Box starts box4 //-->
  105.      <article class="flex-box-block mhcc-flex-create-plan-step">
  106.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded mhcc-create-plan-block">
  107.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  108.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "answer-questions"|trans|raw }}</h3>
  109.             </header>
  110.            <div class="card-block rounded create-plan-container-block--shorter">
  111.                 <div>
  112.                     <p>{{ "maximize-staff-engagement"|trans|raw }}</p>
  113.                 </div>
  114.                <div class="mhcc-resources-container-buttons">
  115.                         <a href="{{ path('faq') }}" class="btn btn-raised btn-success mhcc-resources-container-button">{{ "view-faqs"|trans|raw }}</a>
  116.                         <div class="ripple-container"></div>
  117.                 </div>
  118.            </div>
  119.         </div> 
  120.      </article>
  121.      <!--Box starts box5 //-->
  122.      <article class="flex-box-block mhcc-flex-create-plan-step">
  123.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded mhcc-create-plan-block">
  124.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  125.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "provide-incentives"|trans|raw }}</h3>
  126.             </header>
  127.            <div class="card-block rounded create-plan-container-block--just-text">
  128.                 <div>
  129.                     <p>{{ "participation-increased-provide-incentive"|trans|raw }}</p>
  130.                 </div>
  131.            </div>
  132.         </div> 
  133.      </article>
  134.      <!--Box starts box6 //-->
  135.      <article class="flex-box-block mhcc-flex-create-plan-step">
  136.         <div class="card pl-2 pr-2 pt-2 pb-2 rounded mhcc-create-plan-block">
  137.             <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  138.                <h3 class="text-center white-text mhcc-resources-block-title">{{ "thank-your-staff"|trans|raw }}</h3>
  139.             </header>
  140.            <div class="card-block rounded create-plan-container-block--icon create-plan-container-block--thankyou-shorter">
  141.                 <div>
  142.                     <p>{{ "send-thank-you-staff-end-survey"|trans|raw }}</p>
  143.                 </div>
  144.                <div class="icon-wrapper">
  145.                        <img src="{{ "thank-you-graphic"|trans|raw }}" class="create-plan-thank-you-icon" alt="{{ "thank-you-message"|trans|raw }}">
  146.                 </div>
  147.            </div>
  148.         </div> 
  149.      </article>
  150.          
  151.     </div>
  152.     <!--Ways to increase communications block ends //-->
  153.     </div>
  154.  <!--Boxes wrapper ends //-->
  155. </articles>
  156. <!-- Ways to increase communications wrapper ends //-->
  157. <!-- Ensure your org is prepared wrapper starts //-->
  158. <section id="ensure" class="center-block mb-4">
  159.     <header class="mb-4 create-plan-header">
  160.            <h2 class="text-center sec-page-lead-text--light-blue create-plan-title">{{ "organization-prepared-online-survey"|trans|raw }}</h2>
  161.     </header>
  162.     <div class="border-bottom border-bottom--blue pb-4">
  163.          <p>{{ "org-leaders-staff-reps"|trans|raw }}</p> 
  164.         <p>{{ "timely-safe-effective-patient-care"|trans|raw }}</p>
  165.     </div>    
  166. </section>
  167. <!-- Ensure your org is prepared wrapper ends //-->
  168. <!-- Inform your staff about survey wrapper starts //-->
  169. <section id="inform" class="center-block mb-4">
  170.     <header class="mb-4 create-plan-header">
  171.            <h2 class="text-center sec-page-lead-text--light-blue create-plan-title">{{ "inform-staff-online-survey"|trans|raw }}</h2>
  172.     </header>
  173.     <div class="mb-4">
  174.         <p>{{ "communicating-staff-openly"|trans|raw }}</p>
  175.         <p class="mb-2">{{ "number-ways-communicate-info"|trans|raw }}</p>
  176.          <ul class="ml-2 mb-2">
  177.             <li class="pb-2">{{ "survey-brief"|trans|raw }}</li> 
  178.             <li class="pb-2">{{ "senior-management-staff-leaders-support-survey"|trans|raw }}</li>
  179.             <li class="pb-2">{{ "staff-feedback-critical"|trans|raw }}</li>
  180.             <li class="pb-2">{{ "participation-voluntary"|trans|raw }}</li>
  181.          </ul> 
  182.         <p>{{ "timely-safe-effective-patient-care"|trans|raw }}</p>
  183.       <p>{{ "suggested-text"|trans|raw }}</p>
  184.       </div>
  185.       <div class="pt-2 pr-4 pb-4 pl-4 st-radius st-border bleak-teal-bg">
  186.             <p>{{ "maintain-psychologially-healthy-workplace-healthcare"|trans|raw }}</p> 
  187.             <p>{{ "accomplish-partnership-consultation"|trans|raw }}</p> 
  188.             <p>{{ "link-to-survey"|trans|raw }}</p>
  189.             <p>{{ "do-no-hesitate"|trans|raw }}</p>
  190.             <p>{{ "with-our-thanks"|trans|raw }}</p>
  191.             <ul class="list-unstyled ml-4">
  192.                 <li class="pb-2">{{ "organizational-champion"|trans|raw }}
  193.                     <ul class="list-unstyled darker-teal-text">
  194.                         <li>{{ "insert-signature"|trans|raw }}</li> 
  195.                         <li>{{ "insert-name-title"|trans|raw }}</li>   
  196.                     </ul>
  197.                 </li>
  198.                 <li>{{ "key-informant"|trans|raw }}
  199.                      <ul class="list-unstyled darker-teal-text">
  200.                         <li>{{ "insert-signature"|trans|raw }}</li>
  201.                         <li>{{ "insert-name-title"|trans|raw }}</li>
  202.                      </ul>
  203.                 </li>
  204.              </ul>
  205.        <div>
  206. </section>
  207. <!-- Inform your staff about survey wrapper ends //-->
  209. </article>
  210. </main> 
  211. {% endblock %}