templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.         <title>Atlantic Baptist Foundation | {% block title %}Welcome!{% endblock %}</title>
  9.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  10.         <!-- Look and Feel Styles -->
  11.         <link rel="stylesheet" href="{{ asset('css/style.css') }}" />
  12.         {% block stylesheets %}{% endblock %}
  14.         <!-- favicons -->
  15.         <link rel="icon" href="{{ asset('images/cropped-favicon-abf-512-32x32.png') }}" sizes="32x32" />
  16.         <link rel="icon" href="{{ asset('images/cropped-favicon-abf-512-192x192.png') }}" sizes="192x192" />
  17.         <link rel="apple-touch-icon" href="{{ asset('images/cropped-favicon-abf-512-180x180.png') }}" />
  18.         <meta name="msapplication-TileImage" content="{{ asset('images/cropped-favicon-abf-512-270x270.png') }}" />
  19.     </head>
  20.     <body class="{% block page_class %}{% endblock %}" id="app_body">
  21.         <header class="header {% block head_class %}fuseBaseHead{% endblock %}">
  22.             {# Main navigation. The nav links may be updated as necessary. #}
  23.             <!-- <div class="verso-nav-mobile">
  24.                 <a id="nav-toggle" href="#">
  25.                     <span></span>
  26.                 </a>
  27.             </div> -->
  28.             <nav class="fuseNavBar bg-secondary">
  29.                 <div class="container">
  30.                     <div class="row">
  31.                         <div class="col-sm-4 col-xs-12 first mainLogoWrap">
  32.                             <a class="navbar-brand" href="{{ path('home') }}" class="mainLogoLink"><img src="{{ asset('images/logo-abf-white.png') }}" class="mainLogo" alt="Atlantic Baptist Foundation" /></a>
  33.                         </div>
  34.                         <div class="col-sm-8 col-xs-12 last text-right fuseInnderNavWrap">
  35.                             {% block nav_links %}
  36.                             <a class="btn btn-success right" href="{{ path('login') }}">Login</a>
  37.                             <a class="btn btn-warning right" href="{{ path('register') }}">Register</a>
  38.                             {% endblock %}
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.             </nav>
  43.             <div class="container fuseSubHead">
  44.                 <div class="row">
  45.                     <div class="col-12 fuseTitleBlock">
  46.                         <div class="fuseTitleWrap">
  47.                             {% block sub_head %}{% endblock %}
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </header>
  54.         {# Flash messages #}
  55.         {% for label, messages in app.flashes(['danger','warning','success', 'info']) %}
  56.             <div class="modal alert-modal {{ label }}" role="dialog" id="{{ label }}-modal">
  57.                 <div class="modal-body">
  58.             {% for message in messages %}
  59.             <div class="alert alert-{{ label }}" role="alert">
  60.                 <div class="container">
  61.                     {{ message }}
  62.                 </div>
  63.             </div>
  64.             {% endfor %}
  65.                 </div>
  66.                 <div class="modal-footer">
  67.                     <button type="button" class="btn btn-{{ label }}" data-dismiss="modal">OK</button>
  68.                 </div>
  69.             </div>
  70.         {% endfor %}
  72.         <article class="container">
  73.         {% block body %}{% endblock %}
  74.         </article>
  76.         <footer class="fuseFooterWrap">
  77.             <h4>Need some help?</h4>
  78.             <p>Call Us</p>
  79.             <a href="tel:18882631444" class="phone">1-888-263-1444</a>
  80.         </footer>
  81.         <div class="fuseSubFooterWrap">
  82.             <p>10 Atlantic Baptist Ave, Moncton NB E1E 4N2 | Copyright 2021 Atlantic baptist Foundation. Website by Fusebox Creative</p>
  83.         </div>
  85.         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  86.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  87.         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  88.         <script type="text/javascript">
  89.             const alertModals = document.querySelectorAll('.alert-modal');
  90.             // activate each alert modal if a message is present.
  91.             alertModals.forEach(modal => {
  92.                 if (modal.querySelector('.alert')) {
  93.                     $(`#${modal.id}`).modal('show')
  94.                 }
  95.              });
  96.         </script>
  97.         {% block javascripts %}{% endblock %}
  98.         {% block icons %}{% endblock %}
  99.     </body>
  100. </html>