templates/frontend/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2.     {% block meta_title %}
  3.         {% set metaTitle = home_data.metaTitle %}
  4.         {{ metaTitle }}
  5.     {% endblock %}
  6.     {% block meta_decription %}
  7.         {% set metaTitle = home_data.metaTitle %}
  8.         {% set metaDescription = home_data.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://hugenouttunnel.nerdw.com/images/home/{{ home_data.ogImage }}" />
  14.         <meta name="twitter:url" content="{{ app.request.uri }}" />
  16.         <meta name="og:image" content="https://hugenouttunnel.nerdw.com/images/home/{{ home_data.ogImage }}" />
  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.     {% endblock %}
  26.     {% block layout %}
  27.         <div class="uabb-js-breakpoint" style="display: none;"></div>
  28.         <div class="fl-page-content" id="fl-main-content" itemprop="mainContentOfPage" role="main">
  29.             <div class="fl-content-full container">
  30.                 <div class="row">
  31.                     <div class="fl-content col-md-12">
  32.                         <article class="fl-post post-12 page type-page status-publish hentry" id="fl-post-12"
  33.                                  itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
  34.                             <div class="fl-post-content clearfix" itemprop="text">
  35.                                 <div class="fl-builder-content fl-builder-content-12 fl-builder-content-primary fl-builder-global-templates-locked"
  36.                                      data-post-id="12">
  37.                                     <div class="row" style="margin: 0;">
  39.                                         <!-- Desktop -->
  40.                                         <div class="d-none d-md-block col-12">
  41.                                             <div style="position: relative">
  42.                                                 <img src="{{ asset('images/Huguenot_Website_Banner-01.png') }}" style="width: 100%;height: auto">
  43.                                                 <div style="position: absolute; bottom: 10%;right: 10%;text-align: center">
  44.                                                     <div class="row">
  45.                                                         <div class="col-12 col-md-6">
  46.                                                             <a href="https://apps.apple.com/za/app/sanral-huguenot-tunnel-vr/id1577335006" target="_blank">
  47.                                                                 <img src="{{ asset('assets/images/App-Store.png') }}">
  48.                                                             </a>
  49.                                                         </div>
  50.                                                         <div class="col-12 col-md-6">
  51.                                                             <a href="https://play.google.com/store/apps/details?id=com.bizarReality.SANRALHuguenotTunnelVRExperience&hl=en_ZA" target="_blank">
  52.                                                                 <img src="{{ asset('assets/images/Google-Play.png') }}">
  53.                                                             </a>
  54.                                                         </div>
  55.                                                     </div>
  56.                                                 </div>
  57.                                             </div>
  58.                                         </div>
  60.                                         <!-- Mobile -->
  61.                                         <div class="d-block d-sm-block d-md-none col-12">
  62.                                             <div style="position: relative">
  63.                                                 <img src="{{ asset('images/home-mobile-banner.png') }}" style="width: 100%;height: auto">
  64.                                                 <div style="position: absolute; bottom: 25%;right: 5%;left:5%; text-align: center; scroll-padding-left: 10px">
  65.                                                     <div class="row">
  66.                                                         <div class="col-6">
  67.                                                             <a href="https://apps.apple.com/za/app/sanral-huguenot-tunnel-vr/id1577335006" target="_blank">
  68.                                                                 <img src="{{ asset('assets/images/App-Store.png') }}" class="img-res">
  69.                                                             </a>
  70.                                                         </div>
  71.                                                         <div class="col-6">
  72.                                                             <a href="https://play.google.com/store/apps/details?id=com.bizarReality.SANRALHuguenotTunnelVRExperience&hl=en_ZA" target="_blank">
  73.                                                                 <img src="{{ asset('assets/images/Google-Play.png') }}" class="img-res">
  74.                                                             </a>
  75.                                                         </div>
  76.                                                     </div>
  77.                                                 </div>
  78.                                             </div>
  79.                                         </div>
  80.                                     </div>
  81. {#                                    <div class="fl-row fl-row-full-width fl-row-bg-parallax fl-node-5df0a8a42f946 fl-row-custom-height fl-row-align-center"#}
  82. {#                                         data-node="5df0a8a42f946" data-parallax-image="{{ asset('images/Huguenot_Website_Banner-01.png') }}"#}
  83. {#                                         data-parallax-speed="2">#}
  84. {#                                        <div class="fl-row-content-wrap">#}
  85. {#                                            <div class="uabb-row-separator uabb-top-row-separator">#}
  86. {#                                            </div>#}
  87. {#                                            <div class="fl-row-content fl-row-fixed-width fl-node-content">#}
  88. {#                                                <div class="fl-col-group fl-node-5df0a8a434eda" data-node="5df0a8a434eda">#}
  89. {#                                                    <div class="fl-col fl-node-5df0a8a435150 fl-col-has-cols"#}
  90. {#                                                         data-node="5df0a8a435150">#}
  91. {#                                                        <div class="fl-col-content fl-node-content">#}
  92. {#                                                            <div class="fl-col-group fl-node-5df0a97524ac2 fl-col-group-nested"#}
  93. {#                                                                 data-node="5df0a97524ac2">#}
  94. {#                                                                <div class="fl-col fl-node-5df0a97524c8e"#}
  95. {#                                                                     data-node="5df0a97524c8e">#}
  96. {#                                                                    <div class="fl-col-content fl-node-content">#}
  97. {#                                                                        <div class="fl-module fl-module-pp-heading fl-node-5df0a8a42f47e"#}
  98. {#                                                                             data-node="5df0a8a42f47e">#}
  99. {#                                                                            <div class="fl-module-content fl-node-content">#}
  100. {#                                                                                <div class="pp-heading-content">#}
  101. {#                                                                                    <div class="pp-heading  pp-left">#}
  102. {#                                                                                        <h2 class="heading-title">#}
  103. {#                                                                                            <span class="title-text pp-primary-title">#}
  104. {#                                                                                                NIGHT TIME TUNNEL CLOSURES#}
  105. {#                                                                                            </span>#}
  106. {#                                                                                            <span class="title-text pp-secondary-title">14 June – 30 September 2021</span>#}
  107. {#                                                                                            <span class="title-text pp-secondary-title" style="font-size: 30px">#}
  108. {#                                                                                                Monday - Thursday 10pm - 6am#}
  109. {#                                                                                            </span>#}
  110. {#                                                                                        </h2>#}
  111. {#                                                                                    </div>#}
  112. {#                                                                                </div>#}
  113. {#                                                                            </div>#}
  114. {#                                                                        </div>#}
  115. {#                                                                        <div class="fl-module fl-module-pp-smart-button fl-node-5df0aac117275"#}
  116. {#                                                                             data-node="5df0aac117275">#}
  117. {#                                                                            <div class="fl-module-content fl-node-content">#}
  118. {#                                                                                <div class="pp-button-wrap pp-button-width-auto pp-button-has-icon">#}
  119. {#                                                                                    <a#}
  120. {#                                                                                            class="pp-button"#}
  121. {#                                                                                            href="{{ path('content_page', {'title':'closures','id':2}) }}"#}
  122. {#                                                                                            role="button"#}
  123. {#                                                                                            target="_self"#}
  124. {#                                                                                    >#}
  125. {#                                                                                        <i class="pp-button-icon pp-button-icon-before fas fa-road"></i>#}
  126. {#                                                                                        <span class="pp-button-text">Learn More</span>#}
  127. {#                                                                                    </a>#}
  128. {#                                                                                </div>#}
  129. {#                                                                            </div>#}
  130. {#                                                                        </div>#}
  131. {#                                                                    </div>#}
  132. {#                                                                </div>#}
  133. {#                                                                <div class="fl-col fl-node-5df0a97524c96 fl-col-small"#}
  134. {#                                                                     data-node="5df0a97524c96">#}
  135. {#                                                                    <div class="fl-col-content fl-node-content">#}
  136. {#                                                                    </div>#}
  137. {#                                                                </div>#}
  138. {#                                                            </div>#}
  139. {#                                                        </div>#}
  140. {#                                                    </div>#}
  141. {#                                                </div>#}
  142. {#                                            </div>#}
  143. {#                                        </div>#}
  144. {#                                    </div>#}
  145.                                     <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5df0af9d61bba"
  146.                                          data-node="5df0af9d61bba">
  147.                                         <div class="fl-row-content-wrap">
  148.                                             <div class="uabb-row-separator uabb-top-row-separator">
  149.                                             </div>
  150.                                             <div class="fl-row-content fl-row-full-width fl-node-content">
  151.                                                 <div class="fl-col-group fl-node-5df0af9d69fa0 fl-col-group-equal-height fl-col-group-align-center"
  152.                                                      data-node="5df0af9d69fa0">
  153.                                                     <div class="fl-col fl-node-5df0af9d6a326 fl-col-small"
  154.                                                          data-node="5df0af9d6a326">
  155.                                                         <div class="fl-col-content fl-node-content" style="background-image: url('images/home/{{ home_data.overviewImage }}');
  156.                                                                                                             background-repeat: no-repeat;
  157.                                                                                                             background-position: center bottom;
  158.                                                                                                             background-attachment: scroll;
  159.                                                                                                             background-size: cover;">
  160.                                                         </div>
  161.                                                     </div>
  162.                                                     <div class="fl-col fl-node-5df0af9d6a332 fl-col-small fl-animation fl-fade-right"
  163.                                                          data-animation-delay="0" data-animation-duration="1"
  164.                                                          data-node="5df0af9d6a332">
  165.                                                         <div class="fl-col-content fl-node-content">
  166.                                                             <div class="fl-module fl-module-pp-heading fl-node-5df0afca81168"
  167.                                                                  data-node="5df0afca81168">
  168.                                                                 <div class="fl-module-content fl-node-content">
  169.                                                                     <div class="pp-heading-content">
  170.                                                                         <div class="pp-heading  pp-left">
  171.                                                                             <h2 class="heading-title">
  172.                                                                                 <span class="title-text pp-primary-title">Overview</span>
  173.                                                                             </h2>
  174.                                                                         </div>
  175.                                                                         <div class="pp-heading-separator line_only pp-left">
  176.                                                                             <span class="pp-separator-line"></span>
  177.                                                                         </div>
  178.                                                                         <div class="pp-sub-heading">
  179.                                                                             {{ home_data.overview|raw }}
  180.                                                                         </div>
  181.                                                                     </div>
  182.                                                                 </div>
  183.                                                             </div>
  184.                                                         </div>
  185.                                                     </div>
  186.                                                 </div>
  187.                                             </div>
  188.                                         </div>
  189.                                     </div>
  191.                                     <!-- Resons for refurbishment -->
  192.                                     <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5df0b1920c537"
  193.                                          data-node="5df0b1920c537">
  194.                                         <div class="fl-row-content-wrap">
  195.                                             <div class="uabb-row-separator uabb-top-row-separator">
  196.                                             </div>
  197.                                             <div class="fl-row-content fl-row-full-width fl-node-content">
  198.                                                 <div class="fl-col-group fl-node-5df0b1920c750 fl-col-group-equal-height fl-col-group-align-top"
  199.                                                      data-node="5df0b1920c750">
  200.                                                     <div class="fl-col fl-node-5df0b1920c753 fl-col-small fl-animation fl-fade-left"
  201.                                                          data-animation-delay="0" data-animation-duration="1"
  202.                                                          data-node="5df0b1920c753">
  203.                                                         <div class="fl-col-content fl-node-content">
  204.                                                             <div class="fl-module fl-module-pp-heading fl-node-5df0bf3b9f052"
  205.                                                                  data-node="5df0bf3b9f052">
  206.                                                                 <div class="fl-module-content fl-node-content">
  207.                                                                     <div class="pp-heading-content">
  208.                                                                         <div class="pp-heading  pp-left">
  209.                                                                             <h2 class="heading-title">
  210.                                                                                 <span class="title-text pp-primary-title">Reasons for refurbishment</span>
  211.                                                                             </h2>
  212.                                                                         </div>
  213.                                                                         <div class="pp-heading-separator line_only pp-left">
  214.                                                                             <span class="pp-separator-line"></span>
  215.                                                                         </div>
  216.                                                                     </div>
  217.                                                                 </div>
  218.                                                             </div>
  219.                                                             <div class="fl-module fl-module-pp-iconlist fl-node-5df0b328dc308 just"
  220.                                                                  data-node="5df0b328dc308">
  221.                                                                 <div class="fl-module-content fl-node-content" style="margin-top: 0">
  222.                                                                     <div class="pp-icon-list pp-user-agent-firefox">
  223.                                                                         {{ home_data.reason|raw }}
  224.                                                                     </div>
  225.                                                                 </div>
  226.                                                             </div>
  227.                                                         </div>
  228.                                                     </div>
  229.                                                     <div class="fl-col fl-node-5df0b1920c755 fl-col-small fl-animation fl-fade-right"
  230.                                                          data-animation-delay="0" data-animation-duration="1"
  231.                                                          data-node="5df0b1920c755">
  232.                                                         <div style="background-image: url('images/home/{{ home_data.reasonImage }}')" class="fl-col-content fl-node-content">
  233.                                                         </div>
  234.                                                     </div>
  235.                                                 </div>
  236.                                             </div>
  237.                                         </div>
  238.                                     </div>
  240.                                     <!-- Carousel -->
  241.                                     <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5e2ea840c4c7c"
  242.                                          data-node="5e2ea840c4c7c">
  243.                                         <div class="fl-row-content-wrap">
  244.                                             <div class="uabb-row-separator uabb-top-row-separator">
  245.                                             </div>
  246.                                             <div class="fl-row-content fl-row-fixed-width fl-node-content">
  247.                                                 <div class="fl-col-group fl-node-5e2ea84156421" data-node="5e2ea84156421">
  248.                                                     <div class="fl-col fl-node-5e2ea8415691b" data-node="5e2ea8415691b">
  249.                                                         <div class="fl-col-content fl-node-content">
  250.                                                             <div class="fl-module fl-module-pp-heading fl-node-5e2ea83168f95"
  251.                                                                  data-node="5e2ea83168f95">
  252.                                                                 <div class="fl-module-content fl-node-content">
  253.                                                                     <div class="pp-heading-content">
  254.                                                                         <div class="pp-heading  pp-left">
  255.                                                                             <h2 class="heading-title">
  256.                                                                                 <span class="title-text pp-primary-title">Carousel</span>
  257.                                                                             </h2>
  258.                                                                         </div>
  259.                                                                         <div class="pp-heading-separator line_only pp-left">
  260.                                                                             <span class="pp-separator-line"></span>
  261.                                                                         </div>
  262.                                                                     </div>
  263.                                                                 </div>
  264.                                                             </div>
  265.                                                             <div class="fl-module fl-module-pp-image-carousel fl-node-5e2ea86305aa7"
  266.                                                                  data-node="5e2ea86305aa7">
  267.                                                                 <div class="fl-module-content fl-node-content">
  268.                                                                     <div class="pp-image-carousel-wrapper">
  269.                                                                         <div class="pp-image-carousel swiper-container pp-carousel-navigation-outside">
  270.                                                                             <div class="swiper-wrapper">
  271.                                                                                 {% for carousel in carousel_data %}
  272.                                                                                 <div class="pp-image-carousel-item pp-image-carousel-link swiper-slide">
  273.                                                                                     <a data-caption=""
  274.                                                                                        href="images/carousel/{{ carousel.banner }}" target="_self">
  275.                                                                                         <div class="pp-carousel-image-container"
  276.                                                                                              style="background-image:url('images/carousel/{{ carousel.banner }}')"></div>
  277.                                                                                     </a>
  278.                                                                                 </div>
  279.                                                                                 {% endfor %}
  280.                                                                             </div>
  281.                                                                             <!-- pagination -->
  282.                                                                             <div class="swiper-pagination"></div>
  283.                                                                         </div>
  284.                                                                     </div>
  285.                                                                 </div>
  286.                                                             </div>
  287.                                                         </div>
  288.                                                     </div>
  289.                                                 </div>
  290.                                             </div>
  291.                                         </div>
  292.                                     </div>
  294.                                     <!-- Statistics -->
  295.                                     <div class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5df0b6b2045d5 fl-row-bg-overlay"
  296.                                          data-node="5df0b6b2045d5">
  297.                                         <div class="fl-row-content-wrap">
  298.                                             <div class="uabb-row-separator uabb-top-row-separator">
  299.                                             </div>
  300.                                             <div class="fl-row-content fl-row-fixed-width fl-node-content">
  301.                                                 <div class="fl-col-group fl-node-5df0b6c700942" data-node="5df0b6c700942">
  302.                                                     <div class="fl-col fl-node-5df0b6c700c7a fl-col-small"
  303.                                                          data-node="5df0b6c700c7a">
  304.                                                         <div class="fl-col-content fl-node-content">
  305.                                                             <div class="fl-module fl-module-numbers fl-node-5df0b943b589e"
  306.                                                                  data-node="5df0b943b589e">
  307.                                                                 <div class="fl-module-content fl-node-content">
  308.                                                                     <div class="fl-number fl-number-circle">
  309.                                                                         <div class="fl-number-circle-container">
  310.                                                                             <div class="fl-number-text">
  311.                                                                                 <div class="fl-number-string"><span
  312.                                                                                             class="fl-number-int"><noscript>13,000</noscript></span>
  313.                                                                                 </div>
  314.                                                                                 <span class="fl-number-after-text">vehicles</span>
  315.                                                                             </div>
  316.                                                                             <div class="svg-container">
  317.                                                                                 <svg class="svg" preserveAspectRatio="xMinYMin meet"
  318.                                                                                      version="1.1"
  319.                                                                                      viewBox="0 0 200 200">
  320.                                                                                     <circle class="fl-bar-bg" cx="100"
  321.                                                                                             cy="100" fill="transparent"
  322.                                                                                             r="90"
  323.                                                                                             stroke-dasharray="565.49"
  324.                                                                                             stroke-dashoffset="0"></circle>
  325.                                                                                     <circle class="fl-bar" cx="100" cy="100"
  326.                                                                                             data-bbtest="sample-lang" fill="transparent"
  327.                                                                                             r="90"
  328.                                                                                             stroke-dasharray="565.49"
  329.                                                                                             stroke-dashoffset="565.49"
  330.                                                                                             transform="rotate(-90 100 100)"></circle>
  331.                                                                                 </svg>
  332.                                                                             </div>
  333.                                                                         </div>
  334.                                                                     </div>
  335.                                                                 </div>
  336.                                                             </div>
  337.                                                             <div class="fl-module fl-module-pp-notifications fl-node-5df0b96c17c8b"
  338.                                                                  data-node="5df0b96c17c8b">
  339.                                                                 <div class="fl-module-content fl-node-content">
  340.                                                                     <div class="pp-notification-wrapper">
  341.                                                                         <div class="pp-notification-inner">
  342.                                                                             <div class="pp-notification-content">
  343.                                                                                 <p>Average daily passage</p>
  344.                                                                             </div>
  345.                                                                         </div>
  346.                                                                     </div>
  347.                                                                 </div>
  348.                                                             </div>
  349.                                                         </div>
  350.                                                     </div>
  351.                                                     <div class="fl-col fl-node-5df0b6c700c84 fl-col-small"
  352.                                                          data-node="5df0b6c700c84">
  353.                                                         <div class="fl-col-content fl-node-content">
  354.                                                             <div class="fl-module fl-module-numbers fl-node-5df0b9cbbf20b"
  355.                                                                  data-node="5df0b9cbbf20b">
  356.                                                                 <div class="fl-module-content fl-node-content">
  357.                                                                     <div class="fl-number fl-number-circle">
  358.                                                                         <div class="fl-number-circle-container">
  359.                                                                             <div class="fl-number-text">
  360.                                                                                 <div class="fl-number-string"><span
  361.                                                                                             class="fl-number-int"><noscript>365</noscript></span>
  362.                                                                                 </div>
  363.                                                                                 <span class="fl-number-after-text">Monitoring</span>
  364.                                                                             </div>
  365.                                                                             <div class="svg-container">
  366.                                                                                 <svg class="svg" preserveAspectRatio="xMinYMin meet"
  367.                                                                                      version="1.1"
  368.                                                                                      viewBox="0 0 200 200">
  369.                                                                                     <circle class="fl-bar-bg" cx="100"
  370.                                                                                             cy="100" fill="transparent"
  371.                                                                                             r="90"
  372.                                                                                             stroke-dasharray="565.49"
  373.                                                                                             stroke-dashoffset="0"></circle>
  374.                                                                                     <circle class="fl-bar" cx="100" cy="100"
  375.                                                                                             data-bbtest="sample-lang" fill="transparent"
  376.                                                                                             r="90"
  377.                                                                                             stroke-dasharray="565.49"
  378.                                                                                             stroke-dashoffset="565.49"
  379.                                                                                             transform="rotate(-90 100 100)"></circle>
  380.                                                                                 </svg>
  381.                                                                             </div>
  382.                                                                         </div>
  383.                                                                     </div>
  384.                                                                 </div>
  385.                                                             </div>
  386.                                                             <div class="fl-module fl-module-pp-notifications fl-node-5df0b9aded0fb"
  387.                                                                  data-node="5df0b9aded0fb">
  388.                                                                 <div class="fl-module-content fl-node-content">
  389.                                                                     <div class="pp-notification-wrapper">
  390.                                                                         <div class="pp-notification-inner">
  391.                                                                             <div class="pp-notification-content">
  392.                                                                                 <p>Real-time daily monitoring</p>
  393.                                                                             </div>
  394.                                                                         </div>
  395.                                                                     </div>
  396.                                                                 </div>
  397.                                                             </div>
  398.                                                         </div>
  399.                                                     </div>
  400.                                                     <div class="fl-col fl-node-5df0b6c700c89 fl-col-small"
  401.                                                          data-node="5df0b6c700c89">
  402.                                                         <div class="fl-col-content fl-node-content">
  403.                                                             <div class="fl-module fl-module-numbers fl-node-5df0ba1c75e65"
  404.                                                                  data-node="5df0ba1c75e65">
  405.                                                                 <div class="fl-module-content fl-node-content">
  406.                                                                     <div class="fl-number fl-number-circle">
  407.                                                                         <div class="fl-number-circle-container">
  408.                                                                             <div class="fl-number-text">
  409.                                                                                 <div class="fl-number-string"><span
  410.                                                                                             class="fl-number-int"><noscript>100</noscript></span>
  411.                                                                                 </div>
  412.                                                                                 <span class="fl-number-after-text">Million</span>
  413.                                                                             </div>
  414.                                                                             <div class="svg-container">
  415.                                                                                 <svg class="svg" preserveAspectRatio="xMinYMin meet"
  416.                                                                                      version="1.1"
  417.                                                                                      viewBox="0 0 200 200">
  418.                                                                                     <circle class="fl-bar-bg" cx="100"
  419.                                                                                             cy="100" fill="transparent"
  420.                                                                                             r="90"
  421.                                                                                             stroke-dasharray="565.49"
  422.                                                                                             stroke-dashoffset="0"></circle>
  423.                                                                                     <circle class="fl-bar" cx="100" cy="100"
  424.                                                                                             data-bbtest="sample-lang" fill="transparent"
  425.                                                                                             r="90"
  426.                                                                                             stroke-dasharray="565.49"
  427.                                                                                             stroke-dashoffset="565.49"
  428.                                                                                             transform="rotate(-90 100 100)"></circle>
  429.                                                                                 </svg>
  430.                                                                             </div>
  431.                                                                         </div>
  432.                                                                     </div>
  433.                                                                 </div>
  434.                                                             </div>
  435.                                                             <div class="fl-module fl-module-pp-notifications fl-node-5df0b9ee181a0"
  436.                                                                  data-node="5df0b9ee181a0">
  437.                                                                 <div class="fl-module-content fl-node-content">
  438.                                                                     <div class="pp-notification-wrapper">
  439.                                                                         <div class="pp-notification-inner">
  440.                                                                             <div class="pp-notification-content">
  441.                                                                                 <p>Total vehicles passed through</p>
  442.                                                                             </div>
  443.                                                                         </div>
  444.                                                                     </div>
  445.                                                                 </div>
  446.                                                             </div>
  447.                                                         </div>
  448.                                                     </div>
  449.                                                     <div class="fl-col fl-node-5df0b6c700c8c fl-col-small"
  450.                                                          data-node="5df0b6c700c8c">
  451.                                                         <div class="fl-col-content fl-node-content">
  452.                                                             <div class="fl-module fl-module-numbers fl-node-5df0ba8928d36"
  453.                                                                  data-node="5df0ba8928d36">
  454.                                                                 <div class="fl-module-content fl-node-content">
  455.                                                                     <div class="fl-number fl-number-circle">
  456.                                                                         <div class="fl-number-circle-container">
  457.                                                                             <div class="fl-number-text">
  458.                                                                                 <div class="fl-number-string"><span
  459.                                                                                             class="fl-number-int"><noscript>90</noscript></span>%
  460.                                                                                 </div>
  461.                                                                                 <span class="fl-number-after-text">Percent</span>
  462.                                                                             </div>
  463.                                                                             <div class="svg-container">
  464.                                                                                 <svg class="svg" preserveAspectRatio="xMinYMin meet"
  465.                                                                                      version="1.1"
  466.                                                                                      viewBox="0 0 200 200">
  467.                                                                                     <circle class="fl-bar-bg" cx="100"
  468.                                                                                             cy="100" fill="transparent"
  469.                                                                                             r="90"
  470.                                                                                             stroke-dasharray="565.49"
  471.                                                                                             stroke-dashoffset="0"></circle>
  472.                                                                                     <circle class="fl-bar" cx="100" cy="100"
  473.                                                                                             data-bbtest="sample-lang" fill="transparent"
  474.                                                                                             r="90"
  475.                                                                                             stroke-dasharray="565.49"
  476.                                                                                             stroke-dashoffset="565.49"
  477.                                                                                             transform="rotate(-90 100 100)"></circle>
  478.                                                                                 </svg>
  479.                                                                             </div>
  480.                                                                         </div>
  481.                                                                     </div>
  482.                                                                 </div>
  483.                                                             </div>
  484.                                                             <div class="fl-module fl-module-pp-notifications fl-node-5df0ba49ad9e2"
  485.                                                                  data-node="5df0ba49ad9e2">
  486.                                                                 <div class="fl-module-content fl-node-content">
  487.                                                                     <div class="pp-notification-wrapper">
  488.                                                                         <div class="pp-notification-inner">
  489.                                                                             <div class="pp-notification-content">
  490.                                                                                 <p>Traffic between 06h00 and 22h00</p>
  491.                                                                             </div>
  492.                                                                         </div>
  493.                                                                     </div>
  494.                                                                 </div>
  495.                                                             </div>
  496.                                                         </div>
  497.                                                     </div>
  498.                                                     <div class="fl-col fl-node-5df0b6c700c8f fl-col-small"
  499.                                                          data-node="5df0b6c700c8f">
  500.                                                         <div class="fl-col-content fl-node-content">
  501.                                                             <div class="fl-module fl-module-numbers fl-node-5df0b6b202f9a"
  502.                                                                  data-node="5df0b6b202f9a">
  503.                                                                 <div class="fl-module-content fl-node-content">
  504.                                                                     <div class="fl-number fl-number-circle">
  505.                                                                         <div class="fl-number-circle-container">
  506.                                                                             <div class="fl-number-text">
  507.                                                                                 <div class="fl-number-string"><span
  508.                                                                                             class="fl-number-int"><noscript>31</noscript></span>
  509.                                                                                 </div>
  510.                                                                                 <span class="fl-number-after-text">Years Old</span>
  511.                                                                             </div>
  512.                                                                             <div class="svg-container">
  513.                                                                                 <svg class="svg" preserveAspectRatio="xMinYMin meet"
  514.                                                                                      version="1.1"
  515.                                                                                      viewBox="0 0 200 200">
  516.                                                                                     <circle class="fl-bar-bg" cx="100"
  517.                                                                                             cy="100" fill="transparent"
  518.                                                                                             r="90"
  519.                                                                                             stroke-dasharray="565.49"
  520.                                                                                             stroke-dashoffset="0"></circle>
  521.                                                                                     <circle class="fl-bar" cx="100" cy="100"
  522.                                                                                             data-bbtest="sample-lang" fill="transparent"
  523.                                                                                             r="90"
  524.                                                                                             stroke-dasharray="565.49"
  525.                                                                                             stroke-dashoffset="565.49"
  526.                                                                                             transform="rotate(-90 100 100)"></circle>
  527.                                                                                 </svg>
  528.                                                                             </div>
  529.                                                                         </div>
  530.                                                                     </div>
  531.                                                                 </div>
  532.                                                             </div>
  533.                                                             <div class="fl-module fl-module-pp-notifications fl-node-5df0b906e7fed"
  534.                                                                  data-node="5df0b906e7fed">
  535.                                                                 <div class="fl-module-content fl-node-content">
  536.                                                                     <div class="pp-notification-wrapper">
  537.                                                                         <div class="pp-notification-inner">
  538.                                                                             <div class="pp-notification-content">
  539.                                                                                 <p>Opened in March 1988</p>
  540.                                                                             </div>
  541.                                                                         </div>
  542.                                                                     </div>
  543.                                                                 </div>
  544.                                                             </div>
  545.                                                         </div>
  546.                                                     </div>
  547.                                                 </div>
  548.                                             </div>
  549.                                         </div>
  550.                                     </div>
  552.                                     <!-- Videos -->
  553.                                     <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5df0bbe730097"
  554.                                          data-node="5df0bbe730097">
  555.                                         <div class="fl-row-content-wrap">
  556.                                             <div class="uabb-row-separator uabb-top-row-separator">
  557.                                             </div>
  558.                                             <div class="fl-row-content fl-row-fixed-width fl-node-content">
  559.                                                 <div class="fl-col-group fl-node-5df0bcd37b1d8" data-node="5df0bcd37b1d8">
  560.                                                     <div class="fl-col fl-node-5df0bcd37b4ad" data-node="5df0bcd37b4ad">
  561.                                                         <div class="fl-col-content fl-node-content">
  562.                                                             <div class="fl-module fl-module-pp-heading fl-node-5df0ca689b38e"
  563.                                                                  data-node="5df0ca689b38e">
  564.                                                                 <div class="fl-module-content fl-node-content">
  565.                                                                     <div class="pp-heading-content">
  566.                                                                         <div class="pp-heading  pp-center">
  567.                                                                             <h2 class="heading-title">
  568.                                                                                 <span class="title-text pp-primary-title">View our Video tour</span>
  569.                                                                             </h2>
  570.                                                                         </div>
  571.                                                                         <div class="pp-heading-separator line_only pp-center">
  572.                                                                             <span class="pp-separator-line"></span>
  573.                                                                         </div>
  574.                                                                     </div>
  575.                                                                 </div>
  576.                                                             </div>
  577.                                                         </div>
  578.                                                     </div>
  579.                                                 </div>
  580.                                                 <div class="fl-col-group fl-node-5df0bbe74b6cf" data-node="5df0bbe74b6cf">
  581.                                                     <div class="fl-col fl-node-5df0bbe74bae9 fl-col-small"
  582.                                                          data-node="5df0bbe74bae9">
  583.                                                         <div class="fl-col-content fl-node-content">
  584.                                                             <div class="fl-module fl-module-heading fl-node-5df0bea64dad0"
  585.                                                                  data-node="5df0bea64dad0">
  586.                                                                 <div class="fl-module-content fl-node-content">
  587.                                                                     <h2 class="fl-heading">
  588.                                                                         <span class="fl-heading-text">360° Virtual Reality Experience </span>
  589.                                                                     </h2>
  590.                                                                 </div>
  591.                                                             </div>
  592.                                                             <div class="fl-module fl-module-pp-video fl-node-5df0be7651830"
  593.                                                                  data-node="5df0be7651830">
  594.                                                                 <div class="fl-module-content fl-node-content">
  595.                                                                     <div class="pp-video-wrapper pp-aspect-ratio-169">
  596.                                                                         <div class="pp-fit-aspect-ratio">
  597.                                                                             <div class="pp-video-image-overlay">
  598.                                                                                 <img alt="" class="wp-image-39" height="600"
  599.                                                                                      loading="lazy" src="images/home/{{ home_data.videoLeftThumb }}" width="800"/>
  600.                                                                                 <script class="pp-video-lightbox-content"
  601.                                                                                         type="text/html">
  602.                                                                                     <div class="pp-video-container">
  603.                                                                                         <div class="pp-fit-aspect-ratio">
  604.                                                                                             <iframe class="pp-video-iframe"
  605.                                                                                                     allowfullscreen
  606.                                                                                                     allow="autoplay"
  607.                                                                                                     src="{{ home_data.videoLeft }}?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;modestbranding=1"></iframe>
  608.                                                                                         </div>
  609.                                                                                     </div></script>
  610.                                                                                 <div class="pp-video-play-icon"
  611.                                                                                      role="button">
  612.                                                                                     <svg version="1.1"
  613.                                                                                          viewBox="0 0 415.346 415.346"
  614.                                                                                          x="0px"
  615.                                                                                          xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
  616.                                                                                          xmlns:xlink="http://www.w3.org/1999/xlink"
  617.                                                                                          y="0px">
  618. <g>
  619.     <g>
  620.         <path d="M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697
  621.             c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"/>
  622.     </g>
  623. </svg>
  624.                                                                                     <span class="pp-screen-only">Play Video</span>
  625.                                                                                 </div>
  626.                                                                             </div>
  627.                                                                         </div>
  628.                                                                     </div>
  629.                                                                 </div>
  630.                                                             </div>
  631.                                                         </div>
  632.                                                     </div>
  633.                                                     <div class="fl-col fl-node-5df0bbe74baf5 fl-col-small"
  634.                                                          data-node="5df0bbe74baf5">
  635.                                                         <div class="fl-col-content fl-node-content">
  636.                                                             <div class="fl-module fl-module-heading fl-node-5df0becfba461"
  637.                                                                  data-node="5df0becfba461">
  638.                                                                 <div class="fl-module-content fl-node-content">
  639.                                                                     <h2 class="fl-heading">
  640.                                                                         <span class="fl-heading-text">2D Video Experience</span>
  641.                                                                     </h2>
  642.                                                                 </div>
  643.                                                             </div>
  644.                                                             <div class="fl-module fl-module-pp-video fl-node-5df0bcc38c222"
  645.                                                                  data-node="5df0bcc38c222">
  646.                                                                 <div class="fl-module-content fl-node-content">
  647.                                                                     <div class="pp-video-wrapper pp-aspect-ratio-169">
  648.                                                                         <div class="pp-fit-aspect-ratio">
  649.                                                                             <div class="pp-video-image-overlay">
  650.                                                                                 <img alt="" class="wp-image-40" height="600"
  651.                                                                                      loading="lazy" src="images/home/{{ home_data.videoRightThumb }}" width="800"/>
  652.                                                                                 <script class="pp-video-lightbox-content"
  653.                                                                                         type="text/html">
  654.                                                                                     <div class="pp-video-container">
  655.                                                                                         <div class="pp-fit-aspect-ratio">
  656.                                                                                             <iframe class="pp-video-iframe"
  657.                                                                                                     allowfullscreen
  658.                                                                                                     allow="autoplay"
  659.                                                                                                     src="{{ home_data.videoRight }}?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;modestbranding=1"></iframe>
  660.                                                                                         </div>
  661.                                                                                     </div></script>
  662.                                                                                 <div class="pp-video-play-icon"
  663.                                                                                      role="button">
  664.                                                                                     <svg version="1.1"
  665.                                                                                          viewBox="0 0 415.346 415.346"
  666.                                                                                          x="0px"
  667.                                                                                          xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
  668.                                                                                          xmlns:xlink="http://www.w3.org/1999/xlink"
  669.                                                                                          y="0px">
  670. <g>
  671.     <g>
  672.         <path d="M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697
  673.             c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"/>
  674.     </g>
  675. </svg>
  676.                                                                                     <span class="pp-screen-only">Play Video</span>
  677.                                                                                 </div>
  678.                                                                             </div>
  679.                                                                         </div>
  680.                                                                     </div>
  681.                                                                 </div>
  682.                                                             </div>
  683.                                                         </div>
  684.                                                     </div>
  685.                                                 </div>
  686.                                             </div>
  687.                                         </div>
  688.                                     </div>
  690.                                     <!-- App download -->
  691.                                     <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5df0bf4042ebe"
  692.                                          data-node="5df0bf4042ebe">
  693.                                         <div class="fl-row-content-wrap">
  694.                                             <div class="uabb-row-separator uabb-top-row-separator">
  695.                                             </div>
  696.                                             <div class="fl-row-content fl-row-fixed-width fl-node-content">
  697.                                                 <div class="fl-col-group fl-node-5df0c67dc1704" data-node="5df0c67dc1704">
  698.                                                     <div class="fl-col fl-node-5df0c67dc19b3 fl-col-small fl-col-has-cols"
  699.                                                          data-node="5df0c67dc19b3">
  700.                                                         <div class="fl-col-content fl-node-content">
  701.                                                             <div class="fl-module fl-module-pp-heading fl-node-5df0b1920c756 just"
  702.                                                                  data-node="5df0b1920c756">
  703.                                                                 <div class="fl-module-content fl-node-content">
  704.                                                                     <div class="pp-heading-content">
  705.                                                                         <div class="pp-heading  pp-left">
  706.                                                                             <h2 class="heading-title">
  707.                                                                                 <span class="title-text pp-primary-title">download our app</span>
  708.                                                                             </h2>
  709.                                                                         </div>
  710.                                                                         <div class="pp-heading-separator line_only pp-left">
  711.                                                                             <span class="pp-separator-line"></span>
  712.                                                                         </div>
  713.                                                                     </div>
  714.                                                                 </div>
  715.                                                             </div>
  716.                                                             <div class="fl-col-group fl-node-5df0c69162319 fl-col-group-nested"
  717.                                                                  data-node="5df0c69162319">
  718.                                                                 <div class="fl-col fl-node-5df0c691625a2 fl-col-small"
  719.                                                                      data-node="5df0c691625a2">
  720.                                                                     <div class="fl-col-content fl-node-content">
  721.                                                                         <div class="fl-module fl-module-pp-image fl-node-5df0c6b2b7337"
  722.                                                                              data-node="5df0c6b2b7337">
  723.                                                                             <div class="fl-module-content fl-node-content">
  724.                                                                                 <div class="pp-photo-container">
  725.                                                                                     <div class="pp-photo pp-photo-align-center pp-photo-align-responsive-default"
  726.                                                                                          itemscope
  727.                                                                                          itemtype="http://schema.org/ImageObject">
  728.                                                                                         <div class="pp-photo-content ">
  729.                                                                                             <div class="pp-photo-content-inner">
  730.                                                                                                 <a href="https://play.google.com/store/apps/details?id=com.bizarReality.SANRALHuguenotTunnelVRExperience&hl=en_ZA" target="_blank">
  731.                                                                                                 <img alt="google play"
  732.                                                                                                      class="pp-photo-img wp-image-48 size-full"
  733.                                                                                                      height="152"
  734.                                                                                                      itemprop="image"
  735.                                                                                                      loading="lazy"
  736.                                                                                                      sizes="(max-width: 506px) 100vw, 506px"
  737.                                                                                                      src="{{ asset('images/google-play.png') }}"
  738.                                                                                                      srcset="{{ asset('images/google-play.png')}} 506w, {{ asset('images/google-play-300x90.png')}} 300w"
  739.                                                                                                      width="506"/>
  740.                                                                                                 </a>
  741.                                                                                                 <div class="pp-overlay-bg"></div>
  742.                                                                                             </div>
  743.                                                                                         </div>
  744.                                                                                     </div>
  745.                                                                                 </div>
  746.                                                                             </div>
  747.                                                                         </div>
  748.                                                                     </div>
  749.                                                                 </div>
  750.                                                                 <div class="fl-col fl-node-5df0c691625ae fl-col-small"
  751.                                                                      data-node="5df0c691625ae">
  752.                                                                     <div class="fl-col-content fl-node-content">
  753.                                                                         <div class="fl-module fl-module-pp-image fl-node-5df0c69da5c2d"
  754.                                                                              data-node="5df0c69da5c2d">
  755.                                                                             <div class="fl-module-content fl-node-content">
  756.                                                                                 <div class="pp-photo-container">
  757.                                                                                     <div class="pp-photo pp-photo-align-center pp-photo-align-responsive-default"
  758.                                                                                          itemscope
  759.                                                                                          itemtype="http://schema.org/ImageObject">
  760.                                                                                         <div class="pp-photo-content ">
  761.                                                                                             <div class="pp-photo-content-inner">
  762.                                                                                                 <a href="https://apps.apple.com/za/app/sanral-huguenot-tunnel-vr/id1577335006" target="_blank">
  763.                                                                                                 <img alt="applestore"
  764.                                                                                                      class="pp-photo-img wp-image-49 size-full"
  765.                                                                                                      height="152"
  766.                                                                                                      itemprop="image"
  767.                                                                                                      loading="lazy"
  768.                                                                                                      sizes="(max-width: 506px) 100vw, 506px"
  769.                                                                                                      src="{{ asset('images/applestore.png') }}"
  770.                                                                                                      srcset="{{ asset('images/applestore.png')}} 506w, {{ asset('images/applestore-300x90.png')}} 300w"
  771.                                                                                                      width="506"/>
  772.                                                                                                 </a>
  773.                                                                                                 <div class="pp-overlay-bg"></div>
  774.                                                                                             </div>
  775.                                                                                         </div>
  776.                                                                                     </div>
  777.                                                                                 </div>
  778.                                                                             </div>
  779.                                                                         </div>
  780.                                                                     </div>
  781.                                                                 </div>
  782.                                                             </div>
  783.                                                         </div>
  784.                                                     </div>
  785. {#                                                    <div class="fl-col fl-node-5df0c67dc19c0 fl-col-small"#}
  786. {#                                                         data-node="5df0c67dc19c0">#}
  787. {#                                                        <div class="fl-col-content fl-node-content">#}
  788. {#                                                            <div class="fl-module fl-module-pp-image-carousel fl-node-5df0c09e9922d"#}
  789. {#                                                                 data-node="5df0c09e9922d">#}
  790. {#                                                                <div class="fl-module-content fl-node-content">#}
  791. {#                                                                    <div class="pp-image-carousel-wrapper">#}
  792. {#                                                                        <div class="pp-image-carousel swiper-container pp-carousel-navigation-outside">#}
  793. {#                                                                            <div class="swiper-wrapper">#}
  794. {#                                                                                <div class="pp-image-carousel-item swiper-slide">#}
  795. {#                                                                                    <div class="pp-carousel-image-container"#}
  796. {#                                                                                         style="background-image:url({{ asset('images/1a.jpg') }})"></div>#}
  797. {#                                                                                </div>#}
  798. {#                                                                                <div class="pp-image-carousel-item swiper-slide">#}
  799. {#                                                                                    <div class="pp-carousel-image-container"#}
  800. {#                                                                                         style="background-image:url('{{ asset('images/2a.jpg') }}')"></div>#}
  801. {#                                                                                </div>#}
  802. {#                                                                                <div class="pp-image-carousel-item swiper-slide">#}
  803. {#                                                                                    <div class="pp-carousel-image-container"#}
  804. {#                                                                                         style="background-image:url('{{ asset('images/3a.jpg') }}')"></div>#}
  805. {#                                                                                </div>#}
  806. {#                                                                            </div>#}
  807. {#                                                                            <!-- pagination -->#}
  808. {#                                                                            <div class="swiper-pagination"></div>#}
  809. {#                                                                        </div>#}
  810. {#                                                                    </div>#}
  811. {#                                                                </div>#}
  812. {#                                                            </div>#}
  813. {#                                                        </div>#}
  814. {#                                                    </div>#}
  815.                                                 </div>
  816.                                             </div>
  817.                                         </div>
  818.                                     </div>
  820.                                     <!-- Latest News -->
  821. {#                                    <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5df0c9a8eea22"#}
  822. {#                                         data-node="5df0c9a8eea22">#}
  823. {#                                        <div class="fl-row-content-wrap">#}
  824. {#                                            <div class="uabb-row-separator uabb-top-row-separator">#}
  825. {#                                            </div>#}
  826. {#                                            <div class="fl-row-content fl-row-fixed-width fl-node-content">#}
  827. {#                                                <div class="fl-col-group fl-node-5df0c9a91c38a" data-node="5df0c9a91c38a">#}
  828. {#                                                    <div class="fl-col fl-node-5df0c9a91c602" data-node="5df0c9a91c602">#}
  829. {#                                                        <div class="fl-col-content fl-node-content">#}
  830. {#                                                            <div class="fl-module fl-module-pp-heading fl-node-5df0bccba8f2b"#}
  831. {#                                                                 data-node="5df0bccba8f2b">#}
  832. {#                                                                <div class="fl-module-content fl-node-content">#}
  833. {#                                                                    <div class="pp-heading-content">#}
  834. {#                                                                        <div class="pp-heading  pp-center">#}
  835. {#                                                                            <h2 class="heading-title">#}
  836. {#                                                                                <span class="title-text pp-primary-title">Latest News</span>#}
  837. {#                                                                            </h2>#}
  838. {#                                                                        </div>#}
  839. {#                                                                        <div class="pp-heading-separator line_only pp-center">#}
  840. {#                                                                            <span class="pp-separator-line"></span>#}
  841. {#                                                                        </div>#}
  842. {#                                                                    </div>#}
  843. {#                                                                </div>#}
  844. {#                                                            </div>#}
  845. {#                                                            <div class="fl-module fl-module-pp-content-tiles fl-node-5df0c9a8ec1c4"#}
  846. {#                                                                 data-node="5df0c9a8ec1c4">#}
  847. {#                                                                <div class="fl-module-content fl-node-content">#}
  848. {#                                                                    <div class="pp-post-tiles pp-tile-layout-3"#}
  849. {#                                                                         itemscope="itemscope"#}
  850. {#                                                                         itemtype="http://schema.org/Blog">#}
  851. {#                                                                        <div class="pp-post-tile-left">#}
  852. {#                                                                            <div class="pp-post-tile-post pp-post-tile-post-1"#}
  853. {#                                                                                 itemscope#}
  854. {#                                                                                 itemtype="https://schema.org/BlogPosting">#}
  855. {#                                                                                <div class="pp-post-tile-image"#}
  856. {#                                                                                     style="background-image: url('images/press_releases/{{ press1_data.banner }}')">#}
  857. {#                                                                                    <a aria-label="Media release Fun and games with SANRAL at Scifest Africa"#}
  858. {#                                                                                       href="{{ path('press_release_article',{'id': press1_data.id, 'title': press1_data.title|replace({' ':''})}) }}"#}
  859. {#                                                                                       title="{{ press1_data.title }}"></a>#}
  860. {#                                                                                </div>#}
  861. {#                                                                                <div class="pp-post-tile-text">#}
  862. {#                                                                                    <div class="pp-post-tile-info">#}
  863. {#                                                                                        <div class="pp-post-tile-category">#}
  864. {#                                                                                            <span class="pp-category-press releases">Press Releases</span>#}
  865. {#                                                                                        </div>#}
  866. {#                                                                                        <h3 class="pp-post-tile-title"#}
  867. {#                                                                                            itemprop="headline">#}
  868. {#                                                                                            <a href="media-release-fun-and-games-with-sanral-at-scifest-africa.html"#}
  869. {#                                                                                               rel="bookmark"#}
  870. {#                                                                                               title="{{ press1_data.title }}">#}
  871. {#                                                                                                {{ press1_data.title }}#}
  872. {#                                                                                            </a>#}
  873. {#                                                                                        </h3>#}
  874. {#                                                                                    </div>#}
  875. {#                                                                                </div>#}
  876. {#                                                                            </div>#}
  877. {#                                                                        </div>#}
  878. {#                                                                        <div class="pp-post-tile-right">#}
  879. {#                                                                            <div class="pp-post-tile-post pp-post-tile-post-2 pp-post-tile-medium"#}
  880. {#                                                                                 itemscope#}
  881. {#                                                                                 itemtype="https://schema.org/BlogPosting">#}
  882. {#                                                                                <div class="pp-post-tile-image"#}
  883. {#                                                                                     style="background-image: url('images/press_releases/{{ press2_data.banner }}')">#}
  884. {#                                                                                    <a href="{{ path('press_release_article',{'id': press2_data.id, 'title': press2_data.title|replace({' ':''})}) }}"></a>#}
  885. {#                                                                                </div>#}
  886. {#                                                                                <div class="pp-post-tile-text">#}
  887. {#                                                                                    <div class="pp-post-tile-info">#}
  888. {#                                                                                        <div class="pp-post-tile-category">#}
  889. {#                                                                                            <span class="pp-category-press releases">Press Releases</span>#}
  890. {#                                                                                        </div>#}
  891. {#                                                                                        <h3 class="pp-post-tile-title"#}
  892. {#                                                                                            itemprop="headline">#}
  893. {#                                                                                            <a href="{{ path('press_release_article',{'id': press2_data.id, 'title': press2_data.title|replace({' ':''})}) }}">#}
  894. {#                                                                                                {{ press2_data.title }}#}
  895. {#                                                                                            </a>#}
  896. {#                                                                                        </h3>#}
  897. {#                                                                                    </div>#}
  898. {#                                                                                </div>#}
  899. {#                                                                            </div>#}
  900. {#                                                                            <div class="pp-post-tile-post pp-post-tile-post-3 pp-post-tile-medium">#}
  901. {#                                                                                <div class="pp-post-tile-image"#}
  902. {#                                                                                     style="background-image: url('images/press_releases/{{ press3_data.banner }}')">#}
  903. {#                                                                                    <a aria-label="R75 Section 1 Rehabilitation reaches half-way mark"#}
  904. {#                                                                                       href="{{ path('press_release_article',{'id': press3_data.id, 'title': press3_data.title|replace({' ':''})}) }}"</a>#}
  905. {#                                                                                </div>#}
  906. {#                                                                                <div class="pp-post-tile-text">#}
  907. {#                                                                                    <div class="pp-post-tile-info">#}
  908. {#                                                                                        <div class="pp-post-tile-category">#}
  909. {#                                                                                            <span class="pp-category-press releases">Press Releases</span>#}
  910. {#                                                                                        </div>#}
  911. {#                                                                                        <h3 class="pp-post-tile-title"#}
  912. {#                                                                                            itemprop="headline">#}
  913. {#                                                                                            <a href="{{ path('press_release_article',{'id': press3_data.id, 'title': press3_data.title|replace({' ':''})}) }}">#}
  914. {#                                                                                                {{ press3_data.title }}#}
  915. {#                                                                                            </a>#}
  916. {#                                                                                        </h3>#}
  917. {#                                                                                    </div>#}
  918. {#                                                                                </div>#}
  919. {#                                                                            </div>#}
  920. {#                                                                        </div>#}
  921. {#                                                                    </div>#}
  922. {#                                                                    <div class="fl-clear"></div>#}
  923. {#                                                                </div>#}
  924. {#                                                            </div>#}
  925. {#                                                        </div>#}
  926. {#                                                    </div>#}
  927. {#                                                </div>#}
  928. {#                                            </div>#}
  929. {#                                        </div>#}
  930. {#                                    </div>#}
  931.                                 </div>
  932.                                 <div class="uabb-js-breakpoint" style="display: none;"></div>
  933.                             </div><!-- .fl-post-content -->
  934.                         </article>
  935.                         <!-- .fl-post -->
  936.                     </div>
  937.                 </div>
  938.             </div>
  939.         </div>
  940.     {% endblock %}