templates/frontend/contact/model_1.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}  {%  for p in frontend_page %}
  4.                     {% if p.adminLink == page_admink_link %} {{p.name}}{% endif %}{% endfor %}{% endblock %}
  6. {% block css %}
  7.     <link rel="stylesheet" href="{{ asset('assets/gallery/css/jquery-ui.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assets/gallery/css/lightgallery.min.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('assets/gallery/fonts/flaticon/font/flaticon.css') }}">
  10.     <style>
  11.         .contact .info-wrap {
  12.             box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  13.             padding: 30px;
  14.         }
  16.         .contact .info {
  17.             background: #fff;
  18.         }
  20.         .contact .info i {
  21.             font-size: 20px;
  22.             color: #0084d6;
  23.             float: left;
  24.             width: 44px;
  25.             height: 44px;
  26.             border: 1px solid #0084d6;
  27.             display: flex;
  28.             justify-content: center;
  29.             align-items: center;
  30.             border-radius: 50px;
  31.             transition: all 0.3s;
  32.         }
  34.         .contact .info h4 {
  35.             padding: 0 0 0 60px;
  36.             font-size: 22px;
  37.             font-weight: 600;
  38.             margin-bottom: 5px;
  39.             color: #111;
  40.         }
  42.         .contact .info p {
  43.             padding: 0 0 0 60px;
  44.             margin-bottom: 0;
  45.             font-size: 14px;
  46.             color: #444444;
  47.         }
  49.         .contact .info:hover i {
  50.             background: #0084d6;
  51.             color: #fff;
  52.         }
  54.         .contact .php-email-form2 {
  55.             width: 100%;
  56.             box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
  57.             padding: 30px;
  58.             background: #fff;
  59.         }
  61.         .contact .php-email-form2 .form-group {
  62.             padding-bottom: 8px;
  63.         }
  65.         .contact .php-email-form2 .validate {
  66.             display: none;
  67.             color: red;
  68.             margin: 0 0 15px 0;
  69.             font-weight: 400;
  70.             font-size: 13px;
  71.         }
  73.         .contact .php-email-form2 .error-message {
  74.             display: none;
  75.             color: #fff;
  76.             background: #ed3c0d;
  77.             text-align: left;
  78.             padding: 15px;
  79.             font-weight: 600;
  80.         }
  82.         .contact .php-email-form2 .error-message br + br {
  83.             margin-top: 25px;
  84.         }
  86.         .contact .php-email-form2 .sent-message {
  87.             display: none;
  88.             color: #fff;
  89.             background: #0084d6;
  90.             text-align: center;
  91.             padding: 15px;
  92.             font-weight: 600;
  93.         }
  95.         .contact .php-email-form2 .loading {
  96.             display: none;
  97.             background: #fff;
  98.             text-align: center;
  99.             padding: 15px;
  100.         }
  102.         .contact .php-email-form2 .loading:before {
  103.             content: "";
  104.             display: inline-block;
  105.             border-radius: 50%;
  106.             width: 24px;
  107.             height: 24px;
  108.             margin: 0 10px -6px 0;
  109.             border: 3px solid #0084d6;
  110.             border-top-color: #eee;
  111.             -webkit-animation: animate-loading 1s linear infinite;
  112.             animation: animate-loading 1s linear infinite;
  113.         }
  115.         .contact .php-email-form2 input, .contact .php-email-form2 textarea {
  116.             border-radius: 0;
  117.             box-shadow: none;
  118.             font-size: 14px;
  119.             border-radius: 4px;
  120.         }
  122.         .contact .php-email-form2 input:focus, .contact .php-email-form2 textarea:focus {
  123.             border-color: #0084d6;
  124.         }
  126.         .contact .php-email-form2 input {
  127.             height: 44px;
  128.         }
  130.         .contact .php-email-form2 textarea {
  131.             padding: 10px 12px;
  132.         }
  134.         .contact .php-email-form2 button[type="submit"] {
  135.             background: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;
  136.             border: 0;
  137.             padding: 10px 24px;
  138.             color: #fff;
  139.             transition: 0.4s;
  140.             border-radius: 4px;
  141.         }
  143.         .contact .php-email-form2 button[type="submit"]:hover {
  144.             background: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important;
  145.         }
  146.     </style>
  148. {% endblock %}
  150. {% block body %}
  153.     <div class=" d-flex flex-column flex-row-fluid">
  154.         <div class="card-body row pt-head">
  155.             {%  for p in frontend_page %}
  156.                 {% if p.adminLink == page_admink_link %}
  157.                     <h2 class="bold text-center text-primary">{{ p.name }}</h2>
  158.                 {% endif %}
  159.             {% endfor %}
  162.             <div class="row">
  163.                 <section id="contact" class="contact">
  164.                         <div class="row mb-5 mt-5 justify-content-center" data-aos="">
  165.                             <div class="col-lg-6">
  167.                                 <div class="info-wrap">
  168.                                     {% for p in phones %}
  169.                                         {% if p.isWhatsapp == 1 %}
  170.                                             <p class="fs-6">
  171.                                                 <a target="_blank" href="https://api.whatsapp.com/send?phone{{ p.number|replace({' ': ''}) }}=&text=Hi"><span class="bi bi-whatsapp" style="color: green"></span> {{ p.number }}</a>
  172.                                             </p>
  173.                                         {% endif %}
  174.                                         {% if p.isTelegram == 1 %}
  175.                                             <p class="fs-6">
  176.                                                 <span class="bi bi-telegram" style="color: #5959bf"></span> {{ p.number }}
  177.                                             </p>
  178.                                         {% endif %}
  179.                                     {% endfor %}
  180.                                     {% if school_global.email !=''  %}
  181.                                     <p class="fs-6">
  182.                                         <a target="_blank" href="mailto:{{ school_global.email }}"><span class="fa fa-mail-bulk" ></span> {{ school_global.email }}</a>
  183.                                     </p>
  184.                                     {% endif %}
  185.                                 </div>
  187.                                 <div class="info-wrap">
  188.                                     <form action="{{ path('web_send_message') }}" method="post"  role="form" class="php-email-form2">
  189.                                         <div class="form-row">
  190.                                             <div class="col-md-12 form-group">
  191.                                                 <input type="text" name="name" class="form-control" id="name" placeholder="{{ 'name'|trans }}" required/>
  192.                                             </div>
  193.                                             <div class="col-md-12 form-group">
  194.                                                 <input type="email" class="form-control" name="email" id="email" placeholder="{{ 'email'|trans }}" required/>
  196.                                             </div>
  197.                                         </div>
  199.                                         <div class="form-group">
  200.                                             <textarea class="form-control" name="message" rows="8"  placeholder="{{ 'message'|trans }}" required></textarea>
  202.                                         </div>
  205.                                         <div class="form-row" style="align-items: flex-end;margin: 20px">
  206.                                             <div class="col-md-12 form-group ">
  207.                                                 <button class="" style="float: right"  type="submit">{{ 'send_message'|trans }}</button>
  209.                                             </div>
  211.                                         </div>
  212.                                     </form>
  214.                                 </div>
  217.                             </div>
  218.                             <div class="col-lg-6">
  219.                                 <div class="info-wrap">
  220.                                     {% for d in days %}
  221.                                         {% set da = 'day_'~d.day  %}
  222.                                             <p class="fs-6">
  223.                                                 <span class="bi bi-calendar-day"></span> {{ da|trans }} {{ d.start }} - {{ d.end }} <em class="fs-8">{{ 'open'|trans }}</em>
  224.                                             </p>
  225.                                     {% endfor %}
  226.                                 </div>
  227.                                 <div class="info-wrap">
  228.                                     <p style="display: flex"> {% if school_global.twitter != ''%}
  229.                                             <a class="fs-5 m-4" target="_blank" href="{{ school_global.twitter }}" class="twitter"><i class="bi bi-twitter" style="color: #669be0"></i> </a> <br/>
  230.                                         {% endif %}
  232.                                         {% if school_global.facebook != '' %}
  233.                                             <a class="fs-5 m-4" target="_blank" href="{{ school_global.facebook }}" class="facebook"><i class="bi bi-facebook" style="color: #0492e0"></i> </a> <br/>
  234.                                         {% endif %}
  236.                                         {% if school_global.instagram != ''%}
  237.                                             <a class="fs-5 m-4" target="_blank" href="{{ school_global.instagram }}" class="instagram"><i class="bi bi-instagram" style="color: #5b3434"></i> </a> <br/>
  238.                                         {% endif %}
  239.                                         {% if school_global.youtube != ''%}
  240.                                             <a class="fs-5 m-4" target="_blank" href="{{ school_global.youtube }}" class="instagram"><i class="bi bi-youtube" style="color: #ec4040"></i> </a> <br/>
  241.                                         {% endif %}
  242.                                     </p>
  243.                                 </div>
  244.                                 {% if school_global.location_description != '' %}
  245.                                 <div class="info-wrap" style="display: flex">
  246.                                     <p><span class="fa fa-map-marker-alt" style="margin-right: 8px"></span> {{ school_global.location_description|raw }}</p>
  247.                                 </div>
  248.                                 {% endif %}
  249.                                 {% if school_global.location_plan != '' %}
  250.                                     <div class="info-wrap" id="lightgallery">
  251.                                         <div data-aos="fade"data-src="{{ asset('uploads/'~school_global.location_plan) }}" >
  252.                                             <a href="{{ asset('uploads/'~school_global.location_plan) }}" download><img alt=""   class="img-thumbnail mb-5" style="max-height: 100%; max-width: 100%;" src="{{ asset('uploads/'~school_global.location_plan) }}"/></a>
  254.                                         </div>
  256.                                     </div>
  257.                                 {% endif %}
  260.                             </div>
  262.                     </div>
  263.                 </section><!-- End Contact Section -->
  265.                 {% if school_global.google_map != ''%}
  267.                     <div class="map-section mt-5 mb-5">
  268.                         {% if school_global.google_map != '' %}
  269.                             {{ school_global.google_map|raw }}
  270.                         {% endif %}
  271.                     </div>
  272.                 {% endif %}
  274.             </div>
  279.         </div>
  281.     </div>
  285. {% endblock %}
  287.  {% block js %}
  288.      <script src="{{ asset('assets/plugins/custom/ckeditor/ckeditor-classic.bundle.js') }}"></script>
  290.      <script>
  291.          $(document).ready(function (){
  293.          })
  297.      </script>
  303.  {% endblock %}