templates/web/gallery.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  2. {% block title %}Galerija torti i kolača – 2sweet Slastičarnica Zagreb{% endblock %}
  4. {% block seo %}
  5. <meta name="description" content="Pogledajte galeriju svadbenih torti, desert stolova i kolača iz 2sweet slastičarnice u Zagrebu. Inspiracija za vaše vjenčanje ili proslavu.">
  6. <meta property="og:title" content="Galerija torti i kolača – 2sweet Zagreb">
  7. <meta property="og:description" content="Galerija svadbenih torti, desert stolova i kolača po narudžbi iz Zagreba.">
  8. {% endblock %}
  10. {% block body %}
  12.     {{ include('web/components/inner/breadcrumb.html.twig') }}
  14.     <div class="bgWhite">
  15.         <div class="container">
  16.             <div class="emptySpace-xs60 emptySpace120"></div>
  17.             <div class="row">
  18.                 <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
  19.                     <div class="big titleShortcode">
  20.                         <div class="emptySpace20 emptySpace-xs5"></div>
  21.                         <h2 class="h2 bottomLine">Galerija</h2>
  22.                         <div class="emptySpace30"></div>
  23.                     </div>
  24.                 </div>
  25.             </div>
  26.             <div class="emptySpace75 emptySpace-xs30"></div>
  28.             <div class="row">
  29.                 {% for album in albums %}
  30.                 <div class="col-sm-6 col-md-4 col-lg-4">
  31.                     <div class="normall contentShortcode">
  32.                         <a href="{{ path('web_gallery_album', {'slug': album.slug}) }}">
  33.                             <h4 class="h4">{{ album.title }}</h4>
  34.                         </a>
  35.                         <div class="emptySpace-xs15 emptySpace25"></div>
  36.                         <a class="imgLayer" href="{{ path('web_gallery_album', {'slug': album.slug}) }}">
  37.                             {% if album.coverImage %}
  38.                                 <img style="height:300px; object-fit:cover;" class="imgShortcode" src="{{ asset('uploads/' ~ album.coverImage) }}" alt="{{ album.title }}">
  39.                             {% elseif album.photos|length > 0 %}
  40.                                 <img style="height:300px; object-fit:cover;" class="imgShortcode" src="{{ asset('uploads/' ~ album.photos[0].image) }}" alt="{{ album.title }}">
  41.                             {% else %}
  42.                                 <div style="height:300px; background:#f8f4ef; display:flex; align-items:center; justify-content:center;">
  43.                                     <span style="color:#ccc; font-size:48px;">&#128247;</span>
  44.                                 </div>
  45.                             {% endif %}
  46.                             <span></span><span></span>
  47.                         </a>
  48.                         <div class="emptySpace5"></div>
  49.                         {% if album.description %}
  50.                             <p>{{ album.description }}</p>
  51.                         {% endif %}
  52.                         <p style="color:#aaa; font-size:13px;">{{ album.photos|length }} fotografij{{ album.photos|length == 1 ? 'a' : (album.photos|length < 5 ? 'e' : 'a') }}</p>
  53.                         <div class="emptySpace-xs30 emptySpace45"></div>
  54.                     </div>
  55.                 </div>
  56.                 {% else %}
  57.                 <div class="col-12 text-center">
  58.                     <p>Galerija je trenutno prazna.</p>
  59.                 </div>
  60.                 {% endfor %}
  61.             </div>
  62.         </div>
  63.     </div>
  65.     <div class="footerSeparator"></div>
  66.     <div class="emptySpace50 emptySpace-xs30"></div>
  68. {% endblock %}