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