templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <!-- Google Tag Manager -->
  5.     <script>
  6.       (function (w, d, s, l, i) {
  7.         w[l] = w[l] || [];
  8.         w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
  9.         var f = d.getElementsByTagName(s)[0],
  10.           j = d.createElement(s),
  11.           dl = l != 'dataLayer' ? '&l=' + l : '';
  12.         j.async = true;
  13.         j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  14.         f.parentNode.insertBefore(j, f);
  15.       })(window, document, 'script', 'dataLayer', 'GTM-TDTJ9TR');
  16.     </script>
  17.     <!-- End Google Tag Manager -->
  18.     <meta charset="UTF-8">
  19.     <title>
  20.       {% block title %}【公式】「とこワク」は三重県のワーケーションポータルサイト
  21.       {% endblock %}
  22.     </title>
  23.     <meta property="og:title" content="{% block meta_og_title %}【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}">
  24.     <meta name="description" content="{% block meta_description %}「とこワク」は三重県のワーケーションポータルサイトです。とこわか(常若)の地・三重でWork + Innovation!{% endblock %}">
  25.     <meta property="og:description" content="{% block meta_og_description %}「とこワク」は三重県のワーケーションポータルサイトです。とこわか(常若)の地・三重でWork + Innovation!{% endblock %}">
  26.     <meta property="og:url" content="{% block meta_og_siteurl %}{{ app.request.uri }}{% endblock %}">
  27.     <meta property="og:site_name" content="【公式】「とこワク」は三重県のワーケーションポータルサイト">
  28.     <meta property="og:locale" content="ja_JP">
  29.     <meta property="og:type" content="website">
  30.     <meta name="twitter:card" content="summary_large_image"/>
  31.     <meta name="twitter:title" content="{% block meta_twitter_title %}【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}">
  32.     {% block meta_og_image %}
  33.       <meta property="og:image" content="{{ absolute_url('/ogp.png')}}">
  34.       <meta property="og:image:alt" content="OG-Image-Alt">
  35.       <meta property="og:image:width" content="1200">
  36.       <meta property="og:image:height" content="630">
  37.     {% endblock %}
  38.     <meta name="format-detection" content="telephone=no">
  39.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  40.     <link rel="preconnect" href="https://fonts.googleapis.com">
  41.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  42.     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
  43.     {% block stylesheets %}
  44.       {{ encore_entry_link_tags('app') }}
  45.     {% endblock %}
  46.     {% block javascripts %}
  47.       {{ encore_entry_script_tags('app') }}
  48.     {% endblock %}
  49.     {% block extraHeader %}{% endblock %}
  50.   </head>
  51.   <body>
  52.     <!-- Google Tag Manager (noscript) -->
  53.     <noscript>
  54.       <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TDTJ9TR" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  55.     </noscript>
  56.     <!-- End Google Tag Manager (noscript) -->
  57.     <header {% if page is defined and page == "top" %} class="js-header-toggle" {% endif %} id="HEADER">
  58.       <div class="headerContainer">
  59.         <div class="headerContainerLink__logo">
  60.           <a href="/" class="img__tokowakaLogo">
  61.             <img src="{{ asset('build/images/common/logo.png') }}" alt="ロゴ">
  62.           </a>
  63.           <span>{{ 'index.header.head-title'|trans }}</span>
  64.         </div>
  65.         <div class="headerContainer__right">
  66.           <div class="headerContainer__link">
  67.             <a href="{{ path('news_index') }}">{{ 'index.header.nav5'|trans }}</a>
  68.             <a href="{{ path('search_index') }}">{{ 'index.header.nav2'|trans }}</a>
  69.             <a href="{{ path('map_search_index') }}">{{ 'index.header.nav3'|trans }}</a>
  70.             <a href="{{ path('life') }}">{{ 'index.header.nav4'|trans }}</a>
  71.           </div>
  72.           {# <form>
  73.                                         <input type="search" name="search" placeholder="フリーワードで検索できます">
  74.                                         <button type="submit">
  75.                                             <img src="{{ asset('build/images/common/search_icon.png') }}" alt="">
  76.                                         </button>
  77.                                     </form> #}
  78.           <div class="headerContainerLink__language">
  79.             <img src="{{ asset('build/images/common/earth_icon.png') }}" alt="言語">
  80.             <button class="js-language-button">
  81.               {{ 'index.header.languCurrent'|trans }}
  82.             </button>
  83.             <div class="headerContainerLinkLanguage__list js-language-list">
  84.               {% if app.request.locale != "ja" %}
  85.                 <a href="{{ path('top', {_locale: 'ja'}) }}">{{ 'index.header.languJa'|trans }}</a>
  86.               {% endif %}
  87.               {% if app.request.locale != "en" %}
  88.                 <a href="{{ path('top', {_locale: 'en'}) }}">{{ 'index.header.languEn'|trans }}</a>
  89.               {% endif %}
  90.               {% if app.request.locale != "cn" %}
  91.                 <a href="{{ path('top', {_locale: 'cn'}) }}">{{ 'index.header.languCh1'|trans }}</a>
  92.               {% endif %}
  93.               {% if app.request.locale != "tw" %}
  94.                 <a href="{{ path('top', {_locale: 'tw'}) }}">{{ 'index.header.languCh2'|trans }}</a>
  95.               {% endif %}
  96.             </div>
  97.           </div>
  98.           <a href="{{ path('search_index') }}" class="headerContainer__search">
  99.             <img src="{{ asset('build/images/common/search_icon.png') }}" alt="">
  100.           </a>
  101.           <button class="js-hamburger-toggle">
  102.             <span class="line line--01"></span>
  103.             <span class="line line--02"></span>
  104.             <span class="line line--03"></span>
  105.           </button>
  106.         </div>
  107.       </div>
  108.       <div class="js-spMenu-toggle spMenu">
  109.         <div class="spMenuLinkContainer">
  110.           <a href="{{ path('top') }}">{{ 'common.top'|trans|raw }}</a>
  111.           <a href="{{ path('tokowaku') }}">{{ 'index.header.nav1'|trans }}</a>
  112.           <a href="{{ path('news_index') }}">{{ 'news.newsPage.title'|trans|raw }}</a>
  113.           <a href="{{ path('life') }}">{{ 'life.breadcrumbsHead'|trans|raw }}</a>
  114.           <a href="{{ path('report_index') }}">{{ 'report.header.text3'|trans|raw }}</a>
  115.           <a href="{{ path('simulation01') }}">{{ 'common.entry.simulation'|trans|raw }}</a>
  116.         </div>
  117.         <div class="spMenuSearchContainer">
  118.           <h3>{{ 'common.sp_title'|trans|raw }}</h3>
  119.           <div class="spMenuSearchContainer__link">
  120.             <a href="{{ path('map_search_index') }}" class="link_map">{{ 'common.entry.map'|trans|raw }}</a>
  121.             <a href="{{ path('modelplan_index') }}" class="link_modelplan">{{ 'common.entry.modelplan'|trans|raw }}</a>
  122.             <a href="{{ path('workspace_index') }}" class="link_work">{{ 'common.entry.workspace'|trans|raw }}</a>
  123.             <a href="{{ path('facility_index') }}" class="link_facility">{{ 'common.entry.facility'|trans|raw }}</a>
  124.             <a href="{{ path('activity_index') }}" class="link_activity">{{ 'common.entry.activity'|trans|raw }}</a>
  125.             <a href="{{ path('activity_index', {category: 16}) }}" class="link_mobility">{{ 'common.entry.mobility'|trans|raw }}</a>
  126.           </div>
  127.         </div>
  128.         <div class="spMenuTranslationContainer">
  129.           <a href="{{ path('top', {_locale: 'ja'}) }}">{{ 'index.header.languJa'|trans }}</a>
  130.           <a href="{{ path('top', {_locale: 'en'}) }}">{{ 'index.header.languEn'|trans }}</a>
  131.           <a href="{{ path('top', {_locale: 'cn'}) }}">{{ 'index.header.languCh1'|trans }}</a>
  132.           <a href="{{ path('top', {_locale: 'tw'}) }}">{{ 'index.header.languCh2'|trans }}</a>
  133.         </div>
  134.         <div class="spMenuSNSContainer">
  135.           <a href="https://twitter.com/mie_workation" target="_blank" rel="noopener noreferrer" class="sns_tw">
  136.             <img src="{{ asset('build/images/common/tw_white.png') }}" alt="Twitter">
  137.           </a>
  138.           <a href="https://www.instagram.com/mie_workation/" target="_blank" rel="noopener noreferrer" class="sns_ins">
  139.             <img src="{{ asset('build/images/common/inst_white.png') }}" alt="Instagram">
  140.           </a>
  141.         </div>
  142.       </div>
  143.     </header>
  144.     {% block body %}{% endblock %}
  145.     <footer>
  146.       <div class="footerBanner">
  147.         <div class="footerBannerContainer">
  148.           <a href="https://www.kanko-komono.com/workation/" target="_blank" rel="noopener noreferrer">
  149.             <img src="{{ asset('build/images/common/banner_komano.jpg') }}" alt="菰野町観光協会">
  150.           </a>
  151.           <a href="https://www.kankomie.or.jp/" target="_blank" rel="noopener noreferrer">
  152.             <img src="{{ asset('build/images/common/banner_sightseeing.jpg') }}" alt="観光三重">
  153.           </a>
  154.           <a href="https://www.taiken.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
  155.             <img src="{{ asset('build/images/common/banner_experience.jpg') }}" alt="豊かな自然と美味しいグルメの宝庫三重県で、思い出に残るワクワク体験を!">
  156.           </a>
  157.           <a href="https://www.ijyu.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
  158.             <img src="{{ asset('build/images/common/banner_life.jpg') }}" alt="ええとこやんか三重">
  159.           </a>
  160.           <a href="https://mie-terrace.jp/" target="_blank" rel="noopener noreferrer">
  161.             <img src="{{ asset('build/images/common/banner_mieterrace.jpg') }}" alt="三重テラス">
  162.           </a>
  163.           <a href="https://www.mie30.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
  164.             <img src="{{ asset('build/images/common/banner_promotion.jpg') }}" alt="つづきは三重で">
  165.           </a>
  166.           <a href="https://www.sato.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
  167.             <img src="{{ asset('build/images/common/banner_journey.jpg') }}" alt="三重の里いなか旅のススメ">
  168.           </a>
  169.         </div>
  170.       </div>
  171.       <div class="footerInfo" id="SCROLL_TARGET">
  172.         <button class="screenTop js-scroll-top"></button>
  173.         <div class="footerInfoTopContainer">
  174.           <div class="footerInfoTopContainer__company">
  175.             <div class="img__tokowakaLogoWhite">
  176.               <img src="{{ asset('build/images/common/logo_white.png') }}" alt="ロゴ">
  177.               <span>{{ 'index.header.head-title'|trans }}</span>
  178.             </div>
  179.             <p>{{ 'base.footerInfoTopContainer.address'|trans|raw }}</p>
  180.             <a href="{{ path('inquiry') }}">{{ 'base.footerInfoTopContainer.btn'|trans|raw }}</a>
  181.           </div>
  182.           <div class="footerInfoTopContainer__link">
  183.             <a href="{{ path('top') }}">{{ 'common.top'|trans|raw }}</a>
  184.             <a href="{{ path('report_index') }}">{{ 'report.header.text3'|trans|raw }}</a>
  185.             <a href="{{ path('facility_index') }}">{{ 'common.entry.facility'|trans|raw }}</a>
  186.             <a href="{{ path('news_index') }}">{{ 'news.newsPage.title'|trans|raw }}</a>
  187.             <a href="{{ path('simulation01') }}">{{ 'common.entry.simulation'|trans|raw }}</a>
  188.             <a href="{{ path('activity_index') }}">{{ 'common.entry.activity'|trans|raw }}</a>
  189.             <a href="{{ path('tokowaku') }}">{{ 'index.header.nav1'|trans }}</a>
  190.             <a href="{{ path('modelplan_index') }}">{{ 'common.entry.modelplan'|trans|raw }}</a>
  191.             <a href="{{ path('activity_index', {category: 16}) }}">{{ 'common.entry.mobility'|trans|raw }}</a>
  192.             <a href="{{ path('life') }}">{{ 'life.breadcrumbsHead'|trans|raw }}</a>
  193.             <a href="{{ path('workspace_index') }}">{{ 'common.entry.workspace'|trans|raw }}</a>
  194.             <a href="{{ path('map_search_index') }}">{{ 'common.entry.map'|trans|raw }}</a>
  195.           </div>
  196.         </div>
  197.         <div class="footer__line"></div>
  198.         <div class="footerInfoBottomContainer">
  199.           <div class="footerInfoBottomContainer__link">
  200.             <div
  201.               class="footerInfoBottomContainerLink__item">
  202.               {# <a href="" class="sp__none">
  203.                                                         <img src="{{ asset('build/images/common/jp_icon.png') }}" alt="jp">
  204.                                                         {{ 'index.header.languJa'|trans }}
  205.                                                     </a> #}
  206.               <div>
  207.                 <a href="https://twitter.com/mie_workation" target="_blank" rel="noopener noreferrer" class="img__sns img__sns--tw">
  208.                   <img src="{{ asset('build/images/common/tw_white.png') }}" alt="Twitter">
  209.                 </a>
  210.                 <a href="https://www.instagram.com/mie_workation/" target="_blank" rel="noopener noreferrer" class="img__sns">
  211.                   <img src="{{ asset('build/images/common/inst_white.png') }}" alt="Instagram">
  212.                 </a>
  213.               </div>
  214.               <div>
  215.                 <a href="{{ path('privacy') }}">
  216.                   {{ 'privacy.policy'|trans }}</a>
  217.                 <a href="{{ path('contact_index') }}">{{ 'base.footerInfoTopContainer.wish'|trans|raw }}</a>
  218.               </div>
  219.             </div>
  220.             <span>Copyright 2021 Mie Prefecture, All Rights Reserved.</span>
  221.           </div>
  222.         </div>
  223.       </div>
  224.     </footer>
  225.   </body>
  226. </html>