templates/Frontend/Templates/default.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  6.     <title>{% block page_title %}{% endblock %}</title>
  7.     {% set canonical_url = app.request.uri %}
  8.     <link rel="canonical" href="{{ canonical_url }}" />
  9.     {% block metaData %}{% endblock %}
  11.     {% include 'Frontend/Templates/Partials/opengraph.html.twig' %}
  12.     {% include 'Frontend/Templates/Partials/head.html.twig' %}
  14. </head>
  16. <body id="page-body">
  17.     {{ config_helper.getValue('bodystart_extracode', '')|raw }}
  19.     <div id="page-content">
  20.         {% include 'Frontend/Templates/Partials/header.html.twig' %}
  22.         <div class="google-reviews-mobile flex-column justify-content-center align-items-center pt-2 pb-2">
  23.             <span>We're rated 5 stars on Google</span>
  24.             <div>
  25.                 <i class="fa fa-star" style="color: #ffdd33;"></i>
  26.                 <i class="fa fa-star" style="color: #ffdd33;"></i>
  27.                 <i class="fa fa-star" style="color: #ffdd33;"></i>
  28.                 <i class="fa fa-star" style="color: #ffdd33;"></i>
  29.                 <i class="fa fa-star" style="color: #ffdd33;"></i>
  30.             </div>
  31.         </div>
  32.         {% include 'Frontend/Templates/Partials/alerts.html.twig' %}
  34.         {# <div id="popup-container" class="popup">
  35.             <div class="popup-content">
  36.                 <img src="/assets/frontend/img/logo.png" style="width: 150px; height: auto;" class="logo mt-2 mb-4"/>
  37.                 <div>
  38.                     <h1 class="popup-items" style="text-align: center;">On time every time</h1>
  39.                     <p style="text-align: center;">Sign up to our newsletter to keep up to date with latest news and offers from Apollo Distribution Cardiff</p>
  41.                     <div id="mc_embed_shell">
  43.                         <div id="mc_embed_signup">
  44.                             <form action="https://apollodistributioncardiff.us3.list-manage.com/subscribe/post?u=75e36ed151a876e426b7cf880&amp;id=5f1055e0a9&amp;f_id=00ec52e2f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate="" style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
  45.                                 <div style="width: 80%" id="mc_embed_signup_scroll">
  46.                                     <div class="mc-field-group">
  47.                                         <input type="text" name="FNAME" class="mb-2 form-control text" id="mce-FNAME" placeholder="Your Name" value="">
  48.                                     </div>
  49.                                     <div class="mc-field-group">
  50.                                         <input type="email" name="EMAIL" class="mb-2 form-control required email" id="mce-EMAIL" required="" placeholder="Your Email" value="">
  51.                                     </div>
  52.                                 <div id="mce-responses" class="clear foot">
  53.                                     <div class="response" id="mce-error-response" style="display: none;"></div>
  54.                                     <div class="response" id="mce-success-response" style="display: none;"></div>
  55.                                 </div>
  56.                                 <div aria-hidden="true" style="position: absolute; left: -5000px;">
  57.                                 <input type="text" name="b_75e36ed151a876e426b7cf880_31d023ab48" tabindex="-1" value="">
  58.                                 </div>
  59.                                 <div class="d-flex justify-content-center optionalParent">
  60.                                     <div class="clear foot">
  61.                                         <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary button" value="Subscribe">
  62.                                         <p style="margin: 0px auto;"><a href="http://eepurl.com/ikPvU5" title="Mailchimp - email marketing made easy and fun"><span style="display: inline-block; background-color: transparent; border-radius: 4px;"></span></a></p>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                             </form>
  67.                         </div>
  68.                     </div>
  70.                     <p style="font-size: 15px" class="text-center mt-4 popup-text">You can unsubscribe at any time</p>
  71.                     <button id="close-btn" class="btn" style="position: absolute; top: 10px; right: 10px; padding: 5px 10px; cursor: pointer;">X</button>
  72.                 </div>
  73.             </div>
  74.         </div> #}
  76.         <div id="block-content">
  77.             {% block content %}
  78.             {% endblock %}
  79.         </div>
  81.         {% include 'Frontend/Templates/Partials/footer.html.twig' %}
  83.         {% include 'Frontend/Templates/Partials/foot.html.twig' %}
  85.     </div>
  89.     <script>
  90.         $(document).ready(function(){
  91.             {% block javascript_onload %}{% endblock %}
  92.         });
  94.         document.addEventListener('DOMContentLoaded', function () {
  95.             // Check if the popup has been displayed in this session
  96.             const popupDisplayed = sessionStorage.getItem('popupDisplayed');
  98.             {# // If the popup hasn't been displayed, show it after 10 seconds
  99.             if (!popupDisplayed) {
  100.                 setTimeout(function () {
  101.                     document.getElementById('popup-container').style.display = 'block';
  102.                     sessionStorage.setItem('popupDisplayed', 'true');
  103.                 }, 10000);
  104.             } #}
  106.             {# document.getElementById('close-btn').addEventListener('click', function () {
  107.                 document.getElementById('popup-container').style.display = 'none';
  108.             }); #}
  110.             document.getElementById('subscribe-form').addEventListener('submit', function (event) {
  111.                 event.preventDefault();
  113.                 const name = this.elements.name.value;
  114.                 const email = this.elements.email.value;
  115.             });
  116.         });
  119.     </script>
  121.     {{ config_helper.getValue('bodyend_extracode', '')|raw }}
  123. </body>
  124. </html>