app/template/default/Block/top_case_study.twig line 1

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  4.     {# メニュー例のスライド #}
  6.     .category_name_div {
  7.         display: flex;
  8.         justify-content: space-between; /* 両端寄せ */
  9.         align-items: center; /* 中央揃え（縦方向） */
  10.         line-height: 42px;
  11.         padding-left: 16px;
  12.     }
  14.     .category_name {
  15.         color: #000;
  16.         font-size: 18px;
  17.         font-style: normal;
  18.         font-weight: 700;
  19.         text-align: left; /* 明示的に左寄せ */
  20.         margin-top: 0px;
  21.         margin-bottom: 0px;
  22.     }
  23.     .all_product_link {
  24.         color: #337AB7; font-size: 14px; margin-right: 16px; font-weight: 700;
  25.     }
  26.     </style>
  28. {% endblock %}
  29.  
  30. {% block javascript %}
  31.     <script>
  32.         
  33.         $(function() {
  35.             {% set current_domain = app.request.getHost() %}
  37.             {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  38.             {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  39.         });
  40.     </script>
  41. {% endblock javascript %}
  43. <div>
  44.     {# 事例から探す #}
  45.     <section style="margin: 0px; padding-left: 0px; padding-bottom: 80px; padding-top: 80px; background-color: #F7F7F7;">
  47.         {# 事例から探す #}
  48.         <div class="" style="margin-bottom:48px; padding-left: 30px; padding-right: 30px; ">
  49.             <img src="{{ asset('assets/img/top_page/text_2.png', 'user_data') }}" alt="事例から探す" style="width: 450px;">    
  50.         </div>
  51.         <div class="image-grid row" style="">
  52.             <a href="https://note.com/shikomel/n/n9496f0b00e13?magazine_key=m05faaedf3dc2" class="" target="_blank">
  53.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_9.webp', 'user_data') }}" alt="補助金を活用した新規事業のカフェは「シコメルありき」で開店。仕込み済み食材だからこそ成立した、本業とカフェ事業の両立。">
  54.             </a>
  55.             <a href="https://note.com/shikomel/n/nc0130e474350?magazine_key=m05faaedf3dc2" class="" target="_blank">
  56.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_10.webp', 'user_data') }}" alt="キャンプ場のデザートをシコメル商品に総入れ替え。「仕込み時間削減」と「フードロス低減」を実現した。">
  57.             </a>
  58.             <a href="https://note.com/shikomel/n/nf8e9d7e82003?magazine_key=m05faaedf3dc2" class="" target="_blank">
  59.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_11.webp', 'user_data') }}" alt="ハンバーグの仕込みがゼロになったにも関わらず、ハンバーグ自体の売上が上昇！">
  60.             </a>
  61.             <a href="https://note.com/shikomel/n/n40a69436b757?magazine_key=m05faaedf3dc2" class="" target="_blank">
  62.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_12.webp', 'user_data') }}" alt="和食居酒屋なのにチヂミやレーズンバターを導入。「常連客を飽きさせない」シコメル活用法。">
  63.             </a>
  64.             {# <a href="https://note.com/shikomel_media/n/nb0bf57e220ae?magazine_key=m05faaedf3dc2" class="" target="_blank">
  65.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_8.webp', 'user_data') }}" alt="レンチン1分半で本格派！『NY風ジャークチキンステーキ』活用事例" style="">
  66.             </a> #}
  67.         </div>
  68.         <div class="image-grid row second_row" style="">
  69.             <a href="https://note.com/shikomel_media/n/n754835812c40?magazine_key=m05faaedf3dc2" class="" target="_blank">
  70.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_7.webp', 'user_data') }}" alt="月間1,800食の人気！揚げるだけで本格派『骨付き丸鶏』活用事例" style="">
  71.             </a>
  72.             <a href="https://note.com/shikomel_media/n/nf0736b97566c?magazine_key=m05faaedf3dc2" class="" target="_blank">
  73.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_4.webp', 'user_data') }}" alt="月間500食を実現！ランチ＆ディナーで活躍する『鶏もものトマト煮』活用事例" style="">
  74.             </a>
  75.             <a href="https://note.com/shikomel_media/n/n04704f4446f2?magazine_key=m05faaedf3dc2" class="" target="_blank">
  76.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_3.webp', 'user_data') }}" alt="繁盛を支えた50年の名物『肉じゃがコロッケ』を、あなたのお店に" style="">
  77.             </a>
  78.             <a href="https://note.com/shikomel_media/n/n7c195ceb39c1?magazine_key=m05faaedf3dc2" class="" target="_blank">
  79.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_6.webp', 'user_data') }}" alt="高単価＆健康志向を両立。大手デリバリーブランド発『マイルドトマトキーマ』" style="">
  80.             </a>
  81.             {# <a href="https://note.com/shikomel_media/n/n120b2ac90fe1?magazine_key=m05faaedf3dc2" class="" target="_blank">
  82.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_5.webp', 'user_data') }}" alt="揚げ時間で食感自在！繁盛店も採用する『トラウトサーモンフライ』の使い方" style="">
  83.             </a> #}
  84.             {# <a href="https://note.com/shikomel_media/n/nf12a8659abb5?magazine_key=m05faaedf3dc2" class="" target="_blank">
  85.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_2.webp', 'user_data') }}" alt="高粗利×簡単オペレーションを実現！オーセンティックバーの本格チョコテリーヌ事例" style="">
  86.             </a> #}
  87.             {# <a href="https://note.com/shikomel_media/n/n7eb04c8c3bba?magazine_key=m05faaedf3dc2" class="" target="_blank">
  88.                 <img src="{{ asset('assets/img/case_study_image/case_study_image_1.webp', 'user_data') }}" alt="色あざやかな“映えるプレート”で集客を！｜希釈するだけで完成する「黒カレーベース」" style="">
  89.             </a> #}
  90.         </div>
  91.         <div class="" style="margin-bottom:56px; text-align: center;">
  92.             <a href="https://note.com/shikomel_media/m/m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  93.                 <img src="{{ asset('assets/img/top_page/btn_show_more_case.png', 'user_data') }}" alt="事例をもっと見る" style="width: 218px;">
  94.             </a> 
  95.         </div>
  96.     </section>
  97. </div>