templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="de-DE">
  3. <head>
  4.     <head>
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta charset="UTF-8"/>
  7.         <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  8.         <title>{% block title %}Captive Portal{% endblock %}</title>
  10.         {% block basestylesheets %}
  11.             <link rel="stylesheet" href="{{ asset('vendor/bootstrap4/css/bootstrap.min.css') }}">
  12.             <link rel="stylesheet" href="{{ asset('css/ccz_style_new.css') }}">
  13.             <link rel="stylesheet" href="{{ asset('css/ccz_custom.css') }}">
  14.             <link rel="stylesheet" href="{{ asset('vendor/fontawesome/css/font-awesome.min.css') }}">
  15.         {% endblock %}
  16.         {% block stylesheets %}
  18.         {% endblock %}
  19.         {% block fonts %}
  21.         {% endblock %}
  22.         {% block favicon %}
  23.             <link rel="icon" href="{{ asset('images/cropped-claluena_favicon-1-32x32.png') }}" sizes="32x32" />
  24.             <link rel="icon" href="{{ asset('images/cropped-claluena_favicon-1-192x192.png') }}" sizes="192x192" />
  25.             <link rel="apple-touch-icon-precomposed" href="{{ asset('images/cropped-claluena_favicon-1-180x180.png') }}" />
  26.             <meta name="msapplication-TileImage" content="{{ asset('images/cropped-claluena_favicon-1-270x270.png') }}" />
  27.         {% endblock %}
  28.         {% block facebook %}
  29.         {% endblock %}
  30.     </head>
  31. <body class="page-template page-template-full-width page-template-full-width-php page page-id-6939 qode-core-1.3.1 startit child-child-ver-1.0.0 startit-ver-2.3 qodef-grid-1000 qodef-top-bar-mobile-hide qodef-header-standard qodef-sticky-header-on-scroll-down-up qodef-menu-with-large-icons qodef-default-mobile-header qodef-sticky-up-mobile-header qodef-dropdown-slide-from-bottom qodef-light-header qodef-side-menu-slide-with-content qodef-width-370 wpb-js-composer js-comp-ver-5.1.1 vc_responsive">
  32. {% block header %}
  33.     <div class="qodef-top-bar">
  34.         <div class="qodef-grid">
  35.             <div class="qodef-vertical-align-containers qodef-50-50">
  36.                 <div class="qodef-position-left">
  37.                     <div class="qodef-position-left-inner">
  38.                     </div>
  39.                 </div>
  40.                 <div class="qodef-position-right">
  41.                     <div class="qodef-position-right-inner">
  42.                         <div id="custom_html-14" class="widget_text widget widget_custom_html qodef-top-bar-widget"><div class="textwidget custom-html-widget"><i style="padding:0 5px" class="fa fa-phone fa-1x"></i>+41 43 299 22 44</div></div><div id="custom_html-13" class="widget_text widget widget_custom_html qodef-top-bar-widget"><div class="textwidget custom-html-widget"><a href="&#109;&#x61;i&#x6c;t&#x6f;:&#115;&#x75;&#112;&#x70;o&#x72;t&#x40;c&#108;&#x61;l&#x75;e&#x6e;a&#x2e;&#x63;&#104;"><i style="padding:0 5px 0 35px" class="fa fa-envelope fa-1x"></i>Sofort Support</a></div></div><div id="custom_html-9" class="widget_text widget widget_custom_html qodef-top-bar-widget"><div class="textwidget custom-html-widget"><a target="blank" href="https://get.teamviewer.com/cczzh"><i style="padding:0 5px 0 35px;" class="fa fa-binoculars fa-1x"></i>Fernwartung</a></div></div>                                    </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </div>
  47.     <header class="qodef-page-header">
  48.         <div class="qodef-menu-area" >
  49.             <div class="qodef-grid">
  50.                 <div class="qodef-vertical-align-containers">
  51.                     <div class="qodef-position-left">
  52.                         <div class="qodef-position-left-inner">
  53.                             <div class="qodef-logo-wrapper">
  54.                                 <a href="{{ path('homepage') }}" style="height: 150px;">
  55.                                     <img class="qodef-normal-logo" src="{{ asset('images/Claluena_Computer_Logo_Neg.png') }}" alt="logo"/>
  56.                                     <img class="qodef-dark-logo" src="{{ asset('images/Claluena_Computer_Logo_Neg.png') }}" alt="dark logo"/>
  57.                                     <img class="qodef-light-logo" src="{{ asset('images/Claluena_Computer_Logo_Neg.png') }}" alt="light logo"/>
  58.                                 </a>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  62.                     <div class="qodef-position-right">
  63.                         <div class="qodef-position-right-inner">
  64.                             <nav class="qodef-main-menu qodef-drop-down qodef-default-nav">
  65.                                 <ul id="menu-hauptnavigation" class="clearfix">
  66.                                     <li id="nav-menu-item-6750" class="menu-item menu-item-type-post_type menu-item-object-page narrow">
  67.                                         {% if is_granted('ROLE_USER') %}<a href="{{ path('security_logout') }}">{% else %}<a href="{{ path('security_login') }}" class="">{% endif %}
  68.                                                 <span class="item_outer">
  69.                                                             <span class="item_inner">
  70.                                                                 <span class="menu_icon_wrapper">
  71.                                                                     <i class="menu_icon null fa fa-lock">
  73.                                                                     </i>
  74.                                                                 </span>
  75.                                                                 <span class="item_text">
  76.                                                                     {% if is_granted('ROLE_USER') %}Logout{% else %}Login{% endif %}
  77.                                                                 </span>
  78.                                                             </span>
  79.                                                             <span class="plus">
  81.                                                             </span>
  82.                                                         </span>
  83.                                             </a>
  84.                                     </li>
  85.                                 </ul></nav>
  86.                         </div>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.         <div class="qodef-sticky-header">
  92.             <div class="qodef-sticky-holder">
  93.                 <div class="qodef-grid">
  94.                     <div class=" qodef-vertical-align-containers">
  95.                         <div class="qodef-position-left">
  96.                             <div class="qodef-position-left-inner">
  97.                                 <div class="qodef-logo-wrapper">
  98.                                     <a href="{{ path('homepage') }}" style="height: 110px;">
  99.                                         <img class="qodef-normal-logo" src="{{ asset('images/Claluena_Computer_Logo_Bildmarke_Neg.png') }}" alt="logo"/>
  100.                                         <img class="qodef-dark-logo" src="{{ asset('images/Claluena_Computer_Logo_Neg.png') }}" alt="dark logo"/>        <img class="qodef-light-logo" src="{{ asset('images/Claluena_Computer_Logo_Neg.png') }}" alt="light logo"/>    </a>
  101.                                 </div>
  102.                             </div>
  103.                         </div>
  104.                         <div class="qodef-position-right">
  105.                             <div class="qodef-position-right-inner">
  106.                                 <nav class="qodef-main-menu qodef-drop-down qodef-sticky-nav">
  107.                                     <ul id="menu-hauptnavigation-1" class="clearfix">
  108.                                         <li id="nav-menu-item-6750" class="menu-item menu-item-type-post_type menu-item-object-page narrow">
  109.                                             {% if is_granted('ROLE_USER') %}<a href="{{ path('security_logout') }}">{% else %}<a href="{{ path('security_login') }}" class="">{% endif %}
  110.                                                     <span class="item_outer">
  111.                                                             <span class="item_inner">
  112.                                                                 <span class="menu_icon_wrapper">
  113.                                                                     <i class="menu_icon null fa fa-lock">
  115.                                                                     </i>
  116.                                                                 </span>
  117.                                                                 <span class="item_text">
  118.                                                                     {% if is_granted('ROLE_USER') %}Logout{% else %}Login{% endif %}
  119.                                                                 </span>
  120.                                                             </span>
  121.                                                             <span class="plus">
  123.                                                             </span>
  124.                                                         </span>
  125.                                                 </a>
  126.                                         </li>
  127.                                     </ul></nav>
  128.                             </div>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     </header>
  135.     <header class="qodef-mobile-header">
  136.         <div class="qodef-mobile-header-inner">
  137.             <div class="qodef-mobile-header-holder">
  138.                 <div class="qodef-grid">
  139.                     <div class="qodef-vertical-align-containers">
  140.                         <div class="qodef-mobile-menu-opener">
  141.                             <a href="javascript:void(0);">
  142.                                     <span class="qodef-mobile-opener-icon-holder">
  143.                                         <i class="qodef-icon-font-awesome fa fa-bars " ></i>
  144.                                     </span>
  145.                             </a>
  146.                         </div>
  147.                         <div class="qodef-position-center">
  148.                             <div class="qodef-position-center-inner">
  149.                                 <div class="qodef-mobile-logo-wrapper">
  150.                                     <a href="{{ path('homepage') }}" style="height: 150px">
  151.                                         <img src="{{ asset('images/Claluena_Computer_Logo_Neg.png') }}" alt="mobile-logo"/>
  152.                                     </a>
  153.                                 </div>
  154.                             </div>
  155.                         </div>
  156.                     </div> <!-- close .qodef-vertical-align-containers -->
  157.                 </div>
  158.             </div>
  159.             <nav class="qodef-mobile-nav">
  160.                 <div class="qodef-grid">
  161.                     <ul id="menu-hauptnavigation-2" class="">
  162.                         <li id="nav-menu-item-6750" class="menu-item menu-item-type-post_type menu-item-object-page narrow">
  163.                             {% if is_granted('ROLE_USER') %}<a href="{{ path('security_logout') }}">{% else %}<a href="{{ path('security_login') }}" class="">{% endif %}
  164.                                     <span class="item_outer">
  165.                                                             <span class="item_inner">
  166.                                                                 <span class="menu_icon_wrapper">
  167.                                                                     <i class="menu_icon null fa">
  169.                                                                     </i>
  170.                                                                 </span>
  171.                                                                 <span class="item_text">
  172.                                                                     {% if is_granted('ROLE_USER') %}Logout{% else %}Login{% endif %}
  173.                                                                 </span>
  174.                                                             </span>
  175.                                                             <span class="plus">
  177.                                                             </span>
  178.                                                         </span>
  179.                                 </a>
  180.                         </li>
  181.                     </ul>
  182.                 </div>
  183.             </nav>
  184.         </div>
  185.     </header> <!-- close .qodef-mobile-header -->
  186. {% endblock %}
  188. {% block navbar %}
  189.     {% if is_granted('ROLE_USER') %}
  190.         {% include 'admin/navAdmin.html.twig' %}
  191.     {% endif %}
  192. {% endblock %}
  195. <div class="main-content">
  196.     {% block sysmessages %}
  197.         {% for msg in app.session.flashBag.get('success') %}
  198.             <div class="container">
  199.                 <div class="alert alert-success">
  200.                     <b>{{ msg }}</b>
  201.                 </div>
  202.             </div>
  203.         {% endfor %}
  204.         {% for msg in app.session.flashBag.get('error') %}
  205.             <div class="container">
  206.                 <div class="alert alert-danger">
  207.                     <h1>{{ msg }}</h1>
  208.                 </div>
  209.             </div>
  210.         {% endfor %}
  211.     {% endblock %}
  212.     {% block body %}
  214.     {% endblock %}
  215. </div>
  218. {% block footer %}
  219.     <footer >
  220.         <div class="qodef-footer-inner clearfix">
  221.             <div class="qodef-footer-top-holder">
  222.                 <div class="qodef-footer-top  ">
  223.                     <div class="qodef-container">
  224.                         <div class="qodef-container-inner">
  225.                             <div class="qodef-four-columns clearfix">
  226.                                 <div class="qodef-four-columns-inner">
  227.                                     <div class="qodef-column">
  228.                                         <div class="qodef-column-inner">
  229.                                             <div id="media_image-4" class="widget qodef-footer-column-1 widget_media_image"><img width="163" height="91" src="{{ asset('images/Claluena_Computer_Logo_Neg-300x168.png') }}" class="image wp-image-6435  attachment-163x91 size-163x91" alt="" style="max-width: 100%; height: auto;" srcset="{{ asset('images/Claluena_Computer_Logo_Neg-300x168.png') }} 300w, {{ asset('images/Claluena_Computer_Logo_Neg.png') }} 539w" sizes="(max-width: 163px) 100vw, 163px" /></div>            </div>
  230.                                     </div>
  231.                                     <div class="qodef-column">
  232.                                         <div class="qodef-column-inner">
  233.                                             <div id="custom_html-5" class="widget_text widget qodef-footer-column-2 widget_custom_html"><h4 class="qodef-footer-widget-title">Kontakt</h4><div class="textwidget custom-html-widget">Clalüna Computer GmbH<br/>Hohlstrasse 484<br/>8048 Zürich<br/>&nbsp;<br/><a href="&#x6d;&#x61;&#x69;&#108;to:&#x69;&#x6e;&#x66;&#111;&#64;cl&#x61;&#x6c;&#x75;&#101;na.&#x63;&#x68;">&#105;n&#x66;o&#x40;c&#x6c;a&#x6c;&#117;&#x65;&#110;a&#x2e;c&#x68;</a><br/>+41 43 299 22 44<br/><span class="qodef-icon-shortcode normal qodef-icon-tiny" data-hover-color="#f49e00" data-color="#000000"><a class="" href="https://www.facebook.com/claluenacomputer" target="_blank"><i class="qodef-icon-font-awesome fa fa-facebook-square qodef-icon-element" style="color: rgb(236, 236, 236)"></i></a></span></div></div>            </div>
  234.                                     </div>
  235.                                     <div class="qodef-column">
  236.                                         <div class="qodef-column-inner">
  237.                                             <div id="custom_html-16" class="widget_text widget qodef-footer-column-3 widget_custom_html"><h4 class="qodef-footer-widget-title">Sofort Support</h4><div class="textwidget custom-html-widget"><a href="mailto&#58;&#115;&#117;&#x70;&#x70;&#x6f;&#x72;&#x74;&#x40;&#x63;laluena&#46;&#99;&#x68;" target="blank" style="margin:5px 0 35px 0; color: #ececec;border-color: rgba(236,236,236);" class="qodef-btn qodef-btn-medium qodef-btn-default qodef-btn-hover-animation"><span class="qodef-animation-overlay"></span><span class="qodef-btn-text">Support Email</span><span class="qodef-btn-text-icon"></span></a></div></div>            </div>
  238.                                     </div>
  239.                                     <div class="qodef-column">
  240.                                         <div class="qodef-column-inner">
  241.                                             <div id="custom_html-6" class="widget_text widget qodef-footer-column-4 widget_custom_html"><h4 class="qodef-footer-widget-title">Fernwartung</h4><div class="textwidget custom-html-widget"><a href="https://get.teamviewer.com/cczzh" target="blank" style="margin:5px 0 35px 0; color: #ececec;border-color: rgba(236,236,236);" class="qodef-btn qodef-btn-medium qodef-btn-default qodef-btn-hover-animation"><span class="qodef-animation-overlay"></span><span class="qodef-btn-text">starten</span><span class="qodef-btn-text-icon"></span></a>
  242.                                                 </div></div><div id="custom_html-15" class="widget_text widget qodef-footer-column-4 widget_custom_html"><div class="textwidget custom-html-widget">© Clalüna Computer GmbH</div></div>            </div>
  243.                                     </div>
  244.                                 </div>
  245.                             </div>            </div>
  246.                     </div>
  247.                 </div>
  248.             </div>
  249.         </div>
  250.     </footer>
  251. {%  endblock %}
  253. {% block javascripts %}
  254.     <script src="{{ asset('js/jquery.min.js') }}"></script>
  255.     <script src="{{ asset('js/main.js') }}"></script>
  256.     <script src="{{ asset('vendor/bootstrap4/js/bootstrap.min.js') }}"></script>
  257.     <script src="{{ asset('vendor/bootstrap/js/bootstrap-switch.min.js') }}"></script>
  258. {% endblock %}
  259. </body>
  260. </html>