templates/about/5-create-plan.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">
  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.                 2. {{ "howtouse-step-5"|trans|raw }}
  15.             </h1>
  16.             <figure class="main-title-icon-wrapper__icon">
  17.                 <img src="{{ asset('assets/img/six_steps_icon2.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">
  24.         <div class="list-inline list-unstyled steps-nav-block">   
  25.                      <div class="steps-nav-block__item">
  26.                         <a href="{{ path('about_factors') }}" class="btn btn-raised btn-primary steps-nav-block__link">
  27.                            {{ "step"|trans|raw }} 1
  28.                         </a>
  29.                      </div>
  30.                      <div class="steps-nav-block__item">
  31.                         <span class="active btn btn-raised btn-success steps-nav-block__link">
  32.                            {{ "step"|trans|raw }} 2
  33.                         </span>
  34.                      </div>
  35.                      <div class="steps-nav-block__item">
  36.                         <a href="{{ path('about_signup') }}" class="btn btn-raised btn-primary steps-nav-block__link">
  37.                            {{ "step"|trans|raw }} 3
  38.                         </a>
  39.                      </div>
  40.                      <div class="steps-nav-block__item">
  41.                         <a href="{{ path('about_review') }}" class="btn btn-raised btn-primary steps-nav-block__link">
  42.                            {{ "step"|trans|raw }} 4
  43.                         </a>
  44.                      </div>
  45.                      <div class="steps-nav-block__item">
  46.                         <a href="{{ path('about_results') }}" class="btn btn-raised btn-primary steps-nav-block__link">
  47.                            {{ "step"|trans|raw }} 5
  48.                         </a>
  49.                      </div>
  50.                      <div class="steps-nav-block__item">
  51.                         <a href="{{ path('about_evaluate') }}" class="btn btn-raised btn-primary steps-nav-block__link">
  52.                            {{ "step"|trans|raw }} 6
  53.                         </a>
  54.                      </div>
  55.                   </div> 
  56.     </nav>
  57.     <!--// Steps navbar ENDS-->
  58. </div>
  59. <!--// Main title / navbar wrapper ENDS-->  
  60.          <!-- Intro content starts //-->
  61.             <div class="mb-6 steps-intro-wrapper">
  62.                <p class="mb-4 sec-page-lead-text sec-page-lead-text--medium sec-page-lead-text--dark-blue">
  63.                   {{ "effective-regular-communication"|trans|raw }}
  64.                </p>
  65.             </div>
  66.          <!-- Intro content ends //-->
  68.          <!-- Ways to increase communications wrapper starts //-->
  69.          <section  class="mhcc-inner-content">
  70.             <header class="mb-4 create-plan-header">
  71.                   <h2 class="text-center sec-page-lead-text--light-blue create-plan-title">
  72.                      {{ "ways-increase-communication"|trans|raw }}
  73.                   </h2>
  74.             </header>
  75.             <!--Ways to increase communications block starts //-->
  76.                <div class="mb-2 flex-box-steps-wrapper">
  77.                   <!--Bbox starts //-->
  78.                      <article class="mhcc-flex-create-plan-step">
  79.                         <div class="card pl-2 pr-2 pt-2 pb-2 st-border rounded mhcc-create-plan-block">
  80.                            <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  81.                               <h3 class="text-center white-text mhcc-resources-block-title">
  82.                                  {{ "organization-prepared-online-survey"|trans|raw }}
  83.                               </h3>
  84.                            </header>
  85.                            <div class="card-block rounded create-plan-container-block">
  86.                               <div>
  87.                                  <p>{{ "org-leaders-staff-reps"|trans|raw }}</p>
  88.                               </div>
  89.                               <div class="mhcc-resources-container-buttons">
  90.                                  <a href="#ensure" class="btn btn-raised btn-success mhcc-resources-container-button">
  91.                                     {{ "nav-view"|trans|raw }}
  92.                                  </a>
  93.                                  <div class="ripple-container"></div>
  94.                               </div>
  95.                            </div>
  96.                         </div> 
  97.                      </article>
  98.                   <!--Box starts //-->
  99.                         <article class="mhcc-flex-create-plan-step">
  100.                            <div class="card pl-2 pr-2 pt-2 pb-2 st-border rounded mhcc-create-plan-block">
  101.                               <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  102.                                  <h3 class="text-center white-text mhcc-resources-block-title">
  103.                                     {{ "inform-staff-online-survey"|trans|raw }}
  104.                                  </h3>
  105.                               </header>
  106.                               <div class="card-block rounded create-plan-container-block">
  107.                                  <div>
  108.                                     <p>{{ "communicating-staff-openly"|trans|raw }}</p>
  109.                                  </div>
  110.                                  <div class="mhcc-resources-container-buttons">
  111.                                     <a href="#inform" class="btn btn-raised btn-success mhcc-resources-container-button">
  112.                                        {{ "nav-view"|trans|raw }}
  113.                                     </a>
  114.                                     <div class="ripple-container"></div>
  115.                                  </div>
  116.                               </div>
  117.                            </div> 
  118.                         </article>
  119.                   <!--Box starts //-->
  120.                            <article class="mhcc-flex-create-plan-step">
  121.                               <div class="card pl-2 pr-2 pt-2 pb-2 st-border rounded mhcc-create-plan-block">
  122.                                  <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  123.                                     <h3 class="text-center white-text mhcc-resources-block-title">
  124.                                           {{ "send-reminders"|trans|raw }}
  125.                                     </h3>
  126.                                  </header>
  127.                                  <div class="card-block rounded create-plan-container-block--send-reminder create-plan-container-block--icon">
  128.                                     <div>
  129.                                        <p>
  130.                                        {{ "participation-increased-send-reminders"|trans|raw }}
  131.                                        </p>
  132.                                     </div>
  133.                                     <div class="icon-wrapper">
  134.                                        <img src="{{asset('assets/img/send_reminders_icon.svg')}}" class="create-plan-send-reminder-icon" alt="{{ "send-reminders"|trans|raw }}">
  135.                                     </div>
  136.                                  </div>
  137.                               </div> 
  138.                            </article>
  139.                </div>
  140.                <div class="mb-2 flex-box-steps-wrapper">
  141.                   <!--Box starts //-->
  142.                      <article class="mhcc-flex-create-plan-step">
  143.                         <div class="card pl-2 pr-2 pt-2 pb-2 st-border rounded mhcc-create-plan-block">
  144.                            <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  145.                               <h3 class="text-center white-text mhcc-resources-block-title">
  146.                                  {{ "answer-questions"|trans|raw }}
  147.                               </h3>
  148.                            </header>
  149.                            <div class="card-block rounded create-plan-container-block--shorter">
  150.                               <div>
  151.                                  <p>
  152.                                  {{ "maximize-staff-engagement"|trans|raw }}
  153.                                  </p>
  154.                               </div>
  155.                               <div class="mhcc-resources-container-buttons">
  156.                                  <a href="{{ path('faq') }}" class="btn btn-raised btn-success mhcc-resources-container-button">
  157.                                     {{ "view-faqs"|trans|raw }}
  158.                                  </a>
  159.                                  <div class="ripple-container"></div>
  160.                               </div>
  161.                            </div>
  162.                         </div> 
  163.                      </article>
  165.                   <!--Box starts //-->
  166.                      <article class="mhcc-flex-create-plan-step">
  167.                         <div class="card pl-2 pr-2 pt-2 pb-2 st-border rounded mhcc-create-plan-block">
  168.                            <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  169.                               <h3 class="text-center white-text mhcc-resources-block-title">
  170.                                  {{ "provide-incentives"|trans|raw }}
  171.                               </h3>
  172.                            </header>
  173.                            <div class="card-block rounded create-plan-container-block--just-text">
  174.                               <div>
  175.                                  <p>
  176.                                  {{ "participation-increased-provide-incentive"|trans|raw }}
  177.                                  </p>
  178.                               </div>
  179.                            </div>
  180.                         </div> 
  181.                      </article>
  183.                   <!--Box starts //-->
  184.                      <article class="mhcc-flex-create-plan-step">
  185.                         <div class="card pl-2 pr-2 pt-2 pb-2 st-border rounded mhcc-create-plan-block">
  186.                            <header class="blue-bg pt-2 pb-2 pl-2 pr-2 st-radius mhcc-card-header mhcc-create-plan-block-header">
  187.                               <h3 class="text-center white-text mhcc-resources-block-title">
  188.                                  {{ "thank-your-staff"|trans|raw }}
  189.                               </h3>
  190.                            </header>
  191.                            <div class="card-block rounded create-plan-container-block--icon create-plan-container-block--thankyou-shorter">
  192.                               <div>
  193.                                  <p>
  194.                                  {{ "send-thank-you-staff-end-survey"|trans|raw }}
  195.                                  </p>
  196.                               </div>
  197.                               <div class="icon-wrapper">
  198.                                     <img src="../assets/img/{{"thank-you-graphic"|trans|raw}}" class="create-plan-thank-you-icon" alt="{{ "send-thank-you-staff-end-survey"|trans|raw }}">
  199.                               </div>
  200.                            </div>
  201.                         </div> 
  202.                      </article>
  203.                </div>
  204.             <!--Ways to increase communications block ends //-->
  205.                
  206.             
  207.          </section>
  208.          <!-- Ways to increase communications wrapper ends //-->
  209.          
  210.          <div class="mhcc-inner-content">
  211.             <!-- Ensure your org is prepared wrapper starts //-->
  212.                <section id="ensure" class="center-block mb-4">
  213.                   <header class="mb-4 create-plan-header">
  214.                      <h2 class="text-center sec-page-lead-text--dark-blue create-plan-title">
  215.                         {{ "organization-prepared-online-survey-Ensure-that-yo"|trans|raw }}.
  216.                      </h2>
  217.                   </header>
  218.                   <div class="border-bottom border-bottom--blue pb-4">
  219.                      <p>
  220.                          {{ "timely-safe-effective-patient-care"|trans|raw }}
  221.                      </p> 
  222.                   </div>    
  223.                </section>
  224.             <!-- Ensure your org is prepared wrapper ends //-->
  226.             <!-- Inform your staff about survey wrapper starts //-->
  227.                <section id="inform" class="center-block mb-4">
  228.                   <header class="mb-4 create-plan-header">
  229.                      <h2 class="text-center sec-page-lead-text--dark-blue create-plan-title">
  230.                         {{ "inform-staff-online-survey"|trans|raw }}.
  231.                      </h2>
  232.                   </header>
  233.                   <div class="mb-4">
  234.                      <p>
  235.                          {{ "important-emphasize-goal"|trans|raw }}
  236.                      </p>
  237.                      <p class="mb-2"> 
  238.                          {{ "number-ways-communicate-info"|trans|raw }}
  239.                      </p>
  240.                      <ul class="ml-2 mb-2">
  241.                         <li class="pb-2">{{ "survey-brief"|trans|raw }}</li> 
  242.                         <li class="pb-2">{{ "senior-management-staff-leaders-support-survey"|trans|raw }}</li>
  243.                         <li class="pb-2">{{ "staff-feedback-critical"|trans|raw }}</li>
  244.                         <li class="pb-2">{{ "participation-voluntary"|trans|raw }}</li>
  245.                      </ul> 
  246.                      <p>{{ "suggested-text"|trans|raw }}</p>
  247.                   </div>
  249.                   <div class="pt-2 pr-4 pb-4 pl-4 st-radius st-border bleak-teal-bg">
  250.                      <p>{{ "maintain-psychologially-healthy-workplace-healthcare"|trans|raw }}</p> 
  251.                      <p>{{ "accomplish-partnership-consultation"|trans|raw }}</p> 
  252.                      <p>{{ "link-to-survey"|trans|raw }}</p>
  253.                      <p>{{ "do-not-hesitate"|trans|raw }}</p>
  254.                      <p>{{ "with-our-thanks"|trans|raw }}</p>
  255.                      <ul class="list-unstyled ml-4">
  256.                         <li class="pb-2">{{ "organizational-champion"|trans|raw }}
  257.                            <ul class="list-unstyled darker-teal-text">
  258.                               <li>{{ "insert-signature"|trans|raw }}</li> 
  259.                               <li>{{ "insert-name-title"|trans|raw }}</li>   
  260.                            </ul>
  261.                         </li>
  262.                         <li>{{ "key-informant"|trans|raw }}
  263.                            <ul class="list-unstyled darker-teal-text">
  264.                               <li>{{ "insert-signature"|trans|raw }}</li>
  265.                               <li>{{ "insert-name-title"|trans|raw }}</li>
  266.                            </ul>
  267.                         </li>
  268.                      </ul>
  269.                   <div>
  270.                </section>
  271.             <!-- Inform your staff about survey wrapper ends //-->
  272.          </div>
  273.       </article>
  274.    <!-- Main content block endds //-->
  276.       <!-- Modals: Begin -->
  277.          <div class="modal" id="learnMoreModal" tabindex="-1" role="dialog" aria-labelledby="learnMoreModalLabel">
  278.             <div class="modal-dialog animated zoomIn animated-3x" role="document">
  279.                <div class="modal-content">
  280.                   <div class="modal-header">
  281.                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  282.                         <span aria-hidden="true"><i class="zmdi zmdi-close"></i></span>
  283.                      </button>
  284.                      <h3 class="modal-title sr-only" id="learnMoreModalLabel">
  285.                         Learn more about my survey data
  286.                      </h3>
  287.                   </div>
  288.                   <div class="modal-body">
  289.                      <p>
  290.                         {{ "automated-report-based-results-pilot-testing"|trans|raw }}
  291.                      </p>
  292.                   </div>
  293.                   <div class="modal-footer">
  294.                      <button type="button" class="btn btn-default" data-dismiss="modal"> {{ "close-survey-dashboard"|trans|raw }}</button>
  295.                   </div>
  296.                </div>
  297.             </div>
  298.          </div>
  300. </main> 
  302. {% endblock %}