templates/community/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set page = "community" %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link href="{{asset('css/sidebar-widget.css')}}" rel="stylesheet">
  6.     <style>
  7.         figure.them_overlay.thumbby {
  8.             width: 200px;
  9.         }
  10.         .after-icon{
  11.             margin-left: 3px;
  12.         }
  13.     </style>
  14. {% endblock %}
  15. {% block title %}{{ 'community.list.title'|trans }}{% endblock %}
  16. {% block body %}
  17.     <!--KODE SAB BANNER WRAP START-->
  18.     <div class="kode_sab_banner_wrap them_overlay">
  19.         <!--CONTAINER START-->
  20.         <div class="container">
  21.             <div class="sab_banner_text">
  22.                 <h1>{{ 'community.list.title'|trans }}</h1>
  23.                 <ul class="breadcrumbs">
  24.                     <li><a href="{{ path('app_front_main_index') }}"><i class="fa fa-home"></i></a></li>
  25.                     <li><strong>{{ 'sidebar.community.browse'|trans }}</strong></li>
  26.                 </ul>
  27.             </div>
  28.         </div>
  29.         <!--CONTAINER END-->
  30.     </div>
  31.     <!--KODE SAB BANNER WRAP END-->
  33.     <!--KODE BLOG MADIUM WRAP START-->
  34.     <div class="kode_blog_madium_wrap">
  35.         <!--CONTAINER START-->
  36.         <div class="container">
  37.             {% for row in communities|batch(3) %}
  39.             <div class="row">
  40.                 {% for community in row %}
  41.                 {% if community.masjids is not null %}
  42.     
  43.                     <div class="col-md-4 mr-auto">
  44.                         <div class="kode_service_des">
  45.                             <a href="{{ path('community_show', {'slug': community.slug}) }}">
  46.                                 <figure class="them_overlay">
  47.                                         <img src="{{ community.mainPic|imagine_filter('list')}}"alt="{{community.translations[app.request.locale].name}}">
  48.                                 </figure>
  49.                             </a>
  50.                             <div class="kode_service_text">
  51.                                 <span><i class="fa icon-art"></i></span>
  52.                                 <h6><a href="{{ path('community_show', {'slug': community.slug}) }}">{{ community.translations[app.request.locale].name|length > 20 ? community.translations[app.request.locale].name|slice(0, 20) ~ '...' : community.translations[app.request.locale].name  }}</a></h6>
  53.                                 <p><i class="fa fa-map-marker"></i>{{community.masjids|length}}</p>
  54.                                 <a class="right_arrow hvr-ripple-out" href="{{ path('community_show', {'slug': community.slug}) }}"><i class="fa fa-arrow-right"></i></a>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                 {% endif %}
  59.                 {% endfor %}
  62.               
  64.             </div>
  65.               {% endfor %}
  66.         </div>
  67.         <!--CONTAINER END-->
  68.     </div>
  70. {% endblock %}