app/template/default/index.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 = 'front_page' %}
  14. {% set page_class = 'toppage' %}
  16. {% block stylesheet %}
  17.     <link rel="stylesheet" href="{{ asset('ichiro/assets/css/style.css', 'user_data') }}">
  18. {% endblock %}
  20. {% block main %}
  21.     <div class="banner">
  22.         <div class="left">
  23.             <div class="image pc-display">
  24.                 <img src="{{ asset('ichiro/assets/img/maker.png', 'user_data') }}" alt="" />
  25.             </div>
  26.             <h1 class="mv-1">
  27.                 <img src="{{ asset('ichiro/assets/img/mv-1.png', 'user_data') }}" alt="一朗斎" />
  28.             </h1>
  29.         </div>
  30.         <div class="right">
  31.             <div class="image sp-display">
  32.                 <img src="{{ asset('ichiro/assets/img/maker.png', 'user_data') }}" alt="" />
  33.             </div>
  34.             <div class="mv-2">
  35.                 <img src="{{ asset('ichiro/assets/img/mv-2.png', 'user_data') }}" alt="一筆一会をあなたに" />
  36.             </div>
  37.         </div>
  38.     </div>
  39.     <div class="philosophy">
  40.         <div class="title">
  41.             <img src="{{ asset('ichiro/assets/img/philosophy.png', 'user_data') }}" alt="あなただけの企業理念を" />
  42.         </div>
  43.         <p>
  44.             北海道で社会保険労務士事務所に勤務する傍ら、書道家としても活動されている藤渡 一朗が、お客様のご希望された文字を毛筆でお書きします。企業様の想いを受け継ぎ、企業理念や経営理念を達筆な筆遣いで、美しく、魂を込めてお書きいたします。
  45.         </p>
  46.         <div class="kandou">
  47.             <div>
  48.                 <div class="image">
  49.                     <img src="{{ asset('ichiro/assets/img/kandou1.png', 'user_data') }}" alt="" />
  50.                 </div>
  51.                 <div class="image">
  52.                     <img src="{{ asset('ichiro/assets/img/kandou2.png', 'user_data') }}" alt="" />
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  57.     <div class="products-list">
  58.         <div class="title">
  59.             <img src="{{ asset('ichiro/assets/img/products-list.png', 'user_data') }}" alt="商品一覧" />
  60.         </div>
  61.         <div class="products-list__wrapper">
  62.             {% for Product in topProducts %}
  63.                 <a class="products-item" href="{{ url('product_detail', {'id': Product.id}) }}">
  64.                     <div class="image">
  65.                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  66.                     </div>
  67.                     <p class="name">
  68.                         <span></span>
  69.                         {{ Product.name }}
  70.                     </p>
  71.                     <p class="price">
  72.                         {% if Product.hasProductClass %}
  73.                             {% if Product.getPrice02Min == Product.getPrice02Max %}
  74.                                 {{ Product.getPrice02IncTaxMin|price }}
  75.                             {% else %}
  76.                                 {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  77.                             {% endif %}
  78.                         {% else %}
  79.                             {{ Product.getPrice02IncTaxMin|price }}
  80.                         {% endif %}
  81.                     </p>
  82.                 </a>
  83.             {% endfor %}
  84.         </div>
  85.         <div class="btn-more">
  86.             <a href="{{ url('product_list') }}">
  87.                 その他の商品はこちら <i class="fas fa-angle-right"></i>
  88.             </a>
  89.         </div>
  90.     </div>
  91.     <div class="calligrapher">
  92.         <div class="left">
  93.             <div class="image">
  94.                 <img src="{{ asset('ichiro/assets/img/maker.png', 'user_data') }}" alt="" />
  95.             </div>
  96.             <div class="title">
  97.                 <img src="{{ asset('ichiro/assets/img/calligrapher.png', 'user_data') }}" alt="書道家藤渡一朗斎" />
  98.             </div>
  99.         </div>
  100.         <div class="right">
  101.             <p>幼少の頃より、習字にいそしみ、現在は書道家として国内だけでなく海外での活動も視野に入れ活動中。独創的なタッチで描く「一斎流踊書体」の創始者でもある一朗斎は社会保険労務士の側、さまざまな経営者への社是の提供などを行いながら、俗社会にとらわれがちな経営者にあらためて
  102. 日本語の素晴らしき響きや象形に触れ「感性」を養う啓蒙活動「日本語再顕現」を行っている。</p>
  103.         </div>
  104.     </div>
  105.     <div class="news">
  106.         <div class="news-title">
  107.             <img src="{{ asset('ichiro/assets/img/news.png', 'user_data') }}" alt="新着情報" />
  108.         </div>
  109.         <div class="news__wrapper">
  110.             {% for blog in topBlogs %}
  111.                 <a href="{{ url('cm_blog_pro_page_detail', {'id': blog.slug ? blog.slug : blog.id}) }}" class="news-item">
  112.                     <p class="date">{{ blog.release_date|date('Y.m.d')}}</p>
  113.                     <p class="title">{{ blog.getTitle|length > 40 ? blog.getTitle|striptags|replace({('&nbsp;'):' '})|slice(0, 40)|raw ~ '...' : blog.getTitle|raw }}</p>
  114.                 </a>
  115.             {% endfor %}
  116.         </div>
  117.         <div class="btn-more">
  118.             <a href="{{ url('cm_blog_pro_page_list') }}">
  119.                 一覧を見る <i class="fas fa-angle-right"></i>
  120.             </a>
  121.         </div>
  122.     </div>
  123. {% endblock %}