templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Blizconnect.de Beste Lösung für den Online-Handel!{% endblock %}</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7.     <meta name="robots" content="noindex" />
  8.     {% block seo %}
  9.         <meta name="title" content="A description of the page" />
  10.         <meta name="description" content="A description of the page" />
  11.         <meta name="keywords" content="A description of the page" />
  12.     {% endblock %}
  14.     {% block stylesheets %}
  15.         <style>
  16.             .card-img, .card-img-bottom, .card-img-top {
  17.                 width: 100%;
  18.                 display: flex;
  19.             }
  20.             .flex-row-grid {
  21.                 display: flex;
  22.                 flex-direction: row;
  23.                 flex-wrap: wrap;
  24.                 justify-content: center;
  25.                 align-content: space-between;
  26.             }
  27.             /* fallback */
  28.             @font-face {
  29.                 font-family: 'Material Icons';
  30.                 font-style: normal;
  31.                 font-weight: 400;
  32.                 src: url() format('woff2');
  33.             }
  35.             .material-icons {
  36.                 font-family: 'Material Icons';
  37.                 font-weight: normal;
  38.                 font-style: normal;
  39.                 font-size: 24px;
  40.                 line-height: 1;
  41.                 letter-spacing: normal;
  42.                 text-transform: none;
  43.                 display: inline-block;
  44.                 white-space: nowrap;
  45.                 word-wrap: normal;
  46.                 direction: ltr;
  47.                 -webkit-font-feature-settings: 'liga';
  48.                 -webkit-font-smoothing: antialiased;
  49.             }
  50.             .userMenucss ul {
  51.                 display: flex;
  52.                 flex-direction: row;
  53.                 flex-wrap: wrap;
  54.                 list-style: none;
  55.                 margin: 0;
  56.             }
  57.         </style>
  58.         <link rel="stylesheet" href="{{ asset('assets/css/index.css') }}">
  59.         <link rel="stylesheet" href="{{ asset('assets/css/fontawesome.css') }}">
  60.         <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
  61.         <link rel="stylesheet" href="{{ asset('assets/fontawesome-free-5.11.1-web/fontawesome-free-5.11.1-web/scss/_animated.scss') }}">
  62.         <link rel="stylesheet" href="{{ asset('assets/vendors/metro4/css/metro-all.min.css') }}">
  63.        {# <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  64.         <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">#}
  65.       {#  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  66.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
  67.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">#}
  68.         <link rel="stylesheet" href="{{ asset('assets/css/all.css') }}">
  69.         <link rel="stylesheet" href="{{ asset('assets/css/custom.css') }}">
  70.        {# <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  71.         <link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
  72.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">#}
  73.       {#  <link href="//db.onlinewebfonts.com/c/09e6d444d32a7d159270b5af1d17dae1?family=futuralightc" rel="stylesheet" type="text/css"/>#}
  74.    {#     <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
  75.         <script src="https://kit.fontawesome.com/56d4f02d97.js" crossorigin="anonymous"></script>#}
  76.         <script>
  77.             window.on_page_functions = [];
  78.         </script>
  79.         <style>
  81.             .collapse {
  82.                 overflow: initial;
  83.                 max-height: max-content;
  84.                 -webkit-transition: max-height .3s ease;
  85.                 transition: max-height .3s ease;
  86.             }
  87.             body {
  88.                 -ms-overflow-style: none; /* for In
  89. ternet Explorer, Edge */
  90.                 scrollbar-width: none; /* for Firefox */
  91.                 overflow-y: scroll;
  92.             }
  94.             body::-webkit-scrollbar {
  95.                 display: none; /* for Chrome, Safari, and Opera */
  96.             }
  98.         /*    div#main {
  99.                 min-height: -webkit-fill-available;
  100.             }*/
  102.             .fa, .far, .fas {
  103.                 font-family: "Font Awesome 5 Free" !important;
  104.             }
  106.             .file, .input, .select, .spinner, .tag-input, .textarea, input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea
  107.             {
  108.                 height: initial !important;
  109.             }
  110.             a{
  111.                 text-decoration: none !important;
  112.             }
  113.             ul.social-footer>li {
  114.                 display: inline-block;
  115.                 margin: 0;
  116.                 padding-right: 15px;
  117.                 font-size: 25px;
  118.             }
  119.             img.card-img-top {
  120.                 width: 35%;
  121.                 display: block;
  122.                 border: 1px solid transparent;
  123.                 margin: 0 auto;
  124.                 border-radius: 50px;
  125.                 padding: 2em;
  126.                 background: #ececec;
  127.             }
  128.             .card {
  129.                 border: none;
  130.             }
  131.             a, b, p, h1, h2, h3, h4, h5, h6, i {
  132.                 font-family: serif !important;
  133.             }
  134.             @font-face {font-family: "futuralightc"; src: url("//db.onlinewebfonts.com/t/09e6d444d32a7d159270b5af1d17dae1.eot"); src: url("//db.onlinewebfonts.com/t/09e6d444d32a7d159270b5af1d17dae1.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/09e6d444d32a7d159270b5af1d17dae1.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/09e6d444d32a7d159270b5af1d17dae1.woff") format("woff"), url("//db.onlinewebfonts.com/t/09e6d444d32a7d159270b5af1d17dae1.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/09e6d444d32a7d159270b5af1d17dae1.svg#futuralightc") format("svg"); }
  135.             .btn-aus {
  136.                 padding: 0.5em 3em !important;
  137.                 border: 1px solid gray !important;
  138.                 border-radius: 25px !important;
  139.                 text-decoration: none;
  140.             }
  141.             .btn-aus:hover {
  143.                 text-decoration: none;
  144.             }
  146.             .list-unstyled {
  147.                 margin: 0;
  148.             }
  150.             .px-2 {
  151.                 padding-right: 1rem!important;
  152.                 padding-left: 1rem!important;
  153.             }
  154.             a.d-flex.align-items-center.col-md-3.mb-2.mb-md-0.text-dark.text-decoration-none {
  155.                 padding-left: 2em;
  156.             }
  157.             b.text-logo {
  158.                 font-size: 40px;
  159.                 padding-left: 15px;
  160.             }
  161.             .fab {
  162.                 font-family: "Font Awesome 5 Brands" !important;
  163.             }
  164.             .fas {
  165.                 font-family: "Font Awesome 5 Free" !important;
  166.             }
  167.             .linear-wipe {
  168.                 text-align: center;
  169.                 background: linear-gradient(to right, #333 20%, #A20 40%, #F24 60%, #333 80%);
  170.                 background-size: 200% auto;
  171.                 color: #000;
  172.                 background-clip: text;
  173.                 text-fill-color: transparent;
  174.                 -webkit-background-clip: text;
  175.                 -webkit-text-fill-color: transparent;
  176.                 -webkit-animation: shine 3s linear infinite;
  177.                 animation: shine 3s linear infinite;
  178.             }
  179.             @-webkit-keyframes shine {
  180.                 to {
  181.                     background-position: 200% center;
  182.                 }
  183.             }
  184.             @keyframes shine {
  185.                 to {
  186.                     background-position: 200% center;
  187.                 }
  188.             }
  190.             a.d-flex.align-items-center.col-md-3.mb-2.mb-md-0.text-dark.text-decoration-none {
  191.                 padding-left: 0;
  192.             }
  194.             .col-md-4.offset-4.reg-form > form {
  195.                 margin: 15%;
  196.                 box-shadow: 1px 1px 3px 0;
  197.                 padding: 2em;
  198.             }
  200.             button.btn.registration-button {
  201.                 display: block;
  202.                 background: red;
  203.                 color: white;
  204.                 text-transform: uppercase;
  205.                 font-weight: 600;
  206.                 margin: 1em auto;
  207.             }
  209.             .input-form-r > div {
  210.                 padding: 1em;
  211.                 text-transform: uppercase;
  212.                 font-weight: 700;
  213.             }
  215.             input#registration_form_agreeTerms {
  216.                 display: inline-block;
  217.                 width: 15%;
  218.             }
  219.         </style>
  220.     {% endblock %}
  221. </head>
  222. <body>
  223. {#<div class="loader"></div>#}
  225.     <div class="container-fluid" style="padding: 0;box-shadow: 3px 3px 4px #f9f5ed;">
  226.         {% block header %}
  227.             <nav class="navbar navbar-expand-lg navbar-light bg-white">
  228.                 <div class="container-fluid">
  229.                     <a class="navbar-brand" href="{{  url('main') }}"> <b class="text-logo linear-wipe d-lg-block">BLITZCONNECT</b></a>
  230.                     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  231.                         <span class="navbar-toggler-icon"></span>
  232.                     </button>
  233.                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  234.                         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  235.                             <li class="nav-item">
  236.                                 <a class="nav-link active" aria-current="page" href="{{  url('main') }}">Startseite</a>
  237.                             </li>
  238.                             <li class="nav-item">
  239.                                 <a class="nav-link active" aria-current="page" href="https://blitzconnect.de/restaurant-und-cafe/menu/isi-kebap-haus">Demo</a>
  240.                             </li>
  241.                             <li class="nav-item">
  242.                                 <a class="nav-link" href="{{ path('plans') }}">Preise</a>
  243.                             </li>
  244.                             <li class="nav-item">
  245.                                 <a class="nav-link" href="{{ url('app_faq') }}">FAQ</a>
  246.                             </li>
  248.                         </ul>
  250.                         <div class="userMenucss">
  251.                             <ul>
  252.                                 {% if user is not null %}
  254.                                     <li class="nav-item">
  256.                                         <a href="{{ url('userDashboard') }}" class="nav-link"><i class="fas fa-tachometer-alt"></i></a>
  257.                                     </li>
  258.                                     <li class="nav-item">
  259.                                         <a href="{{ url('app_logout') }}" class="nav-link"><i class="fas fa-sign-out-alt"></i></a>
  260.                                     </li>
  262.                                 {% else %}
  263.                                     <li class="nav-item">
  264.                                         <a href="{{ url('app_login') }}" class="nav-link">Anmelden</a>
  265.                                     </li>
  266.                                     <li class="nav-item">
  267.                                         <a href="{{ url('app_register') }}" class="nav-link">Registrieren</a>
  268.                                     </li>
  270.                                 {%  endif %}
  271.                             </ul>
  272.                         </div>
  273.                     </div>
  274.                 </div>
  275.             </nav>
  276.         {% endblock %}
  277.     {#    </header>#}
  278.         <div id="main">
  279.             {% block main %}
  281.             {% endblock %}
  283.             {# <div class="modal fade" id="demo" tabindex="-1" role="dialog" aria-labelledby="agb_modallabel" aria-hidden="true">
  284.         <div class="modal-dialog" role="document">
  285.             <div class="modal-content">
  286.                 <div class="modal-header">
  287.                     <h3 class="modal-title" id="agb_modallabel">Achtung</h3>
  288.                     <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  289.                         <span aria-hidden="true">&times;</span>
  290.                     </button>
  291.                 </div>
  292.                 <div class="modal-body">
  293.                     Dies ist eine Demoversion und nicht für den Endbenutzer bestimmt.
  295.                     Das Unternehmen ist nicht verantwortlich für die Handlungen des Benutzers während des Testens der Website-Funktionalität.
  296.                 </div>
  298.             </div>
  299.         </div>
  300.     </div>#}
  301.         </div>
  302.     </div>
  306. <footer class="container-fluid" style="padding:2em; background: #e4e4e4" >
  307.     <div class="container">
  308.         <div class="row">
  310.             <div class="col-lg-3 col-md-6 col-sm-12">
  311.                 <h4>Unternehmen</h4>
  312.                 <ul class="list-unstyled text-large">
  313.                  {#   <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('app_page',{'url': 'plans'}) }}">Preise</a></li>
  314.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('template') }}">Vorlagen</a></li>#}
  315.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('about') }}">Über uns</a></li>
  316.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('plans') }}">Pläne</a></li>
  317.                     {#<li class="mb-1"><a class="link-secondary text-decoration-none" href=" {{ url('partner') }}">Für Partner</a></li>#}
  319.                 </ul>
  320.             </div>
  321.             <div class="col-lg-3 col-md-6 col-sm-12">
  322.                 <h4>Informationen</h4>
  323.                 <ul class="list-unstyled text-large">
  324.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('customer-review') }}">Kundengeschichten</a></li>
  325.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('app_blog') }}">Blog</a></li>
  326.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('impressum') }}">Impressum</a></li>
  327.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('agb') }}">AGB</a></li>
  328.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('datenshutz') }}">Datenschutzerklärung</a></li>
  329.                 </ul>
  330.             </div>
  331.             <div class="col-lg-3 col-md-6 col-sm-12">
  332.                 <h4>Hilfe & Kontakt</h4>
  333.                 <ul class="list-unstyled text-large">
  334.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('help-center') }}">Hilfe </a></li>
  335.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('turtorial') }}">Anleitungen</a></li>
  336.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('tips') }}">Creatio Tipps</a></li>
  337.                     <li class="mb-1"><a class="link-secondary text-decoration-none" href="{{ path('contacts') }}">Kontakt</a></li>
  338.                 </ul>
  339.             </div>
  340.             <div class="col-lg-3 col-md-6 col-sm-12">
  341.                 <h4>
  342.                     <ul class="social-footer">
  343.                         <li><i class="fab fa-instagram"></i></li>
  344.                         <li>
  345.                             <i class="fab fa-youtube"></i>
  346.                         </li><li><i class="fab fa-facebook-f"></i></li>
  347.                     </ul>
  348.                 </h4>
  349.                 {#<a href="" class="btn btn-aus btn-light" style="    padding: 0.5em 3em !important;"><i class="fas fa-globe"></i> &nbsp;ENGLISH</a>#}
  350.             </div>
  351.             <div class="col-12 col-md" style="margin-top: 1em;">
  353.                 <small class="d-block mb-3 text-muted"><a href="blitzkasse.de">© Blitzkasse</a></small>
  354.             </div>
  355.         </div>
  356.     </div>
  359. </footer>
  361. {% block javascripts %}
  362.     <script src="{{ asset('assets/vendors/jquery/jquery-3.4.1.min.js') }}"></script>
  363.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  364.     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
  365.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
  366.     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
  367.     <script>
  368.         $('document').ready(function() {
  369.             $('#demo').modal('toggle');
  370.         });
  371.     </script>
  372. {% endblock %}
  373. </body>
  374. </html>