app/template/akracing/Block/contents_nitro_v2.twig line 1

Open in your IDE?
  1. {# このページのみで使用するCSSの設定 #}
  2. {% block stylesheet %}
  3. <style>
  4. </style>
  5. {% endblock %}
  7. {# このページのみで使用するjsの設定 #}
  8. {% block javascript %}
  9. <script>
  10. $(function(){
  12. })
  13. </script>
  14. {% endblock %}
  16. {# id は 任意で設定してください。#}
  17. <div id="" class="ak-product_contents_original">
  18.     <div class="ak-inner">
  19.         <div class="contents_header">
  20.             <h2>疲労の軽減と集中力の持続を支援するエルゴノミクス設計</h2>
  21.         </div><!-- contents_header -->
  22.         <div class="contents_body">
  23.             <h3><span>ゲーマーだけでなく長時間PCに向かって作業をするクリエイターにもお勧めです。</span></h3>
  24.             <p>悪い姿勢が引き起こす様々な身体の不調に悩むオフィスワーカーやゲーマーを多く見かけます。健康に良い椅子を見つけることには大きな価値があります。人間工学に基づいたAKRacingは、このような健康に悩む人への効果的な選択肢となります。</p>
  25.             <p><img src="{{ asset('product/nitro_v2/image_1.webp', 'user_data') }}" alt=""></p>
  26.         </div><!-- contents_body" -->
  27.         
  28.         <div class="contents_header">
  29.             <h2>長期使用も想定し、張地に高耐久PUレザー素材を採用</h2>
  30.         </div><!-- contents_header -->
  31.         <div class="contents_body">
  32.             <h3 class="center"><span>第三者機関によるジャングルテスト(高温高湿試験)で、10年使用相当のテストにパス</span></h3>
  33.             <p><img src="{{ asset('product/nitro_v2/image_2.webp', 'user_data') }}" alt=""></p>
  34.         </div><!-- contents_body" -->
  35.         
  36.         <div class="contents_header">
  37.             <h2>バケットシートを思わせるソリッドなデザインの中に数々の革新性を内包</h2>
  38.         </div><!-- contents_header -->
  39.         <div class="contents_body">
  40.             <h3><span>適度なホールド感を持たせつつ背骨に沿って人体を包み込む構造</span></h3>
  41.             <p>AKRacing NITROシリーズは、バケットシートを思わせるソリッドなデザインの中に数々の革新性を内包しています。座面内部には専用設計のウレタンを採用、体圧を分散させることで集中的に負荷がかかる部分を無くし、疲労を軽減します。背面部分は適度なホールド感を持たせつつ背骨に沿って人体を包み込むような構造となっており、理想的な座り心地を実現しています。</p>
  42.             <p>取り外しが可能なランバーサポートは、腰椎をしっかりと支え正しい姿勢をキープすることで長時間のプレイにおいて集中力の持続に貢献します。表面に採用された高級PUレザーは、美しい質感と柔らかな肌触りをもたらしています。</p>
  43.         </div><!-- contents_body" -->
  44.         
  45.         <div class="contents_header">
  46.             <h2>新しい発想から生まれた斬新な形状のゲームチェア</h2>
  47.         </div><!-- contents_header -->    
  48.         <div class="contents_body">
  49.             <p>AKRacingの椅子は、その外観からわかるように、新しい発想から生まれた斬新な形状のゲームチェアです。スポーツカーのシートのような上質で柔軟な素材を使用することで、座り心地を格段にアップしました。耐久性がある堅牢なメタル構造により、長くご使用いただくことができます。</p>
  50.             <p><img src="{{ asset('product/nitro_v2/image_3.webp', 'user_data') }}" alt=""></p>
  51.         </div><!-- contents_body" -->
  52.  
  53.     </div><!-- ak-inner -->
  54. </div><!-- ak-Colors_Model -->
  56. {#
  57. 画像の管理に関して
  58. https://doc4.ec-cube.net/design_img
  60. imgフォルダ内のhoge.pngを表示したい場合
  61. <img src="/html/user_data/assets/img/hoge.png" alt="hoge">
  62. 以下の書き方も可能です。
  63. <img src="{{ asset('assets/img/hoge.png','user_data') }}" alt="hoge">
  64. #}