app/template/user_data/photobooth.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% extends 'default_frame.twig' %}
  9. {% block main %}
  10. <div class="photo_booth">
  11.     <div class="pb_movie">
  12.         <img src="{{ asset('assets/img/plot/pb_movie.jpg', 'user_data') }}" alt="">
  13.         <h1 class="ft_e">PHOTO BOOTH</h1> 
  14.     </div>
  15.       <div class="pb_top">
  16.         <h2>2000点以上のプロップス使い放題<br>
  17.         お好きに組み合わせて撮影できるフォトブース</h2>
  18.           <p>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報 をご希望の方はこちらからご登録ください。<br class="u_visible_pc">
  19.         新商品の入荷情報をご希望の方はこちらからご登録ください。<br class="u_visible_pc">
  20.         新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。<br class="u_visible_pc">
  21.         新商品の入荷情報をご希望の方はこちらからご登録ください。
  22.         </p>
  23.     </div>
  24.     
  25.     <section class="how_to">
  26.         <div class="c_inner">
  27.             <h2 class="c_ttl ft_e">How to use</h2>
  28.             <ul>
  29.                 <li>
  30.                     <img src="{{ asset('assets/img/plot/step_00.jpg', 'user_data') }}" alt="">
  31.                     <dt><span class="ft_e">Step.00</span>プロップスの下見</dt>
  32.                     <dd>ご利用決定前にプロップスの下見が可能です。営業時間内に当店までご来店ください。来店予約は不要です。サイト非掲載商品もございます。
  33.                     <a href="">※営業時間はインスタグラムから</a></dd>
  34.                 </li>
  35.                 <li>
  36.                     <img src="{{ asset('assets/img/plot/step_01.jpg', 'user_data') }}" alt="">
  37.                     <dt><span class="ft_e">Step.01</span>日時を指定してご予約</dt>
  38.                     <dd>ご利用が決定しましたら<a href="https://coubic.com/plotphotobooth/3167783/book/course_type">ご予約フォーム</a>から日時を指定しご予約ください。当店から予約確定のメールが届きましたらご予約完了です。
  39.                     </dd>
  40.                 </li>
  41.                 <li>
  42.                     <img src="{{ asset('assets/img/plot/step_02.jpg', 'user_data') }}" alt="">
  43.                     <dt><span class="ft_e">Step.02</span>ご来店</dt>
  44.                     <dd>ご予約日になりましたら、当店までご来店ください。前のご予約がある場合がございますので、お時間ちょうどに入室ください。業務用エレベーターがございますので、お荷物がある場合はご利用ください。</dd>
  45.                 </li>
  46.                 <li>
  47.                     <img src="{{ asset('assets/img/plot/step_03.jpg', 'user_data') }}" alt="">
  48.                     <dt><span class="ft_e">Step.03</span>撮影</dt>
  49.                     <dd>店内のプロップスはすべてご使用可能です。ご自由に組み合わせ撮影をお楽しみください。撮影経験の豊富なスタッフが在籍しておりますので何なりとご相談ください。
  50.                     </dd>
  51.                 </li>
  52.                       <li>
  53.                     <img src="{{ asset('assets/img/plot/step_04.jpg', 'user_data') }}" alt="">
  54.                     <dt><span class="ft_e">Step.04</span>お片付け</dt>
  55.                     <dd>ご使用いただいたプロップスを所定の位置にお戻しください。お時間以内にお片付けの完了をお願いします。次のご予約が無い場合は延長を30分より承っております。</dd>
  56.                 </li>
  57.                 <li>
  58.                     <img src="{{ asset('assets/img/plot/step_05.jpg', 'user_data') }}" alt="">
  59.                     <dt><span class="ft_e">Step.05</span>お支払い</dt>
  60.                     <dd>当店スタッフに料金のお支払いをお願いします。</dd>
  61.                 </li>
  62.             </ul>
  63.         </div>
  64.     </section>
  65.     
  66.     <section class="space">
  67.         <div class="c_inner">
  68.             <h2 class="c_ttl ft_e">Space size</h2>
  69.             <img src="{{ asset('assets/img/plot/space_img.jpg', 'user_data') }}" alt="" class="u_switch_img">
  70.         </div>
  71.     </section>
  72.    
  73.     <section class="equipment">
  74.         <div class="c_inner">
  75.             <h2 class="c_ttl ft_e">Equipment</h2>
  76.             <ul>
  77.                 <li>
  78.                     <img src="{{ asset('assets/img/plot/eq_img01.jpg', 'user_data') }}" alt="">
  79.                     <dt>LEDスタンド照明</dt>
  80.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。</dd>
  81.                 </li>
  82.                 <li>
  83.                     <img src="{{ asset('assets/img/plot/eq_img02.jpg', 'user_data') }}" alt="">
  84.                     <dt>センチュリースタンド</dt>
  85.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。
  86.                     </dd>
  87.                 </li>
  88.                 <li>
  89.                     <img src="{{ asset('assets/img/plot/eq_img03.jpg', 'user_data') }}" alt="">
  90.                     <dt>バック紙</dt>
  91.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。</dd>
  92.                 </li>
  93.                 <li>
  94.                     <img src="{{ asset('assets/img/plot/eq_img04.jpg', 'user_data') }}" alt="">
  95.                     <dt>調光スポットライト</dt>
  96.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。
  97.                     </dd>
  98.                 </li>
  99.                   <li>
  100.                     <img src="{{ asset('assets/img/plot/eq_img05.jpg', 'user_data') }}" alt="">
  101.                     <dt>LEDスタンド照明</dt>
  102.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。</dd>
  103.                 </li>
  104.                 <li>
  105.                     <img src="{{ asset('assets/img/plot/eq_img06.jpg', 'user_data') }}" alt="">
  106.                     <dt>センチュリースタンド</dt>
  107.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。
  108.                     </dd>
  109.                 </li>
  110.                 <li>
  111.                     <img src="{{ asset('assets/img/plot/eq_img07.jpg', 'user_data') }}" alt="">
  112.                     <dt>バック紙</dt>
  113.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。</dd>
  114.                 </li>
  115.                 <li>
  116.                     <img src="{{ asset('assets/img/plot/eq_img08.jpg', 'user_data') }}" alt="">
  117.                     <dt>調光スポットライト</dt>
  118.                     <dd>新商品の入荷情報をご希望の方はこちらからご登録ください。新商品の入荷情報をご希望の方はこちらからご登録ください。
  119.                     </dd>
  120.                 </li>
  121.             </ul>
  122.         </div>
  123.     </section>
  124.     
  125.     <section class="pb_price">
  126.         <div class="c_inner">
  127.             <h2 class="c_ttl ft_e">Price</h2>
  128.               <div class="pr_box">
  129.                 <dl>
  130.                     <dt>1時間</dt>
  131.                     <dd>9,900円<span>(税込み)</span></dd>
  132.                 </dl>
  133.                 <p>※ 1時間よりご予約可能です。<br>
  134.                 ※入室から退室までを含んだお時間です。<br>
  135.                 ※後ろにご予約が無い場合に限り、延長可能です。
  136.                 </p>
  137.                 <div class="pr_btn"><a href="">ご予約はこちらから</a></div>
  138.             </div>
  139.         </div>    
  140.    </section>
  141.   
  142.     <section class="pb_gallery">
  143.         <div class="c_inner">
  144.         <h2 class="c_ttl ft_e">Photo gallery</h2>
  145.         <ul>
  146.             <li>  <img src="{{ asset('assets/img/plot/ga_img01.jpg', 'user_data') }}" alt="">
  147.             </li>
  148.             <li>  <img src="{{ asset('assets/img/plot/ga_img02.jpg', 'user_data') }}" alt="">
  149.             </li>
  150.             <li>  <img src="{{ asset('assets/img/plot/ga_img03.jpg', 'user_data') }}" alt="">
  151.             </li>
  152.             <li>  <img src="{{ asset('assets/img/plot/ga_img04.jpg', 'user_data') }}" alt="">
  153.             </li>
  154.             <li>  <img src="{{ asset('assets/img/plot/ga_img05.jpg', 'user_data') }}" alt="">
  155.             </li>
  156.             <li>  <img src="{{ asset('assets/img/plot/ga_img06.jpg', 'user_data') }}" alt="">
  157.             </li>
  158.         </ul>
  159.     </div>
  160.   </section>
  161.   
  162.  <section class="top_service">
  163.   <div class="c_inner">
  164.     <h2 class="c_ttl ft_e">Our Service</h2>
  165.     <div class="u_visible_pc pc">
  166.       <ul>
  167.         <li>
  168.           <a href="https://ppplot.com/">
  169.             <img src="{{ asset('assets/img/plot/service01.jpg', 'user_data') }}" alt="">
  170.           </a>
  171.         </li>
  172.         <li>
  173.           <a href="">
  174.             <img src="{{ asset('assets/img/plot/service02.jpg', 'user_data') }}" alt="">
  175.           </a>
  176.         </li>
  177.         <li>
  178.           <a href="">
  179.             <img src="{{ asset('assets/img/plot/service03.jpg', 'user_data') }}" alt="">
  180.           </a>
  181.         </li>
  182.       </ul>
  183.     </div>
  184.   </div>
  185.   <div class="u_visible_sp sp"></div>
  186. </section>
  187. </div>
  188. {% endblock %}