templates/frontend/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2.     {% block meta_title %}
  3.         {% set metaTitle = 'Contact | Huguenot Tunnel' %}
  4.         {{ metaTitle }}
  5.     {% endblock %}
  6.     {% block meta_decription %}
  7.         {% set metaTitle = 'Contact | Huguenot Tunnel' %}
  8.         {% set metaDescription = metaTitle %}
  9.         <meta name="twitter:card" content="summary" />
  10.         <meta name="twitter:site" content="Sanral" />
  11.         <meta name="twitter:title" content="{{ metaTitle }}" />
  12.         <meta name="twitter:description" content="{{ metaDescription }}" />
  13.         <meta name="twitter:image" content="https://ap-live.nerdw.com/images/banner/about-banner.jpg" />
  14.         <meta name="twitter:url" content="{{ app.request.uri }}" />
  16.         <meta name="og:image" content="https://ap-live.nerdw.com/images/banner/about-banner.jpg" />
  17.         <meta name="og:title" content="{{ metaTitle }}" />
  18.         <meta name="og:description" content="{{ metaDescription }}" />
  19.         <meta name="og:url" content="{{ app.request.uri }}" />
  20.         <meta name="description" content="{{ metaDescription }}">
  21.     {% endblock %}
  22.     {% block stylesheets %}
  23.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  24.         {{ parent() }}
  25.         <link rel="stylesheet" href="{{ asset('assets/css/17-layout.css') }}">
  26.         <style>
  27.             .con-btn {
  28.                 padding-top: 15px;
  29.                 padding-right: 35px;
  30.                 padding-bottom: 15px;
  31.                 padding-left: 35px;
  32.                 font-family: "Exo 2", sans-serif;
  33.                 font-weight: 500;
  34.                 font-size: 18px;
  35.                 text-transform: uppercase;
  36.                 color: #ffffff;
  37.                 background: #f36f21;
  38.                 border: solid 1px #f36f21 !important;
  39.                 display: block;
  40.                 margin: 0 auto;
  41.             }
  43.             .con-btn:hover {
  44.                 background: #007663;
  45.                 border: solid 1px #007663 !important;
  46.             }
  47.         </style>
  48.     {% endblock %}
  50.     {% block layout %}
  52.         <a aria-label="Skip to content" class="fl-screen-reader-text" href="#fl-main-content">Skip to content</a>
  53.         <div class="fl-page">
  54.             <div class="uabb-js-breakpoint" style="display: none;"></div>
  55.             <div id="fl-main-content" class="fl-page-content" itemprop="mainContentOfPage" role="main">
  56.                 <div class="fl-content-full container">
  57.                     <div class="row">
  58.                         <div class="fl-content col-md-12">
  59.                             <article class="fl-post post-17 page type-page status-publish hentry" id="fl-post-17" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
  60.                                 <div class="fl-post-content clearfix" itemprop="text">
  61.                                     <div class="fl-builder-content fl-builder-content-17 fl-builder-content-primary fl-builder-global-templates-locked" data-post-id="17">
  62.                                         <div class="fl-row fl-row-full-width fl-row-bg-photo fl-node-5df0d060c4d21 fl-row-bg-overlay" data-node="5df0d060c4d21">
  63.                                             <div class="fl-row-content-wrap" style="background-image: url({{ asset('images/huguenot_tunnel_entrance2.jpg') }});background-repeat: no-repeat;background-position: center bottom;background-attachment: scroll;background-size: cover;border-style: solid;border-width: 0;background-clip: border-box;border-color: #007663;border-bottom-width: 5px;">
  64.                                                 <div class="uabb-row-separator uabb-top-row-separator"></div>
  65.                                                 <div class="fl-row-content fl-row-fixed-width fl-node-content">
  66.                                                     <div class="fl-col-group fl-node-5df0d060c4d16" data-node="5df0d060c4d16">
  67.                                                         <div class="fl-col fl-node-5df0d060c4d1c" data-node="5df0d060c4d1c">
  68.                                                             <div class="fl-col-content fl-node-content">
  69.                                                                 <div class="fl-module fl-module-pp-heading fl-node-5df0d060c4d20" data-node="5df0d060c4d20">
  70.                                                                     <div class="fl-module-content fl-node-content">
  71.                                                                         <div class="pp-heading-content">
  72.                                                                             <div class="pp-heading pp-left">
  73.                                                                                 <h2 class="heading-title">
  74.                                                                                     <span class="title-text pp-primary-title">Contact Us</span>
  75.                                                                                 </h2>
  76.                                                                             </div>
  77.                                                                             <div class="pp-heading-separator line_only pp-left">
  78.                                                                                 <span class="pp-separator-line"></span>
  79.                                                                             </div>
  80.                                                                         </div>
  81.                                                                     </div>
  82.                                                                 </div>
  83.                                                             </div>
  84.                                                         </div>
  85.                                                     </div>
  86.                                                 </div>
  87.                                             </div>
  88.                                         </div>
  90.                                         <div class="fl-row fl-row-full-width fl-row-bg-none fl-node-5df0d16e04a5d" data-node="5df0d16e04a5d">
  91.                                             <div class="container">
  92.                                                 <div class="row">
  93.                                                     <div class="col-12 col-md-7">
  94.                                                         <div class="fl-module fl-module-pp-heading fl-node-5df0d39f3a8b0" data-node="5df0d39f3a8b0">
  95.                                                             <div class="fl-module-content fl-node-content">
  96.                                                                 <div class="pp-heading-content">
  97.                                                                     <div class="pp-heading pp-left">
  98.                                                                         <h2 class="heading-title">
  99.                                                                             <span class="title-text pp-primary-title">Please leave your message below</span>
  100.                                                                         </h2>
  101.                                                                     </div>
  102.                                                                 </div>
  103.                                                             </div>
  104.                                                         </div>
  105.                                                         {% if message == 1 %}
  106.                                                             <span style="color: #9c3328; font-weight: bold">
  107.                                                                 Thank you for getting in touch, we will get back to you shortly
  108.                                                             </span>
  109.                                                         {%  else %}
  110.                                                             {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
  111.                                                             {#                                                                                    {{ form_widget(form) }}#}
  112.                                                             <div class="form-row">
  113.                                                                 <div class="form-group col-md-6">
  114.                                                                     <label for="inputEmail4">First Name</label>
  115.                                                                     <div class="call_back_error_msg">
  116.                                                                         {{ form_errors(form.firstName) }}
  117.                                                                     </div>
  118.                                                                     {{ form_widget(form.firstName,{'attr': {
  119.                                                                         'class': 'form-control',
  120.                                                                         'placeholder': 'First Name*',
  121.                                                                         'label': 'First Name'
  122.                                                                     }}) }}
  123.                                                                 </div>
  124.                                                                 <div class="form-group col-md-6">
  125.                                                                     <label for="inputPassword4">Last Name</label>
  126.                                                                     <div class="call_back_error_msg">
  127.                                                                         {{ form_errors(form.lastName) }}
  128.                                                                     </div>
  129.                                                                     {{ form_widget(form.lastName,{'attr': {
  130.                                                                         'class': 'form-control',
  131.                                                                         'placeholder': 'Last Name*',
  132.                                                                     }}) }}
  133.                                                                 </div>
  134.                                                             </div>
  136.                                                             <div class="form-row">
  137.                                                                 <div class="form-group col-12 col-md-6">
  138.                                                                     <label for="inputAddress">Email Address</label>
  139.                                                                     <div class="call_back_error_msg">
  140.                                                                         {{ form_errors(form.email) }}
  141.                                                                     </div>
  142.                                                                     {{ form_widget(form.email,{'attr': {
  143.                                                                         'class': 'form-control',
  144.                                                                         'placeholder': 'Email Address*',
  145.                                                                     }}) }}
  146.                                                                 </div>
  148.                                                                 <div class="form-group col-12 col-md-6">
  149.                                                                     <label for="inputAddress">Mobile #</label>
  150.                                                                     <div class="call_back_error_msg">
  151.                                                                         {{ form_errors(form.mobile) }}
  152.                                                                     </div>
  153.                                                                     {{ form_widget(form.mobile,{'attr': {
  154.                                                                         'class': 'form-control',
  155.                                                                         'placeholder': 'Mobile #*',
  156.                                                                     }}) }}
  157.                                                                 </div>
  158.                                                             </div>
  160.                                                             <div class="form-row">
  161.                                                                 <div class="form-group col-md-12">
  162.                                                                     <label for="inputAddress">Comments</label>
  163.                                                                     <div class="call_back_error_msg">
  164.                                                                         {{ form_errors(form.comments) }}
  165.                                                                     </div>
  166.                                                                     {{ form_widget(form.comments,{'attr': {
  167.                                                                         'class': 'form-control',
  168.                                                                         'placeholder': 'Comments*',
  169.                                                                     }}) }}
  170.                                                                 </div>
  171.                                                             </div>
  173.                                                             <div class="form-row">
  174.                                                                 <div class="form-group col-md-12">
  175.                                                                     {{ form_widget(form.save, { 'label': 'SEND MESSAGE' }) }}
  176.                                                                 </div>
  177.                                                             </div>
  179.                                                             {{ form_end(form) }}
  180.                                                         {%  endif %}
  181.                                                     </div>
  182.                                                     <div class="col-12 col-md-5">
  183.                                                         <div class="fl-module fl-module-pp-heading fl-node-5df0d3c18237f" data-node="5df0d3c18237f">
  184.                                                             <div class="fl-module-content fl-node-content">
  185.                                                                 <div class="pp-heading-content">
  186.                                                                     <div class="pp-heading pp-left">
  187.                                                                         <h2 class="heading-title">
  188.                                                                             <span class="title-text pp-primary-title">Contact details</span>
  189.                                                                         </h2>
  190.                                                                     </div>
  191.                                                                 </div>
  192.                                                             </div>
  193.                                                         </div>
  194.                                                         <div class="row" style="padding-left: 35px">
  195.                                                             <div class="col-12">
  196.                                                                 <div class="row">
  197.                                                                     <div class="col-12">
  198.                                                                         1 Havenga Street, Oakdale, Bellville, 7530
  199.                                                                         <br><br>
  200.                                                                     </div>
  201.                                                                 </div>
  202.                                                                 <div class="row">
  203.                                                                     <div class="col-12">
  204.                                                                         Private Bag X19, Bellville, 7535
  205.                                                                         <br><br>
  206.                                                                     </div>
  207.                                                                 </div>
  208.                                                                 <div class="row">
  209.                                                                     <div class="col-12">
  210.                                                                         <div style="margin-bottom: 15px">
  211.                                                                             <span class="pp-list-item-icon fas fa-phone-alt"></span>
  212.                                                                             <span class="pp-list-item-text" style="line-height: 40px">021 957 4600</span>
  213.                                                                         </div>
  215.                                                                         <div style="margin-bottom: 15px">
  216.                                                                             <span class="pp-list-item-icon fas fa-fax" style="background-color: #35343c "></span>
  217.                                                                             <span class="pp-list-item-text" style="line-height: 40px">021 910 1966</span>
  218.                                                                         </div>
  220.                                                                         <div style="margin-bottom: 15px">
  221.                                                                             <span class="pp-list-item-icon fas fa-globe" style="background-color: #007663"></span>
  222.                                                                             <span class="pp-list-item-text" style="line-height: 40px">www.nra.co.za</span>
  223.                                                                         </div>
  224.                                                                     </div>
  225.                                                                 </div>
  226.                                                             </div>
  227.                                                         </div>
  228.                                                     </div>
  229.                                                 </div>
  230.                                             </div>
  231.                                         </div>
  233.                                     </div>
  234.                                     <div class="uabb-js-breakpoint" style="display: none;"></div>
  235.                                 </div>
  236.                                 <!-- .fl-post-content -->
  237.                             </article>
  238.                             <!-- .fl-post -->
  239.                         </div>
  240.                     </div>
  241.                 </div>
  242.             </div>
  243.             <!-- .fl-page-content -->
  244.             <div class="uabb-js-breakpoint" style="display: none;"></div>
  245.         </div>
  246.         <!-- .fl-page -->
  247.         <a href="#" id="fl-to-top"><span class="sr-only">Scroll To Top</span><i class="fas fa-chevron-up" aria-hidden="true"></i></a>
  248.     {% endblock %}