app/template/user_data/green_index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4.     <div
  5.         class="sub-container">
  6.         <!-- SUB H1 -->
  7.         <div
  8.             class="sub-h1Wrap">
  9.             {# 必要に応じて増やしてください #}
  10.             <h1 class="sub-h1">{{title}}</h1>
  11.         </div>
  12.         <!-- /SUB H1 -->
  13.         <div
  14.             class="l-container">
  15.             <!-- パンくずリスト -->
  16.             <ol class="sub-breadcrumbs">
  17.                 <li>
  18.                     <a href="{{ url('homepage') }}">HOME</a>
  19.                 </li>
  20.                 {# 必要に応じて増やしてください #}
  21.                 <li>{{title}}</li>
  22.             </ol>
  23.             <!-- /パンくずリスト -->
  24.             <div
  25.                 class="l-2ColumnContainer">
  26.                 <!-- メインコンテンツ -->
  27.                 <div
  28.                     class="l-main">
  30.                     <!-- PAGE CONTENTS -->
  31.                     <div class="green greenIndex">
  32.                         <section>
  33.                             <!-- KV -->
  34.                             <h2 class="greenIndex-kv">
  35.                                 <picture>
  36.                                     <source srcset="{{ asset('assets/img/green/index/kv_sp.jpg') }}" media="(max-width: 599px)">
  37.                                     <img src="{{ asset('assets/img/green/index/kv_pc.jpg') }}" alt="未来のためにはじめようSDGs 永江印祥堂のグリーン印鑑シリーズ" class="imgFit">
  38.                                 </picture>
  39.                             </h2>
  40.                             <!-- /KV -->
  43.                             <a href="{{ url('product_list') }}?category_id=55" class="mod-btn-03 greenIndex-products">
  44.                                 <span class="btnInner">グリーン印鑑の<span class="d-inlineBlock">製品情報を見る</span>
  45.                                 </span>
  46.                             </a>
  49.                             <!-- 循環型森林保護に取り組んでいます -->
  50.                             <section class="greenIndex-protection">
  51.                                 <h3 class="mod-hl-01">
  52.                                     <span class="isJp">循環型森林保護に取り組んでいます</span>
  53.                                 </h3>
  54.                                 <div class="greenIndex-protection-bnrContainer">
  55.                                     <div class="greenIndex-protection-bnr">
  56.                                         <img src="{{ asset('assets/img/green/index/protection_bnr_01.jpg') }}" width="640" height="200" alt="永江印祥堂は元気な森林づくりに貢献しています" class="imgFit" loading="lazy">
  57.                                     </div>
  58.                                     <div class="greenIndex-protection-bnr">
  59.                                         <img src="{{ asset('assets/img/green/index/protection_bnr_02.jpg') }}" width="640" height="200" alt="「森の循環」をつくる取り組みに貢献しています" class="imgFit" loading="lazy">
  60.                                     </div>
  61.                                 </div>
  62.                             </section>
  63.                             <!-- /循環型森林保護に取り組んでいます -->
  66.                             <!-- グリーン印鑑シリーズ -->
  67.                             <section class="greenIndex-series">
  68.                                 <h3 class="mod-hl-01">
  69.                                     <span class="isJp">グリーン印鑑シリーズ</span>
  70.                                 </h3>
  72.                                 <!-- 神楽ひのき（かぐら） -->
  73.                                 <section class="series-subSection">
  74.                                     <h4 class="mod-hl-02">
  75.                                         <span class="isJp">神楽ひのき（かぐら）</span>
  76.                                     </h4>
  77.                                     <div class="subSection-contents">
  78.                                         <div class="subSection-img">
  79.                                             <img src="{{ asset('assets/img/green/index/series_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  80.                                         </div>
  81.                                         <div class="subSection-textBlock">
  82.                                             <p>島根県邑智郡美郷町から産出される桧を原材料とし、高級家屋の建材として伐採された木の根元など、未利用材または端材を使用しています。杉や桧は柔らかいため印材には不向きとされていましたが、圧密加工という特殊技術を用いることで、印章に必要な耐久性・捺印性を実現しています。また「島根県産商品による新事業分析開拓事業者」の認定商品として、島根県からも高い評価を受けています。</p>
  83.                                             <a href="{{ url('product_list') }}?category_id=54" class="mod-btn-03 subSection-products">
  84.                                                 <span class="btnInner">神楽ひのきの<span class="d-inlineBlock">製品情報を見る</span>
  85.                                                 </span>
  86.                                             </a>
  87.                                         </div>
  88.                                     </div>
  89.                                 </section>
  90.                                 <!-- /神楽ひのき（かぐら） -->
  92.                                 <!-- 智頭杉（ちづすぎ） -->
  93.                                 <section class="series-subSection">
  94.                                     <h4 class="mod-hl-02">
  95.                                         <span class="isJp">智頭杉（ちづすぎ）</span>
  96.                                     </h4>
  97.                                     <div class="subSection-contents">
  98.                                         <div class="subSection-img">
  99.                                             <img src="{{ asset('assets/img/green/index/series_02.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  100.                                         </div>
  101.                                         <div class="subSection-textBlock">
  102.                                             <p>鳥取県八頭郡智頭町産の杉材で、その美しい木目は古くから奈良の吉野杉と並んで高く評価されています。その智頭杉の木工加工品を作る際に発生する端材を再利用しており、環境対応型の印材です。神楽ひのき同様、特殊圧密加工を施すことで、柘（旧称：本柘）同等の強度をもち、捺印性にも優れています。</p>
  103.                                             <a href="{{ url('product_list') }}?category_id=64" class="mod-btn-03 subSection-products">
  104.                                                 <span class="btnInner">智頭杉の<span class="d-inlineBlock">製品情報を見る</span>
  105.                                                 </span>
  106.                                             </a>
  107.                                         </div>
  108.                                     </div>
  109.                                 </section>
  110.                                 <!-- /智頭杉（ちづすぎ） -->
  112.                                 <!-- 明日桧（あすなろ） -->
  113.                                 <section class="series-subSection">
  114.                                     <h4 class="mod-hl-02">
  115.                                         <span class="isJp">明日桧（あすなろ）</span>
  116.                                     </h4>
  117.                                     <div class="subSection-contents">
  118.                                         <div class="subSection-img">
  119.                                             <img src="{{ asset('assets/img/green/index/series_03.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  120.                                         </div>
  121.                                         <div class="subSection-textBlock">
  122.                                             <p>明日桧(あすなろ)は、日本原産のヒノキ科アスナロ属の常緑針葉樹です。殺菌力と耐湿性に極めて優れ、腐りにくいという長所があります。また昔から成長を表す木として有名です。木製品は明日桧の未利用材または端材を厳選、特殊圧密加工技術を施しています。木材の温もりと優しい手触り、そして未来への希望が詰まった明日桧の印章を末永くご愛用ください。</p>
  123.                                             <a href="{{ url('product_list') }}?category_id=68" class="mod-btn-03 subSection-products">
  124.                                                 <span class="btnInner">明日桧の<span class="d-inlineBlock">製品情報を見る</span>
  125.                                                 </span>
  126.                                             </a>
  127.                                         </div>
  128.                                     </div>
  129.                                 </section>
  130.                                 <!-- /明日桧（あすなろ） -->
  131.                             </section>
  132.                             <!-- /グリーン印鑑シリーズ -->
  133.                         </section>
  134.                     </div>
  135.                     <!-- /PAGE CONTENTS -->
  137.                 </div>
  138.                 <!-- /メインコンテンツ -->
  141.                 <!-- サイドメニュー -->
  142.                 {{ include('Block/l_sub.twig', ignore_missing = true) }}
  143.                 <!-- /サイドメニュー -->
  144.             </div>
  145.         </div>
  146.     </div>
  147. {% endblock %}