templates/Main/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set page = "about" %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <style>
  6.         .iconactive{
  7.             color:#007176;
  8.         }
  9.         .iconInline{
  10.             display:inline-block;
  11.         }
  12.     </style>
  13.     <link href="{{asset('css/sidebar-widget.css')}}" rel="stylesheet">
  14. {% endblock %}
  15. {% block body %}
  16.     <!--KODE MOSQUES WRAP STRAT-->
  17.     <div class="kode_mosques_wrap">
  18.         <!--CONTAINER STRAT-->
  19.         <div class="container">
  20.             <!--ROW STRAT-->
  21.             <div class="row">
  22.                 <div class="col-md-6">
  23.                     <div class="kode_mosque_row mosque">
  24.                         <figure class="">
  25.                             <img src="{{asset('uploads/masjids/20210424_235146.webp')}}" alt="sharjah-masjids.com" />
  26.                         </figure> 
  27.                     </div>
  28.                 </div>
  29.                 <div class="col-md-6">
  30.                     <div class="kode_mosque_text">
  31.                         <div class="section_hdg">
  32.                             <a href="#"><img src="{{asset('images/hdg-img.png')}}" alt="hdg"></a>
  33.                             <h1>{{ 'about.title'|trans }}</h1>
  34.                             <span><i class="fa icon-art"></i></span>
  35.                         </div>
  36.                         <div class="kode_mosque_item">
  37.                             <p>{{ 'presentationText'|trans }}</p>
  38.                             <ul class="kode_counter_mosque">
  39.                                 <li>
  40.                                     <span class="counter">{{ countMasjid }}</span>
  41.                                     <h6><a href="#">{{ 'about.masjids'|trans }}</a></h6>
  42.                                 </li>
  43.                                 <li>
  44.                                     <span class="counter">{{ countPictures }}</span>
  45.                                     <h6><a href="#">{{ 'about.pictures'|trans({'photos': countPictures|length}) }}</a></h6>
  46.                                 </li>
  47.                                 <li>
  48.                                     <span class="counter">{{ countUser }}</span>
  49.                                     <h6><a href="#">{{ 'about.users'|trans }}</a></h6>
  50.                                 </li>
  52.                             </ul>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.             <!--ROW END-->
  59.         </div>
  60.         <!--CONTAINER END-->
  61.     </div>
  62.     <!--KODE MOSQUES WRAP END-->
  64.     <!--KODE PHILOSOPHY WRAP START-->
  65.     <div class="kode_Philosophy_wrap them_overlay">
  66.         <!--CONTAINER START-->
  67.         <div class="container">
  68.             <!--SECTION HDG START-->
  69.             <div class="section_hdg hdg_2 hdg_3">
  70.                 <a href="#"><img src="{{asset('images/hdg-img.png')}}" alt="hdg"></a>
  71.                 <h2>{{ 'about.random.mosque'|trans }}</h2>
  72.                 <span><i class="fa icon-art"></i></span>
  73.             </div>
  74.             <!--SECTION HDG END-->
  75.             <div class="kode-pholisophy-slide">
  76.                 {% for masjid in masjidRandom %}
  77.                     <div>
  78.                         <div class="kode_philosophy_text">
  79.                             <span class="hvr-ripple-out"><a href="{{path('masjid_show',{slug:masjid.slug})}}"><i class="fa icon-art"></i></a></span>
  80.                             <h4><a href="{{path('masjid_show',{slug:masjid.slug})}}">{{ masjid.translations[app.request.locale].name }}</a></h4>
  81.                             <ul>
  82.                                 <li class="iconInline"><i class="fa fa-female {% if masjid.isWomen %} iconactive {% endif %}"></i></li>
  83.                                 <li class="iconInline"><i class="fa icon-art {% if masjid.isJumah %} iconactive {% endif %}"></i></li>
  84.                                 <li class="iconInline"><i class="fa fa-language {% if masjid.isEnglish %} iconactive {% endif %}"></i></li>
  85.                             </ul>
  86.                             <a class="small_btn background-bg-dark btn_hover" href="{{path('masjid_show',{slug:masjid.slug})}}">{{ 'about.masjid.readmore'|trans }}</a>
  87.                         </div>
  88.                     </div>
  89.                 {% endfor %}
  90.             </div>
  91.         </div>
  92.         <!--CONTAINER END-->
  93.     </div>
  94.     <!--KODE PHILOSOPHY WRAP END-->
  97.                 
  98.  {% endblock %}