app/template/default/Help/about.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'about_page' %}
  15. {% block stylesheet %}
  16.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css') }}">
  17.     <link rel="stylesheet" href="{{ asset('assets/css/about.css') }}">
  18. {% endblock %}
  20. {% block main %}
  22.     <div
  23.         class="contact_wrapper body-section-ui">
  24.         <!-- breadcrumb -->
  25.         <nav class="breadcrumb" aria-label="パンくずリスト">
  26.             <a class="breadcrumb__item" href="{{ url('homepage') }}">ホーム</a>
  27.             <img class="breadcrumb__separator" src="{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}" alt="" width="12" height="12"/>
  28.             <span class="breadcrumb__item breadcrumb__item--current">私たちについて</span>
  29.         </nav>
  31.         <div
  32.             class="container-1200">
  34.             <!-- title -->
  35.             <div class="base-title">
  36.                 <img class="base-title__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt="" width="48" height="48"/>
  37.                 <h1 class="base-title__text">私たちについて</h1>
  38.             </div>
  40.             <!-- about content -->
  41.             <div class="guide-content-wrapper">
  42.                 <div class="guide-content-left">
  43.                     <nav class="guide-nav">
  44.                         <a href="#watashitachi-no-omoi" class="guide-nav__item">
  45.                             <span class="guide-nav__indicator"></span>
  46.                             <span class="guide-nav__text">私たちの思い</span>
  47.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  48.                         </a>
  49.                         <a href="#kigyo-gaiyo" class="guide-nav__item">
  50.                             <span class="guide-nav__indicator"></span>
  51.                             <span class="guide-nav__text">企業概要</span>
  52.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  53.                         </a>
  54.                         <a href="#daihyo-message" class="guide-nav__item">
  55.                             <span class="guide-nav__indicator"></span>
  56.                             <span class="guide-nav__text">代表メッセージ</span>
  57.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  58.                         </a>
  59.                     </nav>
  60.                 </div>
  61.                 <div
  62.                     class="guide-content-right">
  64.                     <!-- guide item 1 -->
  65.                     <div class="guide-item guide-item-1" id="watashitachi-no-omoi">
  66.                         <div class="guide-item__content">
  67.                             <div class="about-philosophy">
  68.                                 <div class="about-philosophy__section">
  69.                                     <div class="about-philosophy__section-header">
  70.                                         <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  71.                                             <circle cx="10" cy="10" r="8" stroke="#828282" stroke-width="2"/>
  72.                                             <path d="M7.12671 8.30348C6.93657 6.66853 8.03012 5.17139 10.1251 5.17139C12.0661 5.17139 13.5076 6.63983 13.1489 8.17661C12.6279 10.4089 10.2424 9.78737 9.92637 12.143" stroke="#828282" stroke-width="2" stroke-linecap="round"/>
  73.                                             <circle cx="10" cy="15.0176" r="1.30469" fill="#828282"/>
  74.                                         </svg>
  76.                                         <h3 class="about-philosophy__section-title">わたしたちの在り方</h3>
  77.                                     </div>
  78.                                     <p class="about-philosophy__heading">炭は入口、地域が目的。</p>
  79.                                     <p class="about-philosophy__heading about-philosophy__text--faded">
  80.                                         商いと創生を両立させる、やさしい最短距離。
  81.                                     </p>
  82.                                 </div>
  84.                                 <div class="about-philosophy__content">
  85.                                     <p class="about-philosophy__text">
  86.                                         売るたびに、一本の線が森へ戻ります。<br>
  87.                                         箱が街へ運ばれるたび、苗が山へ届きます。炭の赤は一夜の灯り、苗の緑は何年もの約束。私たちは大きな旗より、小さな段取りを積み重ねます。手と、頼れる道具と、確かめる目。長さをそろえ、湿りを見て、火の持ちを聞く。
  88.                                     </p>
  89.                                     <p class="about-philosophy__text">
  90.                                         ――その静かな作法を、植えた土にも映します。<br>
  91.                                         うまくいった芽も、枯れた芽も、隠さず記します。派手に語らず、淡々と循環を深くする。使ったぶんだけ植え、植えたぶんだけ未来が近づく。<br>
  92.                                         やがて森の呼吸が整い、町の灯りはゆっくりと安定する。
  93.                                     </p>
  94.                                     <p class="about-philosophy__text">
  95.                                         私たちの仕事は商いであり、同時に祈りです。明日の風景へつなぐために。
  96.                                     </p>
  97.                                 </div>
  99.                                 <div class="about-philosophy__image">
  100.                                     <img src="{{ asset('assets/img/default/image/about.png') }}" alt=""/>
  101.                                 </div>
  103.                                 <div class="about-philosophy__section">
  104.                                     <div class="about-philosophy__section-header">
  105.                                         <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  106.                                             <circle cx="10" cy="10" r="8" stroke="#828282" stroke-width="2"/>
  107.                                             <path d="M7.12671 8.30348C6.93657 6.66853 8.03012 5.17139 10.1251 5.17139C12.0661 5.17139 13.5076 6.63983 13.1489 8.17661C12.6279 10.4089 10.2424 9.78737 9.92637 12.143" stroke="#828282" stroke-width="2" stroke-linecap="round"/>
  108.                                             <circle cx="10" cy="15.0176" r="1.30469" fill="#828282"/>
  109.                                         </svg>
  110.                                         <h3 class="about-philosophy__section-title">わたしたちの目指すもの</h3>
  111.                                     </div>
  112.                                     <h4 class="about-philosophy__heading">木こりがいない時代だからこそ、<br>テクノロジーで森を守る。</h4>
  113.                                     <p class="about-philosophy__heading about-philosophy__text--faded">
  114.                                         植林が未来の町を守り、地域を豊かにする。
  115.                                     </p>
  116.                                 </div>
  118.                                 <p class="about-philosophy__text">
  119.                                     WoodTechは"木と人と地域の循環"を取り戻す挑戦を続けます。<br>
  120.                                     私たちはテクノロジーと手仕事で、伐る・使う・植えるの循環を整えます。安定供給で店の営みを支え、植林で未来の暮らしを守る。<br>
  121.                                     成果は地域へ還元し、透明な基準と手順を開きながら、連携するみなさまと地域の幸せな時間を増やしていきます。
  122.                                 </p>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  127.                     <!-- guide item 2 -->
  128.                     <div class="guide-item guide-item-1" id="kigyo-gaiyo">
  129.                         <div class="guide-item__header">
  130.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  131.                             <h2 class="guide-item__title">企業概要</h2>
  132.                         </div>
  133.                         <div class="guide-item__content">
  134.                             <div class="about-info">
  135.                                 <div class="about-info__row">
  136.                                     <div class="about-info__label">屋号</div>
  137.                                     <div class="about-info__value">WoodTech</div>
  138.                                 </div>
  139.                                 <div class="about-info__row">
  140.                                     <div class="about-info__label">代表者</div>
  141.                                     <div class="about-info__value">濟陽 康次</div>
  142.                                 </div>
  143.                                 <div class="about-info__row">
  144.                                     <div class="about-info__label">住所</div>
  145.                                     <div class="about-info__value">
  146.                                         〒557-0001<br>
  147.                                         大阪府東大阪市徳庵本町7-2-508
  148.                                     </div>
  149.                                 </div>
  150.                                 <div class="about-info__row about-info__row--last">
  151.                                     <div class="about-info__label">住所</div>
  152.                                     <div class="about-info__value">
  153.                                         これはダミーテストです。<br>
  154.                                         WoodTechは"木と人と地域の循環"を取り戻す挑戦を続けます。<br>
  155.                                         私たちはテクノロジーと手仕事で、伐る・使う・植えるの循環を整えます。安定供給で店の営みを支え、植林で未来の暮らしを守る。<br>
  156.                                         成果は地域へ還元し、透明な基準と手順を開きながら、連携するみなさまと地域の幸せな時間を増やしていきます。
  157.                                     </div>
  158.                                 </div>
  159.                             </div>
  160.                         </div>
  161.                     </div>
  163.                     <!-- guide item 3 -->
  164.                     <div class="guide-item guide-item-1 mb-0" id="daihyo-message">
  165.                         <div class="guide-item__header">
  166.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  167.                             <h2 class="guide-item__title">代表メッセージ</h2>
  168.                         </div>
  169.                         <div class="guide-item__content">
  170.                             <p class="guide-item__text">
  171.                                 これはダミーテストです。<br>
  172.                                 WoodTechは“木と人と地域の循環”を取り戻す挑戦を続けます。<br>
  173.                                 私たちはテクノロジーと手仕事で、伐る・使う・植えるの循環を整えます。安定供給で店の営みを支え、植林で未来の暮らしを守る。<br>
  174.                                 成果は地域へ還元し、透明な基準と手順を開きながら、連携するみなさまと地域の幸せな時間を増やしていきます。
  175.                             </p>
  176.                         </div>
  177.                     </div>
  179.                     <!-- chữ ký -->
  180.                     <div class="about-signature">
  181.                         <span class="about-signature__label">代表</span>
  182.                         <span class="about-signature__name">濟陽 康次</span>
  183.                     </div>
  185.                 </div>
  186.             </div>
  188.         </div>
  189.     </div>
  191. {% endblock %}