templates/layout.html.twig line 1

Open in your IDE?
  1. {% set this_path = app.request.get('_route')|default('home') %}
  3. {% set header_menu_items = [
  4.     {route: 'home', title: 'Home'},
  5.     {route: 'services', title: 'Services'},
  6.     {route: 'why', title: 'Why hire experts?'},
  7.     {route: 'about', title: 'About us'},
  8.     {route: 'news', title: 'In the news'},
  9.     {route: 'faq', title: 'FAQs'},
  10.     {route: 'ethics', title: 'Ethics'},
  11.     {route: 'contact', title: 'Contact'}
  12. ] %}
  14. {% set footer_menu_items = [
  15.     {route: 'services', title: 'Services'},
  16.     {route: 'why', title: 'Why hire experts?'},
  17.     {route: 'about', title: 'About us'},
  18.     {route: 'news', title: 'In the news'},
  19.     {route: 'faq', title: 'FAQs'},
  20.     {route: 'ethics', title: 'Ethics'},
  21.     {route: 'contact', title: 'Contact'}
  22. ] %}
  24. {% set languages = [
  25.     {name: 'English', code: 'en'},
  26.     {name: 'Español', code: 'es'},
  27.     {name: 'Italiano', code: 'it'},
  28.     {name: 'Русский', code: 'ru'}
  29. ] %}
  31. {% set social_items = [
  32.     {image: asset('images/facebook.svg'), alt: 'Facebook', link: 'http://www.facebook.com/pages/WikiExperts/126293534162358'},
  33.     {image: asset('images/twitter.svg'), alt: 'Twitter', link: 'https://twitter.com/wikiexperts'},
  34.     {image: asset('images/linkedin.svg'), alt: 'Likedin', link: 'http://www.linkedin.com/company/wikiexperts'}
  35. ] %}
  37. <!doctype html>
  38. <html lang="{{ app.request.locale }}">
  39. <head>
  40.     <meta charset="UTF-8">
  41.     <meta name="viewport"
  42.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  43.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  45.     <title>{% block title %}{{ title|default(false) ? title ~ ' - WikiExperts' : 'WikiExperts' }}{% endblock %}</title>
  47.     <meta name="description" content="{{ meta_description|default(metaInfo.meta.description) }}">
  48.     <meta property="og:description" content="{{ meta_description|default(metaInfo.meta.description) }}">
  49.     <meta name="twitter:description" content="{{ meta_description|default(metaInfo.meta.description) }}">
  51.     <meta name="title" content="{{ meta_title|default(metaInfo.meta.title) }}">
  52.     <meta property="og:title" content="{{ meta_title|default(metaInfo.meta.title) }}">
  53.     <meta name="twitter:title" content="{{ meta_title|default(metaInfo.meta.title) }}">
  55.     <meta property="og:image" content="{{ absolute_url(asset('img/wikiexperts.jpg')) }}">
  56.     <meta name="twitter:image" content="{{ absolute_url(asset('img/wikiexperts.jpg')) }}">
  58.     <meta name="keywords" content="{{ meta_keywords|default(metaInfo.meta.keywords) }}">
  60.     {% block stylesheets %}
  61.         {{ encore_entry_link_tags('index') }}
  62.     {% endblock %}
  64.     {% block javascripts %}
  66.     {% endblock %}
  67. </head>
  68. <body class="lang-{{ app.request.locale }}">
  69. {% block body %}
  70. {% block header %}
  71.     <header class="header-wrap">
  72.         <div class="header container">
  74.             <a href="{{ path('home') }}" class="header__logo">
  75.                 <img src="{{ asset('/images/logo.svg') }}" alt="WikiExperts logo">
  76.             </a>
  78.             <nav class="header__nav-menu">
  79.                 <ul class="header__menu-list">
  80.                     <li class="header__menu-item header__menu-item--lang">
  81.                         <button class="header__mobile-lang-toggle">{{ 'Language'|trans }} <span></span></button>
  82.                         <ul class="header__lang-mobile-list">
  84.                             {% for lang in languages %}
  85.                                 {% if lang.code == app.request.locale %}
  86.                                     <li class="header__lang-mobile-item">
  87.                                         <span>{{ lang.name }}</span>
  88.                                     </li>
  89.                                 {% endif %}
  90.                             {% endfor %}
  92.                             {% block mobile_lang %}
  94.                                 {% for lang in languages %}
  95.                                     {% if lang.code != app.request.locale %}
  96.                                         <li class="header__lang-mobile-item">
  97.                                             <a href="{{ path(this_path, {_locale: lang.code}) }}">{{ lang.name }}</a>
  98.                                         </li>
  99.                                     {% endif %}
  100.                                 {% endfor %}
  102.                             {% endblock %}
  104.                         </ul>
  105.                     </li>
  107.                     {% for item in header_menu_items %}
  108.                         <li class="header__menu-item">
  109.                             {% if item.route == app.request.get('_route')|default('') %}
  110.                                 <span>{{ item.title|trans }}</span>
  111.                             {% else %}
  112.                                 <a href="{{ path(item.route) }}">{{ item.title|trans }}</a>
  113.                             {% endif %}
  114.                         </li>
  115.                     {% endfor %}
  116.                 </ul>
  117.             </nav>
  119.             <div class="header__lang-menu">
  121.                 <button class="header__lang-toggle">
  122.                     {% for lang in languages %}
  123.                         {% if lang.code == app.request.locale %}
  124.                             <span class="header__lang-active">{{ lang.code }}</span>
  125.                         {% endif %}
  126.                     {% endfor %}
  127.                     <span class="header__lang-arrow"></span>
  128.                 </button>
  131.                 <ul class="header__lang-list">
  132.                     {% for lang in languages %}
  133.                         {% if lang.code == app.request.locale %}
  134.                             <li class="header__lang-item">
  135.                                 <span>{{ lang.name }}</span>
  136.                             </li>
  137.                         {% endif %}
  138.                     {% endfor %}
  140.                     {% block lang %}
  142.                         {% for lang in languages %}
  143.                             {% if lang.code != app.request.locale %}
  144.                                 <li class="header__lang-item">
  145.                                     <a href="{{ path(this_path, {_locale: lang.code}) }}">{{ lang.name }}</a>
  146.                                 </li>
  147.                             {% endif %}
  148.                         {% endfor %}
  150.                     {% endblock %}
  152.                 </ul>
  154.             </div>
  156.             <button class="header__mobile-toggle">
  157.                 <span></span>
  158.             </button>
  159.         </div>
  160.     </header>
  161. {% endblock %}
  163.     <main>
  165.         {% block content %}{% endblock %}
  167.     </main>
  169. {% block footer %}
  170.     <footer class="footer-wrap">
  171.         <div class="footer container">
  172.             <div class="footer__block-top">
  174.                 <a href="{{ path('home') }}" class="header__logo">
  175.                     <img src="{{ asset('/images/logo.svg') }}" alt="WikiExperts logo">
  176.                 </a>
  178.                 <nav class="footer__nav-menu">
  179.                     <ul class="footer__menu-list">
  180.                         {% for item in footer_menu_items %}
  181.                             <li class="footer__menu-item">
  182.                                 <a href="{{ path(item.route) }}">{{ item.title|trans }}</a>
  183.                             </li>
  184.                         {% endfor %}
  185.                     </ul>
  186.                 </nav>
  188.                 <ul class="footer__social-list">
  189.                     {% for item in social_items %}
  190.                         <li class="footer__social-item">
  191.                             <a href="{{ item.link }}" target="_blank">
  192.                                 <img src="{{ item.image }}" alt="{{ item.alt }}">
  193.                             </a>
  194.                         </li>
  195.                     {% endfor %}
  196.                 </ul>
  198.             </div>
  199.             <div class="footer__block-bottom">
  200.                 <p>
  201.                     Wikipedia is a registered trademark of Wikimedia Foundation which is not affiliated with
  202.                     WikiExperts.
  203.                 </p>
  204.                 <p>© 2011-{{ "now"|date('Y') }} WikiExperts, All rights reserved.</p>
  205.             </div>
  206.         </div>
  207.     </footer>
  208. {% endblock %}
  210. {% block after_footer %}
  212.     <div class="video-window">
  213.         <div class="video-window__close">
  214.             <button class="video-window__cross"></button>
  215.         </div>
  216.         <div class="video-window__window-wrap">
  217.             <div class="video-window__wrap">
  218.                 <iframe class="video-window__frame" src="https://www.youtube.com/embed/" allowfullscreen></iframe>
  219.             </div>
  220.         </div>
  221.     </div>
  223.     <div class="preloader">
  224.         <div class="preloader__wrapper">
  225.             <svg width="357" height="354" viewBox="0 0 357 354" fill="none" xmlns="http://www.w3.org/2000/svg">
  226.                 <path d="M200.316 332.103C200.316 343.996 190.467 353.649 178.302 353.649C166.137 353.649 156.288 343.996 156.288 332.103C156.288 326.097 157.917 314.132 161.518 303.677C163.318 298.449 165.604 293.624 168.407 290.112C171.209 286.601 174.494 284.443 178.302 284.443C182.11 284.443 185.395 286.601 188.197 290.112C191 293.624 193.285 298.449 195.086 303.677C198.687 314.132 200.316 326.097 200.316 332.103Z"
  227.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  228.                 <path d="M156.29 21.8968C156.29 10.0042 166.139 0.350639 178.304 0.350639C190.469 0.350639 200.317 10.0042 200.317 21.8968C200.317 27.9034 198.689 39.8676 195.088 50.3229C193.287 55.5506 191.002 60.3759 188.199 63.8878C185.396 67.3993 182.111 69.557 178.304 69.557C174.496 69.557 171.211 67.3993 168.408 63.8878C165.605 60.3759 163.32 55.5506 161.52 50.3229C157.919 39.8676 156.29 27.9034 156.29 21.8968Z"
  229.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  230.                 <path d="M189.882 258.808C189.882 265.739 184.36 271.347 177.56 271.347C170.76 271.347 165.237 265.739 165.237 258.808C165.237 255.287 166.158 248.259 168.194 242.118C169.212 239.047 170.501 236.224 172.075 234.175C173.65 232.125 175.472 230.897 177.56 230.897C179.648 230.897 181.469 232.125 183.044 234.175C184.619 236.224 185.908 239.047 186.926 242.118C188.962 248.259 189.882 255.287 189.882 258.808Z"
  231.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  232.                 <path d="M166.725 95.1919C166.725 88.2479 172.038 82.653 178.55 82.653C185.063 82.653 190.376 88.2479 190.376 95.1919C190.376 98.7144 189.491 105.744 187.535 111.886C186.556 114.957 185.318 117.781 183.805 119.831C182.29 121.882 180.544 123.103 178.55 123.103C176.557 123.103 174.81 121.882 173.296 119.831C171.783 117.781 170.545 114.957 169.566 111.886C167.61 105.744 166.725 98.7144 166.725 95.1919Z"
  233.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  234.                 <path d="M79.9164 299.423C71.2755 307.553 57.5173 307.02 49.1869 298.209C40.8565 289.399 41.1258 275.665 49.7667 267.535C54.131 263.428 63.9395 256.428 74.0023 251.887C79.0337 249.617 84.1047 247.974 88.5758 247.603C93.0464 247.232 96.8634 248.136 99.4706 250.894C102.078 253.651 102.76 257.505 102.128 261.936C101.495 266.367 99.5544 271.321 96.9891 276.199C91.8584 285.956 84.2807 295.316 79.9164 299.423Z"
  235.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  236.                 <path d="M276.084 54.5774C284.725 46.4465 298.483 46.98 306.813 55.7906C315.143 64.6013 314.874 78.3345 306.233 86.4654C301.869 90.5721 292.061 97.5723 281.998 102.112C276.966 104.382 271.895 106.026 267.424 106.397C262.954 106.768 259.137 105.864 256.529 103.106C253.922 100.349 253.24 96.4947 253.872 92.064C254.505 87.6329 256.446 82.6787 259.011 77.8004C264.142 68.0438 271.719 58.6841 276.084 54.5774Z"
  237.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  238.                 <path d="M126.279 241.666C121.228 246.419 113.379 246.278 108.746 241.378C104.113 236.478 104.431 228.653 109.481 223.9C112.047 221.487 117.794 217.333 123.656 214.591C126.587 213.22 129.523 212.214 132.088 211.945C134.656 211.675 136.791 212.148 138.212 213.651C139.634 215.155 139.982 217.308 139.562 219.85C139.143 222.389 137.965 225.254 136.422 228.093C133.336 233.771 128.844 239.253 126.279 241.666Z"
  239.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  240.                 <path d="M229.717 112.334C234.768 107.581 242.617 107.721 247.25 112.621C251.883 117.522 251.565 125.347 246.515 130.1C243.949 132.513 238.202 136.667 232.34 139.409C229.409 140.779 226.474 141.786 223.908 142.055C221.34 142.324 219.205 141.852 217.784 140.349C216.362 138.845 216.014 136.691 216.434 134.15C216.853 131.61 218.031 128.745 219.574 125.906C222.66 120.229 227.152 114.747 229.717 112.334Z"
  241.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  242.                 <path d="M55.2826 79.1514C47.1323 70.5312 47.667 56.8058 56.4988 48.4953C65.3307 40.1847 79.0967 40.4535 87.247 49.0737C91.3635 53.4276 98.3805 63.2126 102.931 73.2514C105.207 78.2707 106.855 83.3296 107.227 87.79C107.598 92.2499 106.692 96.0578 103.928 98.6588C101.164 101.26 97.3002 101.94 92.8589 101.31C88.4172 100.679 83.4511 98.7424 78.5612 96.1833C68.7812 91.0648 59.3991 83.5053 55.2826 79.1514Z"
  243.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  244.                 <path d="M300.713 274.849C308.864 283.469 308.329 297.194 299.497 305.505C290.665 313.815 276.899 313.546 268.749 304.926C264.633 300.572 257.616 290.787 253.065 280.749C250.789 275.729 249.141 270.67 248.77 266.21C248.398 261.75 249.304 257.942 252.068 255.341C254.832 252.74 258.696 252.06 263.137 252.69C267.579 253.321 272.545 255.257 277.435 257.817C287.215 262.935 296.597 270.495 300.713 274.849Z"
  245.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  246.                 <path d="M113.177 125.405C108.414 120.366 108.554 112.536 113.466 107.914C118.378 103.292 126.222 103.609 130.986 108.647C133.406 111.206 137.569 116.94 140.317 122.788C141.691 125.712 142.7 128.64 142.97 131.2C143.24 133.761 142.767 135.891 141.26 137.309C139.752 138.728 137.594 139.075 135.046 138.656C132.5 138.238 129.629 137.062 126.783 135.523C121.092 132.445 115.597 127.964 113.177 125.405Z"
  247.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  248.                 <path d="M242.819 228.595C247.582 233.634 247.442 241.464 242.53 246.086C237.618 250.708 229.774 250.391 225.01 245.353C222.591 242.794 218.427 237.06 215.679 231.212C214.305 228.288 213.296 225.36 213.026 222.8C212.756 220.238 213.229 218.109 214.737 216.69C216.244 215.272 218.403 214.925 220.95 215.344C223.496 215.762 226.367 216.937 229.213 218.477C234.904 221.555 240.399 226.036 242.819 228.595Z"
  249.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  250.                 <path d="M21.8708 194.376C9.99658 194.03 0.646774 183.947 1.00128 171.841C1.35578 159.735 11.2797 150.214 23.1539 150.56C29.1509 150.735 41.0484 152.704 51.382 156.592C56.5488 158.536 61.2998 160.951 64.7242 163.843C68.1484 166.734 70.2063 170.066 70.0954 173.855C69.9844 177.643 67.7351 180.85 64.1475 183.537C60.5597 186.224 55.6755 188.358 50.4038 189.998C39.8602 193.278 27.8678 194.55 21.8708 194.376Z"
  251.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  252.                 <path d="M334.129 159.623C346.003 159.969 355.353 170.052 354.999 182.158C354.644 194.263 344.72 203.785 332.846 203.439C326.849 203.264 314.952 201.295 304.618 197.407C299.451 195.462 294.7 193.048 291.276 190.156C287.852 187.264 285.794 183.933 285.905 180.144C286.016 176.356 288.265 173.149 291.852 170.462C295.44 167.775 300.325 165.641 305.596 164.001C316.14 160.721 328.132 159.448 334.129 159.623Z"
  253.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  254.                 <path d="M95.5916 186.241C88.6507 186.039 83.2006 180.402 83.3977 173.67C83.5949 166.938 89.3656 161.628 96.3065 161.83C99.8313 161.933 106.84 163.05 112.928 165.247C115.972 166.345 118.761 167.704 120.767 169.324C122.773 170.945 123.948 172.784 123.887 174.85C123.827 176.916 122.547 178.684 120.449 180.185C118.352 181.685 115.488 182.879 112.385 183.799C106.178 185.637 99.1164 186.344 95.5916 186.241Z"
  255.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  256.                 <path d="M260.408 167.758C267.349 167.96 272.799 173.597 272.602 180.329C272.405 187.061 266.634 192.371 259.694 192.169C256.169 192.066 249.16 190.949 243.072 188.752C240.028 187.654 237.239 186.294 235.233 184.675C233.227 183.054 232.052 181.215 232.113 179.149C232.173 177.083 233.453 175.315 235.551 173.814C237.648 172.314 240.512 171.119 243.615 170.2C249.822 168.362 256.884 167.655 260.408 167.758Z"
  257.                       fill="#00628D" stroke="#00628D" stroke-width="0.701241"/>
  258.             </svg>
  260.         </div>
  261.     </div>
  263. {% endblock %}
  265. {% block bottom_scripts %}
  266.     {{ encore_entry_script_tags('index') }}
  268.     <script>
  269.         const google_recaptcha_site_key = '{{ google_recaptcha_enabled == 'true' ? google_recaptcha_site_key : '' }}';
  270.         const google_recaptcha_enabled = {{ google_recaptcha_enabled == 'true' ? 'true' : 'false' }};
  271.     </script>
  273.     <script>
  274.         $.validator.messages.contact_name = '{{ 'The name must contain only letters and spaces.'|trans }}';
  275.         $.validator.messages.email = '{{ 'This value is not a valid email address.'|trans }}';
  276.         $.validator.messages.phone = '{{ 'The value is not valid phone number.'|trans }}';
  277.         $.validator.messages.required = '{{ 'This value should not be blank.'|trans }}';
  278.         $.validator.messages.maxlength = '{{ "This value is too long. It should have {{ limit }} characters or less."|trans|replace({'{{ limit }}': '{0}'}) }}';
  279.         $.validator.messages.url = '{{ 'This value is not a valid URL.'|trans }}';
  280.     </script>
  281. {% endblock %}
  282. {% endblock %}
  283. </body>
  284. </html>