templates/frontend/press-releases.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2.     {% block meta_title %}
  3.         {% set metaTitle = "Huguenot Tunnel | A Sanral Project" %}
  4.         {{ metaTitle }}
  5.     {% endblock %}
  6.     {% block meta_decription %}
  7.         {% set metaTitle = "Huguenot Tunnel | A Sanral Project" %}
  8.         {% set metaDescription = "Huguenot Tunnel | A Sanral Project" %}
  9.         <meta name="twitter:card" content="summary" />
  10.         <meta name="twitter:site" content="Sanral" />
  11.         <meta name="twitter:title" content="{{ metaTitle }}" />
  12.         <meta name="twitter:description" content="{{ metaDescription }}" />
  13.         <meta name="twitter:image" content="https://ap-live.nerdw.com/images/banner/about-banner.jpg" />
  14.         <meta name="twitter:url" content="{{ app.request.uri }}" />
  16.         <meta name="og:image" content="https://ap-live.nerdw.com/images/banner/about-banner.jpg" />
  17.         <meta name="og:title" content="{{ metaTitle }}" />
  18.         <meta name="og:description" content="{{ metaDescription }}" />
  19.         <meta name="og:url" content="{{ app.request.uri }}" />
  20.         <meta name="description" content="{{ metaDescription }}">
  21.     {% endblock %}
  22.     {% block stylesheets %}
  23.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  24.         {{ parent() }}
  25.     {% endblock %}
  27.     {% block layout %}
  29.         <!-- Banner -->
  30.         <div class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5df0cc2408fb2 fl-row-bg-overlay" data-node="5df0cc2408fb2">
  31.             <div class="fl-row-content-wrap">
  32.                 <div class="uabb-row-separator uabb-top-row-separator"></div>
  33.                 <div class="fl-row-content fl-row-fixed-width fl-node-content">
  34.                     <div class="fl-col-group fl-node-5df0cc241071e" data-node="5df0cc241071e">
  35.                         <div class="fl-col fl-node-5df0cc2410ab4" data-node="5df0cc2410ab4">
  36.                             <div class="fl-col-content fl-node-content">
  37.                                 <div class="fl-module fl-module-pp-heading fl-node-5df0cc2408273" data-node="5df0cc2408273">
  38.                                     <div class="fl-module-content fl-node-content">
  39.                                         <div class="pp-heading-content">
  40.                                             <div class="pp-heading pp-left">
  41.                                                 <h2 class="heading-title">
  42.                                                     <span class="title-text pp-primary-title">Press releases</span>
  43.                                                 </h2>
  44.                                             </div>
  45.                                             <div class="pp-heading-separator line_only pp-left">
  46.                                                 <span class="pp-separator-line"></span>
  47.                                             </div>
  48.                                         </div>
  49.                                     </div>
  50.                                 </div>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  58.         <div class="uabb-js-breakpoint" style="display: none;"></div>
  59.         <div class="fl-row-content fl-row-fixed-width fl-node-content">
  60.             <div class="fl-col-group fl-node-5df0cb87557d2" data-node="5df0cb87557d2">
  61.                 <div class="fl-col fl-node-5df0cb8755b37" data-node="5df0cb8755b37">
  62.                     <div class="fl-col-content fl-node-content">
  63.                         <div class="fl-module fl-module-pp-content-grid fl-node-5df0cb875259e" data-node="5df0cb875259e">
  64.                             <div class="fl-module-content fl-node-content">
  65.                                 <div class="pp-posts-wrapper pp-posts-initiated">
  66.                                     <div class="pp-content-post-grid pp-masonry-active clearfix row" itemscope="itemscope" itemtype="http://schema.org/Blog" style="position: relative; height: 561.075px;">
  67.                                         {% for data in press_releases %}
  68.                                             {%  set image = data.banner %}
  69.                                             <div class="pp-content-post pp-content-grid-post pp-grid-style-2 post-59 post type-post status-publish format-standard has-post-thumbnail hentry category-press-releases col-4">
  70.                                                 <div class="pp-content-grid-image pp-post-image">
  71.                                                     <div class="pp-post-featured-img">
  72.                                                         <div class="fl-photo fl-photo-align-center" itemscope="" itemtype="https://schema.org/ImageObject">
  73.                                                             <div class="fl-photo-content fl-photo-img-jpg">
  74.                                                                 <a href="{{ path('press_release_article', {'id': data.id, 'title': data.title|replace({' ':'-','&':'-and-'})}) }}" target="_self" itemprop="url">
  75.                                                                     <img loading="lazy" class="img-fluid fl-photo-img wp-image-57 size-large" src="{{ asset('images/press_releases/' ~ image) }}" alt="road-construction3"" />
  76.                                                                 </a>
  77.                                                             </div>
  78.                                                         </div>
  79.                                                     </div>
  80.                                                 </div>
  81.                                             <div class="pp-content-grid-inner pp-content-body clearfix">
  82.                                                 <div class="pp-content-post-data">
  83.                                                     <h3 class="pp-content-grid-title pp-post-title min-height-100 three-line-teaser" itemprop="headline">
  84.                                                         <a href="{{ path('press_release_article', {'id': data.id, 'title': data.title|replace({' ':'-','&':'-and-'})}) }}">
  85.                                                             {{ data.title|raw }}
  86.                                                         </a>
  87.                                                     </h3>
  88.                                                     <span class="pp-post-title-divider"></span>
  89.                                                     <div class="pp-content-post-meta pp-post-meta">
  90.                                                         <span class="pp-content-post-author">
  91.                                                             By <span>Huguenot</span>
  92.                                                         </span>
  93.                                                         <span> | </span>
  94.                                                         <span class="pp-content-grid-date">{{ data.datePublished|date('M d Y') }} </span>
  95.                                                     </div>
  96.                                                     <div class="pp-content-grid-content pp-post-content three-line-teaser">
  97.                                                         {{ data.copy|markdown_to_html }}
  98.                                                     </div>
  99.                                                     <div class="pp-content-grid-more-link clearfix">
  100.                                                         <a class="pp-content-grid-more pp-more-link-button" href="{{ path('press_release_article', {'id': data.id, 'title': data.title|replace({' ':'-','&':'-and-'})}) }}">
  101.                                                             Read More
  102.                                                         </a>
  103.                                                     </div>
  104.                                                 </div>
  105.                                             </div>
  106.                                         </div>
  107.                                         {% endfor %}
  108.                                         <div class="pp-grid-space"></div>
  109.                                     </div>
  110.                                     <div class="fl-clear"></div>
  111.                                 </div>
  112.                             </div>
  113.                         </div>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     {% endblock %}