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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2.     {% block meta_title %}
  3.         {% set metaTitle = content.metaTitle %}
  4.         {{ metaTitle }}
  5.     {% endblock %}
  6.     {% block meta_decription %}
  7.         {% set metaTitle = content.metaTitle %}
  8.         {% set metaDescription = content.metaDescription %}
  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.         {{ parent() }}
  24.         <link rel="stylesheet" href="{{ asset('assets/css/4faa2386ce0fd6e70499497747acc0ea-layout-bundle.css') }}">
  25.     {% endblock %}
  27.     {% block layout %}
  29.         <!-- Banner -->
  30.         <div style="background-image: url('../../../images/press_releases/{{ content.banner }}');    background-repeat: no-repeat;
  31.                 background-position: center center;
  32.                 background-attachment: scroll;
  33.                 background-size: cover;
  34.                 border-top-width: 1px;
  35.                 border-right-width: 0px;
  36.                 border-bottom-width: 1px;
  37.                 border-left-width: 0px;" class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5df0cdd7851c2 fl-row-bg-overlay" data-node="5df0cdd7851c2">
  38.             <div class="fl-row-content-wrap">
  39.                 <div class="uabb-row-separator uabb-top-row-separator">
  40.                 </div>
  41.                 <div class="fl-row-content fl-row-fixed-width fl-node-content">
  42.                     <div class="fl-col-group fl-node-5df0cdd7851c3" data-node="5df0cdd7851c3">
  43.                         <div class="fl-col fl-node-5df0cdd7851c4" data-node="5df0cdd7851c4">
  44.                             <div class="fl-col-content fl-node-content">
  45.                                 <div class="fl-module fl-module-heading fl-node-5df0cdd7851b9"
  46.                                      data-node="5df0cdd7851b9">
  47.                                     <div class="fl-module-content fl-node-content">
  48.                                         <h1 class="fl-heading">
  49.                                             <span class="fl-heading-text">{{ content.title|raw }}</span>
  50.                                         </h1>
  51.                                     </div>
  52.                                 </div>
  53.                                 <div class="fl-module fl-module-fl-post-info fl-node-5df0cdd7851bb"
  54.                                      data-node="5df0cdd7851bb">
  55.                                     <div class="fl-module-content fl-node-content">
  56.                                         <span class="fl-post-info-date">{{ content.datePublished|date('M d Y') }}</span><span
  57.                                                 class="fl-post-info-sep"> / </span><span class="fl-post-info-author"><a
  58.                                                     href="author/huguenot.html">Huguenot</a></span></div>
  59.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.             </div>
  65.         </div>
  67.             <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5df0d55b68c98" data-node="5df0d55b68c98">
  68.                 <div class="fl-row-content-wrap">
  69.                     <div class="uabb-row-separator uabb-top-row-separator"></div>
  70.                     <div class="fl-row-content fl-row-fixed-width fl-node-content">
  71.                         <div class="fl-col-group fl-node-5df0d55b68c8e" data-node="5df0d55b68c8e">
  72.                             <div class="fl-col fl-node-5df0d55b68c94 fl-animation fl-fade-down fl-animated" data-node="5df0d55b68c94" data-animation-delay="0" data-animation-duration="1" style="animation-duration: 1s;">
  73.                                 <div class="fl-col-content fl-node-content">
  74.                                     <div class="fl-module fl-module-pp-heading fl-node-5df0d57e460ad" data-node="5df0d57e460ad">
  75.                                         <div class="fl-module-content fl-node-content">
  76.                                             <div class="pp-heading-content">
  77.                                                 <div class="pp-heading pp-left">
  78.                                                     <h2 class="heading-title">
  79.                                                         <span class="title-text pp-primary-title">{{ content.title|raw }}</span>
  80.                                                     </h2>
  81.                                                 </div>
  82.                                                 <div class="pp-heading-separator line_only pp-left">
  83.                                                     <span class="pp-separator-line"></span>
  84.                                                 </div>
  85.                                                 <div class="pp-sub-heading">
  86.                                                     {{ content.copy|raw }}
  87.                                                 </div>
  88.                                             </div>
  89.                                         </div>
  90.                                     </div>
  91.                                 </div>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </div>
  99.         <div class="fl-module fl-module-uabb-social-share fl-node-5df0ce11872c9" data-node="5df0ce11872c9">
  100.             <div class="fl-module-content fl-node-content">
  101.                 <div class="uabb-social-share-wrap uabb-social-share-horizontal">
  102.                     <div class="uabb-social-share-link-wrap">
  103.                         <a class="uabb-social-share-link uabb-social-share-1"
  104.                            href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fhuguenottunnel.co.za%2Ftraffic-advisory-roadworks-on-the-n2-between-toleni-and-ibika%2F"
  105.                            target="_blank"
  106.                            onclick="window.open(this.href,'social-share','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false;">
  107.                             <div class="uabb-module-content uabb-imgicon-wrap">
  108.                                 <span class="uabb-icon-wrap">
  109.                                     <span class="uabb-icon">
  110.                                         <i class="ua-icon ua-icon-facebook-with-circle"></i>
  111.                                     </span>
  112.                                 </span>
  113.                             </div>
  114.                         </a>
  115.                     </div>
  116.                     <div class="uabb-social-share-link-wrap">
  117.                         <a class="uabb-social-share-link uabb-social-share-2"
  118.                            href="https://twitter.com/share?url=https%3A%2F%2Fhuguenottunnel.co.za%2Ftraffic-advisory-roadworks-on-the-n2-between-toleni-and-ibika%2F"
  119.                            target="_blank"
  120.                            onclick="window.open(this.href,'social-share','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false;">
  121.                             <div class="uabb-module-content uabb-imgicon-wrap">
  122.                                 <span class="uabb-icon-wrap">
  123.                                     <span class="uabb-icon">
  124.                                         <i class="ua-icon ua-icon-twitter-with-circle"></i>
  125.                                     </span>
  126.                                 </span>
  127.                             </div>
  128.                         </a>
  129.                     </div>
  130.                     <div class="uabb-social-share-link-wrap"><a class="uabb-social-share-link uabb-social-share-3"
  131.                                                                 href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fhuguenottunnel.co.za%2Ftraffic-advisory-roadworks-on-the-n2-between-toleni-and-ibika%2F"
  132.                                                                 target="_blank"
  133.                                                                 onclick="window.open(this.href,'social-share','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false;">
  134.                             <div class="uabb-module-content uabb-imgicon-wrap">
  135.                                 <span class="uabb-icon-wrap">
  136.                                     <span class="uabb-icon">
  137.                                         <i class="ua-icon ua-icon-linkedin-with-circle"></i>
  138.                                     </span>
  139.                                 </span>
  140.                             </div>
  141.                         </a>
  142.                     </div>
  143.                     <div class="uabb-social-share-link-wrap"><a class="uabb-social-share-link uabb-social-share-4"
  144.                                                                 href="https://reddit.com/submit?url=https%3A%2F%2Fhuguenottunnel.co.za%2Ftraffic-advisory-roadworks-on-the-n2-between-toleni-and-ibika%2F"
  145.                                                                 target="_blank"
  146.                                                                 onclick="window.open(this.href,'social-share','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false;">
  147.                             <div class="uabb-module-content uabb-imgicon-wrap">
  148.                                 <span class="uabb-icon-wrap">
  149.                                     <span class="uabb-icon">
  150.                                         <i class="fab fa-reddit"></i>
  151.                                     </span>
  152.                                 </span>
  153.                             </div>
  154.                         </a>
  155.                     </div>
  156.                 </div>
  157.             </div>
  158.         </div>
  159.     {% endblock %}