src/Frontend/OpenSpaceBundle/Resources/views/Article/index.html.twig line 1

Open in your IDE?
  1. {% extends 'themes/'~ themes ~'/prague.html.twig' %}
  3. {#{% block logo %}#}
  4. {#    <div class="prague-logo">#}
  5. {#        <a href="{{ url('amz_frontend_default') }}">#}
  6. {#            <img src="{{ asset(themes) }}/img/logo-square.png" width="80px" class="image_logo" alt="image logo" /> </a>#}
  7. {#    </div>#}
  8. {#{% endblock %}#}
  10. {% block body %}
  11.     <section class="container-fluid top-banner no-padd big light">
  12.         <span class="overlay"></span>
  14.         <img width="2000" height="951" src="{{ page.post.image }}" class="s-img-switch" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/01/stock-photo-130354703.jpg 2000w, {{ asset(themes) }}/wp-content/uploads/2017/01/stock-photo-130354703-300x143.jpg 300w, {{ asset(themes) }}/wp-content/uploads/2017/01/stock-photo-130354703-768x365.jpg 768w, {{ asset(themes) }}/wp-content/uploads/2017/01/stock-photo-130354703-1024x487.jpg 1024w" sizes="(max-width: 2000px) 100vw, 2000px" />
  15.         <div class="content">
  16.             <div class="subtitle">{{ page.post.title | raw | upper }}</div>
  17.             <h1 class="title">{{ page.post.description | striptags | raw }}</h1>
  18.         </div>
  19.     </section>
  21.     <div class="container padd-only-xs">
  22.         <div class="row">
  23.             <div class="col-md-12 js-load-more margin-lg-140t margin-sm-100t margin-lg-90b margin-sm-50b" data-unique-key="blog-posts" data-start-page="1" data-max-page="2" data-next-link="page/2/index.html">
  24.                 <div class="row prague-blog-grif-outer js-load-more-block">
  25.                     {% for entity in articles %}
  26.                         {{ include('@FrontendOpenSpace/Article/__item.html.twig') }}
  27.                     {% endfor %}
  28. {#                    <div class="post-1104 post type-post status-publish format-standard has-post-thumbnail hentry category-interior category-uncategorized tag-creative tag-interior tag-modern blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  30. {#                        <div class="prague-blog-grid-wrapper">#}
  33. {#                            <div class="blog-grid-img">#}
  34. {#                                <img width="1024" height="571" src="{{ asset(themes) }}/prague/images/a6ec5612273735.56265d52bc52e-1-1024x571.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/02/a6ec5612273735.56265d52bc52e-1-1024x571.jpg 1024w, {{ asset(themes) }}/wp-content/uploads/2017/02/a6ec5612273735.56265d52bc52e-1-300x167.jpg 300w, {{ asset(themes) }}/wp-content/uploads/2017/02/a6ec5612273735.56265d52bc52e-1-768x428.jpg 768w, {{ asset(themes) }}/wp-content/uploads/2017/02/a6ec5612273735.56265d52bc52e-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" />                                    </div>#}
  36. {#                            <div class="blog-grid-content">#}
  38. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">Time Inc. architectura</a></h3>#}
  39. {#                                <div class="blog-grid-post-excerpt">#}
  40. {#                                    <p>The design of the new Time Inc. headquarters was mentioned in an Architectural Record article discussing the office of the future.</p>#}
  41. {#                                </div>#}
  43. {#                                <div class="blog-grid-post-info">#}
  44. {#                                    <div class="blog-grid-post-category"><a href="../category/interior/index.html" rel="category tag">Interior</a>, <a href="../category/uncategorized/index.html" rel="category tag">Uncategorized</a></div>#}
  45. {#                                    <div class="blog-grid-post-tags"> <a href="../tag/creative/index.html" rel="tag">creative</a>, <a href="../tag/interior/index.html" rel="tag">interior</a>, <a href="../tag/modern/index.html" rel="tag">modern</a></div>#}
  46. {#                                </div>#}
  49. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  50. {#                                    <span class="arrow-right"></span>#}
  51. {#                                    XEM THÊM                                    </a>#}
  53. {#                            </div>#}
  54. {#                        </div>#}
  55. {#                    </div>#}
  56. {#                    <div class="post-1101 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  58. {#                        <div class="prague-blog-grid-wrapper">#}
  61. {#                            <div class="blog-grid-img">#}
  62. {#                                <img width="1024" height="703" src="{{ asset(themes) }}/prague/images/stock-photo-164383997-1024x703.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/02/stock-photo-164383997-1024x703.jpg 1024w, {{ asset(themes) }}/wp-content/uploads/2017/02/stock-photo-164383997-300x206.jpg 300w, {{ asset(themes) }}/wp-content/uploads/2017/02/stock-photo-164383997-768x527.jpg 768w, {{ asset(themes) }}/wp-content/uploads/2017/02/stock-photo-164383997.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" />                                    </div>#}
  64. {#                            <div class="blog-grid-content">#}
  67. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">How we built big yellow tunnel in LA</a></h3>#}
  68. {#                                <div class="blog-grid-post-excerpt">#}
  69. {#                                    <p>We buildt one of the Montreal Metro&#8217;s four routes operating in Montreal, Quebec, Canada.</p>#}
  70. {#                                </div>#}
  72. {#                                <div class="blog-grid-post-info">#}
  73. {#                                    <div class="blog-grid-post-category"><a href="#" rel="category tag">Uncategorized</a></div>#}
  74. {#                                    <div class="blog-grid-post-tags"></div>#}
  75. {#                                </div>#}
  78. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  79. {#                                    <span class="arrow-right"></span>#}
  80. {#                                    XEM THÊM                                    </a>#}
  82. {#                            </div>#}
  83. {#                        </div>#}
  84. {#                    </div>#}
  85. {#                    <div class="post-1098 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  87. {#                        <div class="prague-blog-grid-wrapper">#}
  90. {#                            <div class="blog-grid-img">#}
  91. {#                                <img width="570" height="371" src="{{ asset(themes) }}/prague/images/proc5.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/03/proc5.jpg 570w, {{ asset(themes) }}/wp-content/uploads/2017/03/proc5-300x195.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" />                                    </div>#}
  93. {#                            <div class="blog-grid-content">#}
  96. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">Tom Krizmanic speaks about Neutral Design</a></h3>#}
  97. {#                                <div class="blog-grid-post-excerpt">#}
  98. {#                                    <p>Tom Krizmanic recently spoke about age-neutral design in the workplace as part of a three-person &#8230;</p>#}
  99. {#                                </div>#}
  101. {#                                <div class="blog-grid-post-info">#}
  102. {#                                    <div class="blog-grid-post-category"><a href="#" rel="category tag">Uncategorized</a></div>#}
  103. {#                                    <div class="blog-grid-post-tags"></div>#}
  104. {#                                </div>#}
  107. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  108. {#                                    <span class="arrow-right"></span>#}
  109. {#                                    XEM THÊM                                    </a>#}
  111. {#                            </div>#}
  112. {#                        </div>#}
  113. {#                    </div>#}
  114. {#                    <div class="post-1095 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  116. {#                        <div class="prague-blog-grid-wrapper">#}
  119. {#                            <div class="blog-grid-img">#}
  120. {#                                <img width="877" height="1024" src="{{ asset(themes) }}/prague/images/34ddf446488615.5856b7e039657-877x1024.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/02/34ddf446488615.5856b7e039657-877x1024.jpg 877w, {{ asset(themes) }}/wp-content/uploads/2017/02/34ddf446488615.5856b7e039657-257x300.jpg 257w, {{ asset(themes) }}/wp-content/uploads/2017/02/34ddf446488615.5856b7e039657-768x896.jpg 768w, {{ asset(themes) }}/wp-content/uploads/2017/02/34ddf446488615.5856b7e039657.jpg 1285w" sizes="(max-width: 877px) 100vw, 877px" />                                    </div>#}
  122. {#                            <div class="blog-grid-content">#}
  125. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">Creature interior</a></h3>#}
  126. {#                                <div class="blog-grid-post-excerpt">#}
  127. {#                                    <p>We design a new building on Nickelodeon&#8217;s Burbank campus makes the &#8220;pages&#8221; : &#8220;The new state-of-the-art five-story glass structure will &#8230;</p>#}
  128. {#                                </div>#}
  130. {#                                <div class="blog-grid-post-info">#}
  131. {#                                    <div class="blog-grid-post-category"><a href="#" rel="category tag">Uncategorized</a></div>#}
  132. {#                                    <div class="blog-grid-post-tags"></div>#}
  133. {#                                </div>#}
  136. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  137. {#                                    <span class="arrow-right"></span>#}
  138. {#                                    XEM THÊM                                    </a>#}
  140. {#                            </div>#}
  141. {#                        </div>#}
  142. {#                    </div>#}
  143. {#                    <div class="post-1093 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  145. {#                        <div class="prague-blog-grid-wrapper">#}
  148. {#                            <div class="blog-grid-img">#}
  149. {#                                <img width="1024" height="682" src="{{ asset(themes) }}/prague/images/AdobeStock_74548514-1024x682.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/01/AdobeStock_74548514-1024x682.jpg 1024w, {{ asset(themes) }}/wp-content/uploads/2017/01/AdobeStock_74548514-300x200.jpg 300w, {{ asset(themes) }}/wp-content/uploads/2017/01/AdobeStock_74548514-768x512.jpg 768w, {{ asset(themes) }}/wp-content/uploads/2017/01/AdobeStock_74548514.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" />                                    </div>#}
  151. {#                            <div class="blog-grid-content">#}
  154. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">How to discover Yourself in 7 steps</a></h3>#}
  155. {#                                <div class="blog-grid-post-excerpt">#}
  156. {#                                    <p>Everyone wants to know their inner calling, and that includes me. We know that if we only know &#8230;</p>#}
  157. {#                                </div>#}
  159. {#                                <div class="blog-grid-post-info">#}
  160. {#                                    <div class="blog-grid-post-category"><a href="#" rel="category tag">Uncategorized</a></div>#}
  161. {#                                    <div class="blog-grid-post-tags"></div>#}
  162. {#                                </div>#}
  165. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  166. {#                                    <span class="arrow-right"></span>#}
  167. {#                                    XEM THÊM                                    </a>#}
  169. {#                            </div>#}
  170. {#                        </div>#}
  171. {#                    </div>#}
  172. {#                    <div class="post-1088 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  174. {#                        <div class="prague-blog-grid-wrapper">#}
  177. {#                            <div class="blog-grid-img">#}
  178. {#                                <img width="1024" height="600" src="{{ asset(themes) }}/prague/images/5eab1e28066719.560a3f2002705-1024x600.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/01/5eab1e28066719.560a3f2002705-1024x600.jpg 1024w, {{ asset(themes) }}/wp-content/uploads/2017/01/5eab1e28066719.560a3f2002705-300x176.jpg 300w, {{ asset(themes) }}/wp-content/uploads/2017/01/5eab1e28066719.560a3f2002705-768x450.jpg 768w, {{ asset(themes) }}/wp-content/uploads/2017/01/5eab1e28066719.560a3f2002705.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" />                                    </div>#}
  180. {#                            <div class="blog-grid-content">#}
  183. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">Little house in forest</a></h3>#}
  184. {#                                <div class="blog-grid-post-excerpt">#}
  185. {#                                    <p>This efficient little garage is designed to accommodate three uses: a two car garage, potting alcove or shop, and a small cottage plan above &#8230;</p>#}
  186. {#                                </div>#}
  188. {#                                <div class="blog-grid-post-info">#}
  189. {#                                    <div class="blog-grid-post-category"><a href="#" rel="category tag">Uncategorized</a></div>#}
  190. {#                                    <div class="blog-grid-post-tags"></div>#}
  191. {#                                </div>#}
  194. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  195. {#                                    <span class="arrow-right"></span>#}
  196. {#                                    XEM THÊM                                    </a>#}
  198. {#                            </div>#}
  199. {#                        </div>#}
  200. {#                    </div>#}
  201. {#                    <div class="post-1085 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized blog-post col-sm-6 col-xs-12 js-filter-simple-block">#}
  203. {#                        <div class="prague-blog-grid-wrapper">#}
  206. {#                            <div class="blog-grid-img">#}
  207. {#                                <img width="600" height="400" src="{{ asset(themes) }}/prague/images/82087616021177.5629a1ab92b1a-1.jpg" class="s-img-switch wp-post-image" alt="" srcset="{{ asset(themes) }}/wp-content/uploads/2017/02/82087616021177.5629a1ab92b1a-1.jpg 600w, {{ asset(themes) }}/wp-content/uploads/2017/02/82087616021177.5629a1ab92b1a-1-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />                                    </div>#}
  209. {#                            <div class="blog-grid-content">#}
  212. {#                                <h3 class="blog-grid-post-title"><a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}">Promotion to Principal</a></h3>#}
  213. {#                                <div class="blog-grid-post-excerpt">#}
  214. {#                                    <p>Our parthners are proud to announce the promotion of Alexandra Villegas to Principal in our office in Prague.</p>#}
  215. {#                                </div>#}
  217. {#                                <div class="blog-grid-post-info">#}
  218. {#                                    <div class="blog-grid-post-category"><a href="#" rel="category tag">Uncategorized</a></div>#}
  219. {#                                    <div class="blog-grid-post-tags"></div>#}
  220. {#                                </div>#}
  223. {#                                <a href="{{ url('amz_frontend_article_detail',{slug:'bai-viet-chi-tiet'}) }}" class="blog-grid-link a-btn-arrow-2">#}
  224. {#                                    <span class="arrow-right"></span>#}
  225. {#                                    XEM THÊM                                    </a>#}
  227. {#                            </div>#}
  228. {#                        </div>#}
  229. {#                    </div>#}
  230.                 </div>
  232.                 {{ knp_pagination_render(articles, '@FrontendOpenSpace/Paginator/paginator.html.twig') }}
  235.             </div>
  236.         </div>
  237.     </div>
  238. {% endblock %}