app/template/default/ProductAbout/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4.     <link rel="stylesheet" href="{{ asset('assets/css/product.css', 'user_data') }}" />
  5. {% endblock %}
  7. {% block main %}
  8.     <div class="common-bg">
  9.         {{ include('@admin/alert.twig') }}
  10.         <div class="content__wrapper">
  11.             <section class="product">
  12.                 <div class="h__ttl">What’s bichiku Onigiri</div>
  13.                 <h1 class="h__ttl02">{{ Page.name }}</h1>
  14.                 <section class="content01">
  15.                     <img src="{{ asset('assets/img/product/content01__img.png', 'user_data') }}" alt="">
  16.                     <div class="content01__txtarea">
  17.                         <div class="content01__ttl01">bichiku Onigiri</div>
  18.                         <h2 class="content01__ttl02">備蓄おにぎり　醤油味</h2>
  19.                         <p class="content01__txt content__txt">
  20.                             備蓄おにぎりは5年間常温保存が可能な備蓄用おにぎりです。もちもちした食感が特徴で、開封後にすぐに食べられます。<br>
  21.                             水などを加えたりなど調理の必要は一切ないため、貴重な水を消費することもないため、緊急時の保存食として優れています。<br>
  22.                             またお米は全て国産を使用している為、どなたでもお召し上がりいただけます。</p>
  23.                     </div>
  24.                 </section>
  25.                 <section class="content02">
  26.                     <h2 class="content02__ttl h__ttl02">利用方法・保管方法</h2>
  27.                     <div class="content02-item__wrap">
  28.                         <section class="content02-item">
  29.                             <h3 class="content02-item__ttl">●利用方法</h3>
  30.                             <img src="{{ asset('assets/img/product/content02__img01.png', 'user_data') }}" alt="">
  31.                             <p class="content02-item__txt content__txt">調理は必要なく、開封後にすぐに食べることが可能です。</p>
  32.                         </section>
  33.                         <section class="content02-item">
  34.                             <h3 class="content02-item__ttl">●保管方法</h3>
  35.                             <img src="{{ asset('assets/img/product/content02__img02.png', 'user_data') }}" alt="">
  36.                             <p class="content02-item__txt content__txt">直射日光及び高温多湿の場所を避けて保存してください。</p>
  37.                         </section>
  38.                     </div>
  39.                 </section>
  40.                 <section class="content03">
  41.                     <div class="content03__box">
  42.                         <h2 class="content03__ttl h__ttl02">想定される利用シーン</h2>
  43.                         <div class="content03__list__wrap content03__list__wrap-sp">
  44.                             <ul class="content03__list" id="product__content03__slider">
  45.                                 <li class="content03__list-item">
  46.                                     <img src="{{ asset('assets/img/product/content03__img01.png', 'user_data') }}" alt="">
  47.                                     <p class="content03__txt">漁業組合等海でのお仕事の際のトラブル時（漂流時など）</p>
  48.                                 </li>
  49.                                 <li class="content03__list-item">
  50.                                     <img src="{{ asset('assets/img/product/content03__img02.png', 'user_data') }}" alt="">
  51.                                     <p class="content03__txt">登山やキャンプ等<br>
  52.                                         アウトドアの際に</p>
  53.                                 </li>
  54.                                 <li class="content03__list-item">
  55.                                     <img src="{{ asset('assets/img/product/content03__img03.png', 'user_data') }}" alt="">
  56.                                     <p class="content03__txt">配送ドライバーの非常食</p>
  57.                                 </li>
  58.                                 <li class="content03__list-item">
  59.                                     <img src="{{ asset('assets/img/product/content03__img04.png', 'user_data') }}" alt="">
  60.                                     <p class="content03__txt">公共交通機関の備蓄</p>
  61.                                 </li>
  62.                                 <li class="content03__list-item">
  63.                                     <img src="{{ asset('assets/img/product/content03__img05.png', 'user_data') }}" alt="">
  64.                                     <p class="content03__txt">消防、警察、自衛隊の<br>
  65.                                         装備として</p>
  66.                                 </li>
  67.                                 <li class="content03__list-item">
  68.                                     <img src="{{ asset('assets/img/product/content03__img06.png', 'user_data') }}" alt="">
  69.                                     <p class="content03__txt">区市役所の<br>
  70.                                         非常食の備蓄として</p>
  71.                                 </li>
  72.                                 <li class="content03__list-item">
  73.                                     <img src="{{ asset('assets/img/product/content03__img07.png', 'user_data') }}" alt="">
  74.                                     <p class="content03__txt">老健施設の備蓄</p>
  75.                                 </li>
  76.                                 <li class="content03__list-item">
  77.                                     <img src="{{ asset('assets/img/product/content03__img08.png', 'user_data') }}" alt="">
  78.                                     <p class="content03__txt">保育施設の備蓄</p>
  79.                                 </li>
  80.                                 <li class="content03__list-item">
  81.                                     <img src="{{ asset('assets/img/product/content03__img09.png', 'user_data') }}" alt="">
  82.                                     <p class="content03__txt">離島、降雪地帯の備えとして</p>
  83.                                 </li>
  84.                             </ul>
  85.                             <div class="slide-arrow__wrap">
  86.                                 <div class="mv__arrow-l"><img src="{{ asset('assets/img/allow-l.svg', 'user_data') }}" alt=""></div>
  87.                                 <div class="mv__arrow-r"><img src="{{ asset('assets/img/allow-r.svg', 'user_data') }}" alt=""></div>
  88.                             </div>
  89.                             <div class="common__btn"><a href="{{ url('product_list') }}">商品一覧を見る</a></div>
  90.                         </div>
  91.                         <div class="content03__list__wrap content03__list__wrap-pc">
  92.                             <ul class="content03__list">
  93.                                 <li class="content03__list-item">
  94.                                     <img src="{{ asset('assets/img/product/content03__img01.png', 'user_data') }}" alt="">
  95.                                     <p class="content03__txt">漁業組合等海でのお仕事の際のトラブル時（漂流時など）</p>
  96.                                 </li>
  97.                                 <li class="content03__list-item">
  98.                                     <img src="{{ asset('assets/img/product/content03__img02.png', 'user_data') }}" alt="">
  99.                                     <p class="content03__txt">登山やキャンプ等<br>
  100.                                         アウトドアの際に</p>
  101.                                 </li>
  102.                                 <li class="content03__list-item">
  103.                                     <img src="{{ asset('assets/img/product/content03__img03.png', 'user_data') }}" alt="">
  104.                                     <p class="content03__txt">配送ドライバーの非常食</p>
  105.                                 </li>
  106.                                 <li class="content03__list-item">
  107.                                     <img src="{{ asset('assets/img/product/content03__img04.png', 'user_data') }}" alt="">
  108.                                     <p class="content03__txt">公共交通機関の備蓄</p>
  109.                                 </li>
  110.                                 <li class="content03__list-item">
  111.                                     <img src="{{ asset('assets/img/product/content03__img05.png', 'user_data') }}" alt="">
  112.                                     <p class="content03__txt">消防、警察、自衛隊の<br>
  113.                                         装備として</p>
  114.                                 </li>
  115.                                 <li class="content03__list-item">
  116.                                     <img src="{{ asset('assets/img/product/content03__img06.png', 'user_data') }}" alt="">
  117.                                     <p class="content03__txt">区市役所の<br>
  118.                                         非常食の備蓄として</p>
  119.                                 </li>
  120.                                 <li class="content03__list-item">
  121.                                     <img src="{{ asset('assets/img/product/content03__img07.png', 'user_data') }}" alt="">
  122.                                     <p class="content03__txt">老健施設の備蓄</p>
  123.                                 </li>
  124.                                 <li class="content03__list-item">
  125.                                     <img src="{{ asset('assets/img/product/content03__img08.png', 'user_data') }}" alt="">
  126.                                     <p class="content03__txt">保育施設の備蓄</p>
  127.                                 </li>
  128.                                 <li class="content03__list-item">
  129.                                     <img src="{{ asset('assets/img/product/content03__img09.png', 'user_data') }}" alt="">
  130.                                     <p class="content03__txt">離島、降雪地帯の備えとして</p>
  131.                                 </li>
  132.                             </ul>
  133.                         </div>
  134.                     </div>
  135.                     <div class="common__btn content03__btn-pc" style="margin-top:2rem;"><a href="{{ url('product_list') }}">商品一覧を見る</a></div>
  136.                 </section>
  137.                 <section class="content04">
  138.                     <div class="content04__box">
  139.                         <h2 class="content04__ttl h__ttl02">お客様の声</h2>
  140.                         <div class="content04-item__wrap">
  141.                             <div class="content04-item">
  142.                                 <img src="{{ asset('assets/img/product/content04__img01.png', 'user_data') }}" alt="">
  143.                                 <div class="content04-item__txtarea">
  144.                                     <h3 class="content04-item__ttl">災害時の備えに</h3>
  145.                                     <p class="content04-item__txt content__txt">
  146.                                         震災を経験して、自宅に備蓄食を準備しておくことの大切さを痛感しました。色々調べて、こちらの備蓄おにぎりにたどり着きました。5年間も保存できるなんて驚きです。実際に食べてみると、もちもち食感で、とても美味しかったです。
  147.                                     </p>
  148.                                 </div>
  149.                             </div>
  150.                             <div class="content04-item">
  151.                                 <img src="{{ asset('assets/img/product/content04__img02.png', 'user_data') }}" alt="">
  152.                                 <div class="content04-item__txtarea">
  153.                                     <h3 class="content04-item__ttl">国産米使用で安心</h3>
  154.                                     <p class="content04-item__txt content__txt">
  155.                                         お米は全て国産を使用しているので、安心して食べられます。添加物や保存料も使用していないので、子供にも安心して食べさせることができます。
  156.                                     </p>
  157.                                 </div>
  158.                             </div>
  159.                             <div class="content04-item">
  160.                                 <img src="{{ asset('assets/img/product/content04__img03.png', 'user_data') }}" alt="">
  161.                                 <div class="content04-item__txtarea">
  162.                                     <h3 class="content04-item__ttl">防災意識を高めるきっかけに</h3>
  163.                                     <p class="content04-item__txt content__txt">
  164.                                         備蓄おにぎりを準備することで、自然と防災意識が高まりました。家族と災害時の行動について話し合ったり、避難場所を確認したりするきっかけにもなりました。
  165.                                     </p>
  166.                                 </div>
  167.                             </div>
  168.                             <div class="content04-item">
  169.                                 <img src="{{ asset('assets/img/product/content04__img04.png', 'user_data') }}" alt="">
  170.                                 <div class="content04-item__txtarea">
  171.                                     <h3 class="content04-item__ttl">調理が必要ないのがありがたい</h3>
  172.                                     <p class="content04-item__txt content__txt">
  173.                                         水や調理器具がなくても食べられるので、災害時の備えに最適です。国産米使用で安心なのもポイントです。防災意識を高めるきっかけにもなるので、ぜひ一家に一つ常備しておきたい商品です。
  174.                                     </p>
  175.                                 </div>
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                 </section>
  180.                 <section class="content05">
  181.                     <h2 class="content05__ttl h__ttl02">食品微生物センターにて検査実証済</h2>
  182.                     <p class="content05__txt content__txt">
  183.                         製造後5年経過したヴィータオニギリを食品微生物センターにて検査を実施。その結果、一般生菌・大腸菌群・大腸菌・黄色ブドウ球菌全てにおいて陰性が確認されました。
  184.                     </p>
  185.                     <div class="content05__img__wrap"><img src="{{ asset('assets/img/product/content05__img01.png', 'user_data') }}" alt="">
  186.                         <img src="{{ asset('assets/img/product/content05__img02.png', 'user_data') }}" alt="">
  187.                     </div>
  188.                 </section>
  189.                 <section class="content06">
  190.                     <h2 class="content06__ttl h__ttl02">沖縄タイムス社に<br class="br__sp">取材していただきました</h2>
  191.                     <p class="content06__txt content__txt">沖縄産業まつりでの出店した際、沖縄タイムス社に取り上げていただきました。</p>
  192.                     <img src="{{ asset('assets/img/product/content06__img.png', 'user_data') }}" alt="">
  193.                 </section>
  194.                 <div class="common__btn"><a href="{{ url('product_list') }}">商品一覧を見る</a></div>
  196.             </section>
  197.         </div>
  198.     </div>
  199. {% endblock %}