templates/bundles/BoabCmsBundle/Page/home.html.twig line 1

Open in your IDE?
  1. {% extends 'site_body.html.twig' %}
  3. {% block page_container %}
  5.     <section class="section section-banner">
  6.         <div class="container">
  7.             <div class="row">
  8.                 <div class="col-12 col-md-6"></div>
  9.                 <div class="col-12 col-md-6">
  10.                     <div class="banner-wrapper">
  11.                         <div class="banner-header">
  12.                             <h5>Seek professional support from a</h5>
  13.                             <h1>Speech & Language <br><span>Therapist</span></h1>
  14.                             <p>Now, with the iStammer web app you are able to receive speech therapy virtually from the comfort of your home without having to go to a physical speech centre. A stammering specialist will be provided for you once you book an online appointment.</p>
  15.                             <div class="btn-col">
  16.                                 <ul>
  17.                                     <li><a href="{{ path('search_doctors') }}" class="btn btn-fill">Search Therapist</a></li>
  18.                                     <li><a href="{{ path('app.sign_up') }}" class="btn btn-notfill">Sign up</a></li>
  19.                                 </ul>
  20.                             </div>
  21.                         </div>
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.     </section>
  28.     <section class="section popular-section">
  29.         <div class="container">
  30.             <div class="section-header text-center">
  31.                 <h2>HOW IT WORKS</h2>
  32.                 <p class="sub-title">Now, with the iStammer web app you are able to receive speech therapy virtually from the comfort of your home without having to move to a physical speech centre.</p>
  33.             </div>
  34.             <section class="feature-list">
  35.                 <div class="row">
  36.                     <div class="col-12 col-md-6 col-lg-3">
  37.                         <div class="feature-list-box active">
  38.                             <div class="number-col text-end"><h5>01</h5></div>
  39.                             <div class="feature-icon">
  40.                                 <img src="{{ asset('build/images/step-01.png') }}" alt="">
  41.                             </div>
  42.                             <h4>Create an <br>account</h4>
  43.                             <div class="plus-icon text-end"><i class="fas fa-plus-circle"></i></div>
  44.                         </div>
  45.                     </div>
  46.                     <div class="col-12 col-md-6 col-lg-3">
  47.                         <div class="feature-list-box">
  48.                             <div class="number-col text-end"><h5>02</h5></div>
  49.                             <div class="feature-icon">
  50.                                 <img src="{{ asset('build/images/step-02.png') }}" alt="">
  51.                             </div>
  52.                             <h4>Search for <br>SLTs</h4>
  53.                             <div class="plus-icon text-end"><i class="fas fa-plus-circle"></i></div>
  54.                         </div>
  55.                     </div>
  56.                     <div class="col-12 col-md-6 col-lg-3">
  57.                         <div class="feature-list-box">
  58.                             <div class="number-col text-end"><h5>03</h5></div>
  59.                             <div class="feature-icon">
  60.                                 <img src="{{ asset('build/images/step-03.png') }}" alt="">
  61.                             </div>
  62.                             <h4>Book SLT of <br>your choice</h4>
  63.                             <div class="plus-icon text-end"><i class="fas fa-plus-circle"></i></div>
  64.                         </div>
  65.                     </div>
  66.                     <div class="col-12 col-md-6 col-lg-3">
  67.                         <div class="feature-list-box">
  68.                             <div class="number-col text-end"><h5>04</h5></div>
  69.                             <div class="feature-icon">
  70.                                 <img src="{{ asset('build/images/step-04.png') }}" alt="">
  71.                             </div>
  72.                             <h4>Book an appointment</h4>
  73.                             <div class="plus-icon text-end"><i class="fas fa-plus-circle"></i></div>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </section>
  78.         </div>
  79.     </section>
  81.     <section class="choose-us">
  82.         <div class="container">
  83.             <div class="row">
  84.                 <div class="col-12 col-lg-6">
  85.                     <div class="left">
  86.                         <div class="section-header">
  87.                             <h5>Why choose us</h5>
  88.                             <h2>iStammer</h2>
  89.                         </div>
  90.                         <div class="row">
  91.                             <div class="col-12 col-lg-6">
  92.                                 <div class="choose-col">
  93.                                     <div class="top-title d-flex align-items-center">
  94.                                         <span><img src="{{ asset('themes/castine/assets/img/check-mark.png') }}" alt=""></span>
  95.                                         <span>Partnership and Collaboration</span>
  96.                                     </div>
  97.                                     <p>This value emphasizes the importance of partnerships and collaborations with stakeholders in the community to create an inclusive society for persons who stammer.</p>
  98.                                 </div>
  99.                             </div>            
  100.                             <div class="col-12 col-lg-6">
  101.                                 <div class="choose-col">
  102.                                     <div class="top-title d-flex align-items-center">
  103.                                         <span><img src="{{ asset('themes/castine/assets/img/check-mark.png') }}" alt=""></span>
  104.                                         <span>Development of Potential</span>
  105.                                     </div>
  106.                                     <p>This value emphasizes the importance of creating an environment where individuals who stammer feel supported, respected, and empowered to develop their full potential.</p>
  107.                                 </div>
  108.                             </div>                                        
  109.                             <div class="col-12 col-lg-6">
  110.                                 <div class="choose-col">
  111.                                     <div class="top-title d-flex align-items-center">
  112.                                         <span><img src="{{ asset('themes/castine/assets/img/check-mark.png') }}" alt=""></span>
  113.                                         <span>Embracing Diversity</span>
  114.                                     </div>
  115.                                     <p>This value emphasizes the importance of recognizing and valuing the diversity of individuals, ideas, and expressions among persons who stammer.</p>
  116.                                 </div>
  117.                             </div>
  119.                             <div class="col-12 col-lg-6">
  120.                                 <div class="choose-col">
  121.                                     <div class="top-title d-flex align-items-center">
  122.                                         <span><img src="{{ asset('themes/castine/assets/img/check-mark.png') }}" alt=""></span>
  123.                                         <span>Integrity and Fairness</span>
  124.                                     </div>
  125.                                     <p>This value highlights the organization's commitment to operating with transparency, accountability, and treating all stakeholders with respect, honesty, and fairness.</p>
  126.                                 </div>
  127.                             </div>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.                 <div class="col-12 col-lg-6">
  133.                     <div class="right"></div>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </section>
  139.     <section class="testimonials">
  140.         <div class="container">
  141.             <div class="section-header text-center">
  142.                 <h5>TESTIMONIALS</h5>
  143.                 <h2>What Patient say about us</h2>
  144.                 <p class="sub-title">Read what our Certified and Qualified Speech therapy Professionals in Ghana have done for these participants</p>
  145.             </div>
  146.             {{ sonata_block_render({'name':'homeTestimonies'},{
  147.                 "template": "page/home_testimonies_widget.html.twig",
  148.                 "parent_id":6
  149.             })}}
  150.         </div>
  151.     </section>
  152.     
  153. {% endblock %}