app/template/user_data/case.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block stylesheet %}
  3.     <style>
  5.         #page_user_data .ak-header .ak-link{
  6.             align-content: center;
  7.             justify-content: space-evenly;
  8.             flex-wrap: nowrap;
  9.         }
  10.         #page_user_data .ak-header .ak-link li{
  11.             width: 100%;
  12.         }
  13.         #page_user_data .ak-header .ak-link li a{
  14.             display: block;
  15.             border : 1px solid #FFF;
  16.             padding: 1em;
  17.         }
  18.         #page_user_data h2{
  19.             display: flex;
  20.             align-items: center;
  21.         }
  22.         #page_user_data h2::before{
  23.             content: "";
  24.             display: block;
  25.             width: 0.5em;
  26.             height: 2px;
  27.             background-color: #c60a1c;
  28.             margin-right: 0.5em;
  29.         }
  30.         #page_user_data {
  32.         }
  33.         @media screen and (max-width: 767px) {
  34.             #page_user_data .ak-header .ak-link{
  35.                 flex-wrap: wrap;
  36.             }
  37.             #page_user_data .ak-header .ak-link li{
  38.                 width: 48%;
  39.                 margin-bottom: 10px;
  40.             }   
  41.         }
  42.         .case_list div{
  43.             margin: auto;
  44.             width: 80%;
  45.             margin-bottom: 5em;
  46.             display: flex;
  47.             flex-wrap: wrap;
  48.             justify-content: space-between;
  49.         }
  50.         .case_list div dt{
  51.             width: 30%;
  52.             padding-top: 5em;
  53.             padding-right: 2em;
  54.         }
  55.         .case_list div dt h3{
  56.             background: linear-gradient(transparent 50%, #c60a1c 50%);
  57.             display: inline;
  58.             padding: 0 0.2em;
  59.         }
  60.         #akracing .case_list div dt ul{
  61.             margin-top: 1em;
  62.         }
  63.         .case_list div dd{
  64.             width: 70%;
  65.         }
  66.         .case_list div dd p{
  67.             margin-bottom: 1em;
  68.         }
  69.         @media screen and (max-width: 767px) {
  70.             .case_list div{
  71.                 display: block;
  72.                 width: 100%;
  73.             }
  74.             .case_list div dt{
  75.                 padding-top: 0;
  76.                 padding-bottom: 0.5em;
  77.             }
  78.             .case_list div dt,
  79.             .case_list div dd{
  80.                 
  81.                 width: 100%;
  82.             }
  83.             #akracing .case_list div dt ul{
  84.                 margin-top: 0.5em;
  85.             }
  86.             
  87.         }
  88.     </style>
  89. {% endblock %}
  90. {% set body_class = 'user_data_case' %}
  91. {% block main %}
  92. <div id="shop_page">
  93.         <div class="ak-header">
  94.             <div class="ak-pageHeader">
  95.                 <h1>導入事例</h1>
  96.                 <ul class="ak-link">
  97.                     <li><a href="#stadium">スタジアム</a></li>
  98.                     <li><a href="#golf">ゴルフ練習場</a></li>
  99.                     <li><a href="#airport">空港</a></li>
  100.                     <li><a href="#movie theater">劇場・映画館</a></li>
  101.                     <li><a href="#case">ホテル</a></li>
  102.                 </ul>
  103.             </div>
  104.         </div><!-- ak-header -->
  105.         <div id="real_shop" class="ak-body">
  106.             <div id="stadium" style="margin-bottom:100px">
  107.                 <h2>スタジアム</h2>
  108.                 <dl class="case_list">
  109.                     <div>
  110.                         <dt>
  111.                             <h3>明治神宮野球場</h3>
  112.                             <ul>
  113.                                 <li>用途：ダグアウト(ホーム/ビジター)</li>
  114.                                 <li>導入数：30脚</li>
  115.                                 <li>モデル名：Pro-X V2 Blue</li>
  116.                             </ul>
  117.                         </dt>
  118.                         <dd>
  119.                             <p>
  120.                                 <img src="{{ asset('assets/img/case_images/Meiji_Jingu_Baseball_Stadium/img01.JPG') }}" class="maxwidth" alt="">
  121.                             </p>
  122.                         </dd>
  123.                     </div>
  125.                     <div>
  126.                         <dt>
  127.                             <h3>楽天モバイルパーク宮城</h3>
  128.                             <ul>
  129.                                 <li>用途：ダグアウト(ホーム/ビジター) </li>
  130.                                 <li>導入数：80脚</li>
  131.                                 <li>モデル名：東北楽天ゴールデンイーグルス カスタムモデル(シートヒーター機能つき)</li>
  132.                             </ul>
  133.                         </dt>
  134.                         <dd>
  135.                             <p>
  136.                                 <img src="{{ asset('assets/img/case_images/Rakuten_Mobile_Park_Miyag/img01.JPG') }}" class="maxwidth" alt="">
  137.                             </p>
  138.                         </dd>
  139.                     </div>
  141.                     <div>
  142.                         <dt>
  143.                             <h3>東京ドーム</h3>
  144.                             <ul>
  145.                                 <li>用途：ダグアウト 監督席</li>
  146.                                 <li>導入数：2脚</li>
  147.                                 <li>モデル名：Pro-X V2 Giants</li>
  148.                             </ul>
  149.                         </dt>
  150.                         <dd>
  151.                             <p>
  152.                                 <img src="{{ asset('assets/img/case_images/Tokyo_Dome/img01.JPG') }}" class="maxwidth" alt="">
  153.                             </p>
  154.                         </dd>
  155.                     </div>
  157.                     <div>
  158.                         <dt>
  159.                             <h3>ベルーナドーム</h3>
  160.                             <ul>
  161.                                 <li>用途：ダグアウト 監督席</li>
  162.                                 <li>導入数：2脚</li>
  163.                                 <li>モデル名：Pro-X V2 Blue</li>
  164.                             </ul>
  165.                         </dt>
  166.                         <dd>
  167.                             <p>
  168.                                 <img src="{{ asset('assets/img/case_images/BELLUNA_DOME/img01.JPG') }}" class="maxwidth" alt="">
  169.                             </p>
  170.                         </dd>
  171.                     </div>
  173.                     <div>
  174.                         <dt>
  175.                             <h3>味の素スタジアム</h3>
  176.                             <ul>
  177.                                 <li>用途：FC東京ベンチシート(ホーム)</li>
  178.                                 <li>導入数：23席</li>
  179.                                 <li>モデル名：FC東京 カスタムモデル</li>
  180.                             </ul>
  181.                         </dt>
  182.                         <dd>
  183.                             <p>
  184.                                 <img src="{{ asset('assets/img/case_images/Ajinomoto_Stadium/img01.JPG') }}" class="maxwidth" alt="">
  185.                             </p>
  186.                         </dd>
  187.                     </div>
  189.                     <div>
  190.                         <dt>
  191.                             <h3>町田GIONスタジアム</h3>
  192.                             <ul>
  193.                                 <li>用途：FC町田ゼルビア(ホーム) </li>
  194.                                 <li>導入数：23席</li>
  195.                                 <li>モデル名：FC町田ゼルビア カスタムモデル</li>
  196.                             </ul>
  197.                         </dt>
  198.                         <dd>
  199.                             <p>
  200.                                 <img src="{{ asset('assets/img/case_images/Machida_GION_Stadium/img01.JPG') }}" class="maxwidth" alt="">
  201.                             </p>
  202.                         </dd>
  203.                     </div>
  206.                     <div>
  207.                         <dt>
  208.                             <h3>JFE晴れの国スタジアム</h3>
  209.                             <ul>
  210.                                 <li>用途：ファジアーノ岡山(ホーム/アウェイ)  </li>
  211.                                 <li>導入数：36席</li>
  212.                                 <li>モデル名：ファジアーノ岡山 カスタムモデル</li>
  213.                             </ul>
  214.                         </dt>
  215.                         <dd>
  216.                             <p>
  217.                                 <img src="{{ asset('assets/img/case_images/JFE_Harenokuni_Stadium/img01.JPG') }}" class="maxwidth" alt="">
  218.                             </p>
  219.                             <p>
  220.                                 <img src="{{ asset('assets/img/case_images/JFE_Harenokuni_Stadium/img02.jpg') }}" class="maxwidth" alt="">
  221.                             </p>
  222.                         </dd>
  223.                     </div>
  225.                 </dl>
  226.                 
  229.             </div>
  230.             <div id="golf" style="margin-bottom:100px">
  231.                 <h2>ゴルフ練習場</h2>
  232.                 <dl class="case_list">
  233.                     <div>
  234.                         <dt>
  235.                             <h3>ロッテ葛西ゴルフ</h3>
  236.                             <ul>
  237.                                 <li>用途：1F練習打席</li>
  238.                                 <li>導入数：100席</li>
  239.                                 <li>モデル名：Pro-X V2 White</li>
  240.                             </ul>
  241.                         </dt>
  242.                         <dd>
  243.                             <p>
  244.                                 <img src="{{ asset('assets/img/case_images/Lotte_Kasai_Golf/img01.JPG') }}" class="maxwidth" alt="">
  245.                             </p>
  246.                         </dd>
  247.                     </div>
  249.                     <div>
  250.                         <dt>
  251.                             <h3>スイング碑文谷</h3>
  252.                             <ul>
  253.                                 <li>用途：1F練習打席</li>
  254.                                 <li>導入数：56席</li>
  255.                                 <li>モデル名：Pro-X JP Grey</li>
  256.                             </ul>
  257.                         </dt>
  258.                         <dd>
  259.                             <p>
  260.                                 <img src="{{ asset('assets/img/case_images/sing_himonya/img01.JPG') }}" class="maxwidth" alt="">
  261.                             </p>
  262.                         </dd>
  263.                     </div>
  265.                     <div>
  266.                         <dt>
  267.                             <h3>明治神宮外苑室内球技場ゴルフレンジ</h3>
  268.                             <ul>
  269.                                 <li>用途：練習打席</li>
  270.                                 <li>導入数：12打席</li>
  271.                                 <li>モデル名：Pro-X V2シリーズ</li>
  272.                             </ul>
  273.                         </dt>
  274.                         <dd>
  275.                             <p>
  276.                                 <img src="{{ asset('assets/img/case_images/Meiji_Jingu_golf_range/img01.JPG') }}" class="maxwidth" alt="">
  277.                             </p>
  278.                         </dd>
  279.                     </div>
  280.                 </dl>
  281.             </div>
  282.             <div id="airport" style="margin-bottom:100px">
  283.                 <h2>空港</h2>
  284.                 <dl class="case_list">
  285.                     <div>
  286.                         <dt>
  287.                             <h3>大阪国際空港</h3>
  288.                             <ul>
  289.                                 <li>用途：搭乗待合室</li>
  290.                                 <li>導入数：52席</li>
  291.                                 <li>モデル名：Pro-X V2シリーズ、阪神タイガースチェア</li>
  292.                             </ul>
  293.                         </dt>
  294.                         <dd>
  295.                             <p>
  296.                                 <img src="{{ asset('assets/img/case_images/Osaka_International_Airport/img01.JPG') }}" class="maxwidth" alt="">
  297.                             </p>
  298.                         </dd>
  299.                     </div>
  300.                 </dl>
  301.             </div>
  302.             <div id="movie theater" style="margin-bottom:100px">
  303.                 <h2>劇場・映画館</h2>
  304.                 <dl class="case_list">
  305.                     <div>
  306.                         <dt>
  307.                             <h3>新宿ピカデリー</h3>
  308.                             <ul>
  309.                                 <li>用途：AKRacing BOXシート</li>
  310.                                 <li>導入数：106席</li>
  311.                                 <li>モデル名：AKRacing BOXシート カスタムモデル</li>
  312.                             </ul>
  313.                         </dt>
  314.                         <dd>
  315.                             <p>
  316.                                 <img src="{{ asset('assets/img/case_images/Shinjuku_Piccadilly/img01.JPG') }}" class="maxwidth" alt="">
  317.                             </p>
  318.                         </dd>
  319.                     </div>
  320.                 </dl>
  321.             </div>
  322.             <div id="case" style="margin-bottom:100px">
  323.                 <h2>ホテル</h2>
  324.                 <dl class="case_list">
  325.                     <div>
  326.                         <dt>
  327.                             <h3>アパホテル ＆ リゾート 東京ベイ</h3>
  328.                             <ul>
  329.                                 <li>用途：サムライブルールーム 4室</li>
  330.                                 <li>導入数：4席</li>
  331.                                 <li>モデル名：サッカー日本代表モデル</li>
  332.                             </ul>
  333.                         </dt>
  334.                         <dd>
  335.                             <p>
  336.                                 <img src="{{ asset('assets/img/case_images/APA_Hote_Resort_Tokyo_Bay/img01.JPG') }}" class="maxwidth" alt="">
  337.                             </p>
  338.                         </dd>
  339.                     </div>
  340.                 </dl>
  341.             </div>
  342.         </div><!-- #real_shop -->
  343. </div><!-- /#shop_page -->
  344. {% endblock %}