templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <main class="mhcc-wrapper mb-4">
  5.     <div class="ms-hero mhcc-main-bg">
  6.         <section class="center-block">
  7.             <header class="white-text center-block mhcc-main-header">
  8.                 <h1 class="text-right mhcc-main-title">{{ "caring-paramedic"|trans|raw }}</h1>
  9.                 <p class="mhcc-main-subtitle pull-right">
  10.                     {{ "a-resource"|trans|raw }}
  11.                 </p>
  12.             </header>
  13.         </section>
  14.     </div>
  15.     <!--Outer container for intro box starts //-->
  16.         <div class="mhcc-main-intro-box">
  17.             <!--Animated card box starts //-->
  18.             <div class="card card-hero animated slideInUp animation-delay-8">
  19.                 <!-- Card inner block starts //-->
  20.                 <div class="card-block">
  21.                     <!-- Content starts //-->
  22.                     <div class="row">
  23.                         {# <p class="dropcaps-green fw-700">I'm NOT changning this</p> #}
  24.                         <p>
  25.                             {{  "protection-promotion"|trans|raw }}
  26.                         </p>
  27.                     </div>
  28.                     <!-- Content ends //-->
  29.                 </div>
  30.                 <!-- Card inner block endss //-->
  31.             </div>
  32.             <!--Animated card box ends //-->
  33.         </div>
  34.     <!--Outer container for intor box starts //-->
  35.     <!-- Tools block block STARTS  -->
  36.         <section class="center-block mhcc-tools-block">
  37.             <header class="mb-4 center-block full-width text-center">
  38.                 <h2 class="mhcc-tools-main-title"><strong>{{ "two-tools"|trans|raw }}</strong></h2>
  39.             </header>
  40.             <!-- rows of cards STARTS //-->
  41.                 <div class="mhcc-tools-row center-block">
  42.                     <div class="mhcc-tool-col">
  43.                         <div class="card">
  44.                             <section class="card-block light-green-bg">
  45.                                 <h3 class="dark-blue mhcc-tool-title mhcc-tool-title-psychosocial-survey">
  46.                                     <strong>{{ "how-to-use-pspo"|trans|raw }}</strong>
  47.                                 </h3>
  48.                         <div class="mhcc-tool-container-block">
  49.                               <div>         
  50.                                 <p class="blackish-text mhcc-tool-desc mhcc-tool-desc-psychosocial-survey">
  51.                                     {{ "psh-carried"|trans|raw }}
  52.                                 </p>
  53.                                </div>    
  54.                                <div class="mhcc-tool-btn-container">
  55.                                 <div class="mhcc-tool-btn mhcc-tool-psychosocial-survey-btn">
  56.                                     <a href="about/about-review" class="btn btn-raised btn-info">{{ "nav-more"|trans|raw }}</a>
  57.                                 </div>
  58.                                 </div>
  59.                         </div>        
  60.                             </section>
  61.                         </div>    
  62.                     </div>
  63.                     <div class="mhcc-tool-col">
  64.                         <div class="card">
  65.                             <section class="card-block light-blue-bg">
  66.                                 <h3 class="dark-blue mhcc-tool-title mhcc-tool-title-org-review">
  67.                                     <strong>{{ "org-review-paramedic-org"|trans|raw }}</strong>
  68.                                 </h3>
  69.                             <div class="mhcc-tool-container-block">
  70.                               <div>             
  71.                                 <p class="mhcc-tool-desc mhcc-tool-desc-org-review">
  72.                                     {{ "orh-designed"|trans|raw }}
  73.                                 </p>
  74.                               </div>    
  75.                               <div class="mhcc-tool-btn-container">
  76.                                 <div class="mhcc-tool-btn mhcc-tool-org-review-btn">
  77.                                     <a href="about/about-review" class="btn btn-raised btn-primary">{{ "nav-more"|trans|raw }}</a>
  78.                                 </div>    
  79.                               </div>
  80.                               </div>
  81.                             </section>
  82.                         </div>
  83.                     </div>
  84.                     <div class="mhcc-tools-img-block">
  85.                         <a href="/about/about-steps">
  86.                             <img src="assets/img/{{ "view-steps-graphic"|trans|raw }}" alt="View Six Steps link" class="mhcc-tools-img">
  87.                         </a>
  88.                     </div>
  89.                 </div>
  90.             <!-- rows of cards ENDS //-->
  91.             <footer class="mb-4 text-center mhcc-tools-general-desc">
  92.                 <p class="mb-2 blackish-text">{{ "results"|trans|raw }}</p>
  93.                 <p class="blackish-text">{{ "summary"|trans|raw }}</p> 
  94.             </footer>
  95.         </section>
  96.     <!-- Tools block ENDS // -->
  97. </main>
  99. {% endblock %}