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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set meta_description = "アルコバーナーについてご説明するページです。アルコバーナーはスウェーデンの研究者が30年開発した栄養補助食品です。" %}
  4. {% set body_class = 'about-page' %}
  5. {% set title = 'アルコバーナーとは' %}
  7. {% block main %}
  8. <section class="mv">
  9.   <h1 class="mv__title inview">ABOUT</h1>
  10.   <div
  11.     class="mv__logo"
  12.     id="mv-logo"
  13.     data-img="/assets/img/mv-logo.png"
  14.   ></div>
  15.   <h2 class="mv__sub-title inview">アルコ・バーナー</h2>
  16.   <div class="mv__text inview">
  17.     <p>
  18.       アルコバーナーは、30年にわたる研究開発の結果と<br
  19.         class="sp"
  20.       />科学的検証に裏付けられた栄養補助食品（サプリメント）です。<br />高性能バクテリア<br
  21.         class="sp"
  22.       />de Faire Medical独自のAB001™️フォーミュラを配合<br />ビタミンB12配合でアクティブな毎日と<br
  23.         class="sp"
  24.       />必要不可欠な生活プロセスをサポートします。
  25.       <br />※栄養補助食品の吸収のされ方は人それぞれ異なり、<br
  26.         class="sp"
  27.       />さまざまな内的・外的要因に左右されます。
  28.     </p>
  29.   </div>
  30. </section>
  32. <section class="feature">
  33.   <div class="feature__content inview">
  34.     <h2 class="feature__title">
  35.       <span class="feature__title-logo">
  36.         <img src="/assets/img/logo.svg" alt="ALCOBURNER" />
  37.       </span>
  38.       <span class="feature__title-text">アルコバーナーの特徴</span>
  39.     </h2>
  41.     <ul class="feature__list">
  42.       <li class="feature__item">
  43.         <div class="feature__item-img">
  44.           <img
  45.             src="/assets/img/about/feature-01.jpg"
  46.             alt="米ぬか由来の天然酵索サプリメント"
  47.           />
  48.         </div>
  49.         <div class="feature__item-content">
  50.           <div class="feature__item-content-inner">
  51.             <h3 class="feature__item-title">
  52.               米ぬか由来の天然酵索サプリメント
  53.             </h3>
  54.             <div class="feature__item-text">
  55.               <p>
  56.                 生物化学者・微生物学者のJohan de Faire
  57.                 教授の長年の研究によって誕生(AB001)<br />米ぬかから抽出した天然の善玉菌を配合。<br />あなたの健康をサポートします。
  58.               </p>
  59.             </div>
  60.           </div>
  61.         </div>
  62.       </li>
  63.       <li class="feature__item">
  64.         <div class="feature__item-img">
  65.           <img
  66.             src="/assets/img/about/feature-02.jpg"
  67.             alt="100％オーガニック"
  68.           />
  69.         </div>
  70.         <div class="feature__item-content">
  71.           <div class="feature__item-content-inner">
  72.             <h3 class="feature__item-title">100％オーガニック</h3>
  73.             <div class="feature__item-text">
  74.               <p>
  75.                 化学肥料や遺伝子組み換え等を行っていない有機栽培による原料を採用し、
  76.                 卵や乳製品を含む動物性成分も不使用。
  77.               </p>
  78.             </div>
  79.           </div>
  80.         </div>
  81.       </li>
  82.     </ul>
  83.   </div>
  84. </section>
  86. <section class="product">
  87.   <div class="product__head inview">
  88.     <div class="container product__container">
  89.       <h2 class="product__title">PRODUCT</h2>
  90.     </div>
  91.   </div>
  92.   {% for product in products %}
  93.     <div class="product__row inview">
  94.       <div class="product__img img-slider">
  95.         <div class="arrow arrow-left"></div>
  96.         <div class="arrow arrow-right"></div>
  97.         <ul class="index__list">
  98.           <li class="index__item active"></li>
  99.           <li class="index__item"></li>
  100.         </ul>
  102.         <div class="img-wrap">
  103.           {% for ProductImage in product.ProductImage %}
  104.             <img src="{{ asset(ProductImage, 'save_image') }}" alt="{{ loop.first ? product.name : '' }}" width="550" height="550"{% if loop.index > 1 %} loading="lazy"{% endif %}>
  105.           {% else %}
  106.             <img src="{{ asset(''|no_image_product, 'save_image') }}" alt="{{ loop.first ? product.name : '' }}" width="550" height="550">
  107.           {% endfor %}
  108.         </div>
  109.       </div>
  110.       <div class="product__info">
  111.         <h3 class="product__name">{{ product.name }}</h3>
  112.         <p class="product__price">
  113.           {% if product.subscription_discount_rate is defined and product.subscription_discount_rate > 0 %}
  114.             {% set discount_rate = product.subscription_discount_rate %}
  115.             {% set original_price = product.getPrice02IncTaxMin %}
  116.             {% set discounted_price = (original_price * (100 - discount_rate) / 100)|round(0, 'floor') %}
  117.             <span style="color: red; font-weight: bold; margin-right: 10px;">-{{ discount_rate }}%</span>
  118.             <span>{{ discounted_price|price }}(税込)</span>
  119.             <br>
  120.             <span style="font-size: 0.9em; color: #999;">参考価格:
  121.             <span style="text-decoration: line-through;">{{ original_price|price }}(税込)</span>
  122.             </span>
  123.           {% else %}
  124.             {{ product.getPrice02IncTaxMin|price }}(税込)
  125.           {% endif %}
  126.         </p>
  127.         <p class="product__text">
  128.           原材料：
  129.           米ぬか加工食品乳酸菌酵母含有米ぬか発酵物、
  130.           デキストリン、ビタミンB12
  131.           ミルクシスル、HMPC（カプセル）
  132.         </p>
  133.         <div class="product__btns">
  134.           <div class="product__btn">
  135.             <a href="{{ url('product_detail', {'id': product.id}) }}" class="btn">予約購入</a>
  136.             <p style="color: red; padding: 5px 0; font-size: 12px;text-align: center;">※ こちらの商品は2月上旬にお届け予定です。</p>
  137.           </div>
  138.           {% if subMap[product.id] is defined %}
  139.           <div class="product__btn">
  140.             <a href="{{ url('product_detail', {'id': subMap[product.id]}) }}" class="btn">予約購入</a>
  141.             <p style="color: red; padding: 5px 0; font-size: 12px;text-align: center;">※ こちらの商品は2月上旬にお届け予定です。</p>
  142.           </div>
  143.           {% endif %}
  144.         </div>
  145.       </div>
  146.     </div>
  147.   {% endfor %}
  148. </section>
  150. {% endblock %}