app/template/user_data/yakusugi_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="yakusugi yakusugiIndex">
  32.                         <section>
  33.                             <!-- kv -->
  34.                             <h2 class="yakusugiIndex-kv">
  35.                                 <picture>
  36.                                     <source srcset="{{ asset('assets/img/yakusugi/index/kv_sp.jpg') }}" media="(max-width: 599px)">
  37.                                     <img src="{{ asset('assets/img/yakusugi/index/kv_pc.jpg') }}" alt="千年の息吹が聞こえる。屋久島に自生している樹齢1000年以上の杉のみが「屋久杉」を名乗ることができます" class="imgFit">
  38.                                 </picture>
  39.                             </h2>
  40.                             <!-- /kv -->
  43.                             <a href="{{ url('product_list') }}?category_id=56" class="mod-btn-03 yakusugiIndex-products">
  44.                                 <span class="btnInner">屋久杉の<span class="d-inlineBlock">製品情報を見る</span>
  45.                                 </span>
  46.                             </a>
  49.                             <!-- 屋久杉とは -->
  50.                             <section class="yakusugiIndex-subSection">
  51.                                 <h3 class="mod-hl-01">
  52.                                     <span class="isJp">屋久杉とは</span>
  53.                                 </h3>
  54.                                 <div class="subSectionContainer">
  55.                                     <div class="subSection-img">
  56.                                         <img src="{{ asset('assets/img/yakusugi/index/about_photo_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  57.                                     </div>
  58.                                     <div class="subSection-textBlock">
  59.                                         <p>鹿児島市の南方に浮かぶ「世界自然遺産」の島、屋久島に自生し樹齢千年以上経過した杉の大樹のことを言います。1954年に国の特別天然記念物に指定され、一切の伐採が禁止されました。現在使用が許されている屋久杉は、江戸時代に伐採され、今に残る土埋木、倒木、切株のみとなっています。太古の生命を宿し、「神が宿る木」といにしえより崇められている屋久杉の美しさをご堪能ください。</p>
  60.                                     </div>
  61.                                 </div>
  62.                             </section>
  63.                             <!-- /屋久杉とは -->
  66.                             <!-- 仕上げと品質 -->
  67.                             <section class="yakusugiIndex-subSection">
  68.                                 <h3 class="mod-hl-01">
  69.                                     <span class="isJp">仕上げと品質</span>
  70.                                 </h3>
  71.                                 <div class="subSectionContainer">
  72.                                     <div class="subSection-img">
  73.                                         <img src="{{ asset('assets/img/yakusugi/index/quality_photo_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  74.                                     </div>
  75.                                     <div class="subSection-textBlock">
  76.                                         <p>
  77.                                             古代の歴史と生命力に対する畏敬の念から、最終仕上げの磨きにもこだわりました。専用ワックスで一本一本を丁寧に磨き上げることにより、屋久杉独特の和やかな美しい木目と茶褐色の高級感溢れる光沢が出現しました。正に古代の生命に直接触れているかのような感さえあります。前述の圧密加工によって、強度・靱性・均質性のみならず、木材繊維をそのままの形で残していることから、印章として最も大切な「綺麗な印影」も得ることが出来るのです。<br>
  78.                                             風格、強度、捺印性、全てに優れた木製印章の最高級品と言える存在です。<br>
  79.                                             また、鹿児島県内の専門業者から認定を受けた高品質な屋久杉を使用しています。
  80.                                         </p>
  81.                                     </div>
  82.                                 </div>
  84.                                 <!-- 圧密加工技術 -->
  85.                                 <section class="subSection-subGroup">
  86.                                     <h4 class="mod-hl-02">
  87.                                         <span class="isJp">圧密加工技術</span>
  88.                                     </h4>
  89.                                     <div class="subSectionContainer">
  90.                                         <div class="subSection-img">
  91.                                             <img src="{{ asset('assets/img/yakusugi/index/quality_processing_photo_01.jpg') }}" width="580" height="344" alt="" class="imgFit" loading="lazy">
  92.                                         </div>
  93.                                         <div class="subSection-textBlock">
  94.                                             <p>圧密加工は水と熱と圧力だけで木材を圧縮し、薬品を一切使わずに形状を固定するという特殊技術です。この技術を用いて出来た「圧密材」を原材料とすることで、高強度・高比重で、針葉樹独特の綺麗な年輪目を持つ、上品で味わい深い商品が生まれるのです。</p>
  95.                                         </div>
  96.                                     </div>
  97.                                 </section>
  98.                                 <!-- /圧密加工技術 -->
  100.                                 <!-- 屋久杉印鑑のトレーサビリティ概念図 -->
  101.                                 <section class="subSection-subGroup">
  102.                                     <h4 class="mod-hl-02">
  103.                                         <span class="isJp">屋久杉印鑑のトレーサビリティ概念図</span>
  104.                                     </h4>
  105.                                     <div class="traceability-img  marginTop30">
  106.                                         <img src="{{ asset('assets/img/yakusugi/index/traceability.png') }}" width="1320" height="388" alt="" class="imgFit" loading="lazy">
  107.                                     </div>
  108.                                 </section>
  109.                                 <!-- /屋久杉印鑑のトレーサビリティ概念図 -->
  110.                             </section>
  111.                             <!-- /仕上げと品質 -->
  114.                             <a href="{{ url('product_list') }}?category_id=56" class="mod-btn-03 yakusugiIndex-products">
  115.                                 <span class="btnInner">屋久杉の<span class="d-inlineBlock">製品情報を見る</span>
  116.                                 </span>
  117.                             </a>
  118.                         </section>
  119.                     </div>
  120.                     <!-- /PAGE CONTENTS -->
  122.                 </div>
  123.                 <!-- /メインコンテンツ -->
  126.                 <!-- サイドメニュー -->
  127.                 {{ include('Block/l_sub.twig', ignore_missing = true) }}
  128.                 <!-- /サイドメニュー -->
  129.             </div>
  130.         </div>
  131.     </div>
  132. {% endblock %}