templates/page/services_home_widget.html.twig line 1

Open in your IDE?
  3.         <div class="container">
  4.           <div class="mt-90 d-flex align-items-center">
  5.             <div class="flex-shrink-0">
  6.                <a href="#" class="btn-left btn-link p-2 toggleLeft"><i class="ri-arrow-left-fill"></i></a>
  7.             </div>
  8.             <div class="flex-grow-1 position-relative overflow-hidden" id="outer" style="padding-top: 5px">
  9.                <ul class="nav position-relative flex-nowrap align-items-center btn-list-container" role="tablist" id="bar">
  10.                {% for content in collection %}
  11.                   <li><a class="btn btn-default btn-bd-green-hover btn-select {% if loop.index == 1 %}active{% endif %}" href="#tab-{{ loop.index }}" data-bs-toggle="tab" role="tab" aria-controls="tab-{{ loop.index }}" aria-selected="true">{{ content.title }}</a></li>
  12.                 {% endfor %}
  13.                </ul>
  14.             </div>
  15.             <div class="flex-shrink-0">
  16.                 <a href="#" class="btn-right btn-link toggleRight p-2"><i class="ri-arrow-right-line"></i></a>
  17.             </div>            
  18.           </div>
  19.         </div>
  20.         <div class="container">
  21.           <div class="tab-content">
  22.           {% for content in collection %}
  23.             <!-- Start Tab-->
  24.             <div class="tab-pane fade {% if loop.index == 1 %}active show{% endif %}" id="tab-{{loop.index}}" role="tabpanel" aria-labelledby="tab-{{loop.index}}">
  25.               <div class="bg-2 panel-box mt-50">
  26.                 <div class="row">
  27.                   <div class="col-lg-6 col-md-12">
  28.                     <div class="box-optimized">
  29.                       <h3 class="text-heading-2">{{ content.title }}</h3>
  30.                       <p class="text-body-excerpt mt-30">{{ content.summary }}</p>
  31.                       <div class="mt-40"><a class="btn btn-default btn-white icon-arrow-right" href="{{ path(content.route.routeName) }}">Learn more</a></div>
  32.                     </div>
  33.                   </div>
  34.                   <div class="col-lg-6 col-md-12">
  35.                     <div class="block-video icon-pattern"><a class="popup-youtube btn-play-video" href="https://www.youtube.com/watch?v=oRI37cOPBQQ"></a>
  36.                       <img class="img-responsive" src="{{ content.thumbnail|imagine_filter('thumbnail_large') }}" alt="{{ content.title }}"></div>
  37.                   </div>
  38.                 </div>
  39.               </div>
  40.             </div>
  41.             {% endfor %}
  42.           </div>
  43.         </div>