app/template/user_data/taiken.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block main %}
  3. <article class="experience">
  4. <section class="mv">
  5. <p class="five">手ぶらで気楽に♪</p>
  6. <h2>多肉寄せ植え体験</h2>
  7. <p class="cat">随時開催中!!</p>
  8. <div class="tobtn">
  9. <p class="fuki">
  10. ご予約・お問い合わせは<br>こちらから
  11. </p>
  12. <a href="#toform" class="gbtn">ご予約・お問合せ</a>
  13. </div>
  14. <p class="und">予約なしでもお席が空いていれば体験可能です。<br>通常お席のご用意が4席しかございません、4名様以上でご希望の場合は、<br>お問い合わせください。</p>
  15. </section>
  16. <section class="course">
  17. <h2>ブリキもしくは陶器鉢から選択、多肉植物の数が異なります。<br>
  18. <h2>
  19. <table>
  20.     <tr>
  21.         <th>鉢</th>
  22.         <th>多肉個数</th>
  23.         <th>価格</th>
  24.     </tr>
  25.     <tr>
  26.         <td>a.コーヒーカップソーサー付ブリキ</td>
  27.         <td>5個+セダム</td>
  28.         <td>1,600円</td>
  29.     </tr>
  30.     <tr>
  31.         <td>b.取っ手付きバケツブリキ</td>
  32.         <td>8個+セダム</td>
  33.         <td>1,900円</td>
  34.     </tr>
  35.     <tr>
  36.         <td>c. 陶器鉢</td>
  37.         <td>8個+セダム</td>
  38.         <td>1,900円</td>
  39.     </tr>
  40. </table>
  41. </section>
  42. <section class="nagare">
  43. <h2><strong>寄せ植え体験の流れ</strong></h2>
  44. <ul>
  45. <li>
  46. <p>お好みの鉢を選んでスタッフに渡します。<br>スタッフがお席と土をご用意します。</p>
  47. <div class="pic">
  48. <img src="/html/user_data/assets/images/taiken/pic01.png" alt="">
  49. </div>
  50. </li>
  51. <li>
  52. <p>多肉を選びます。</p>
  53. <div class="pic">
  54. <img src="/html/user_data/assets/images/taiken/pic02.png" alt="">
  55. </div>
  56. </li>
  57. <li>
  58. <p>お席で寄せ植えスタート</p>
  59. <div class="pic">
  60. <img src="/html/user_data/assets/images/taiken/pic03.png" alt="">
  61. </div>
  62. </li>
  63. <li>
  64. <p>楽しく寄せ植え体験できれば完成です!</p>
  65. <div class="pic">
  66. <img src="/html/user_data/assets/images/taiken/pic04.png" alt="">
  67. </div>
  68. </li>
  69. </ul>
  70. <div class="under">
  71. <div class="pic">
  72. <img src="/html/user_data/assets/images/taiken/pic05.png" alt="">
  73. </div>
  74. <div class="text">
  75. <p>初めての方でも大丈夫、スタッフがコツ等アドバイスします。<br>セダムはご自由にお使いいただけます。<br>寄せ植えの最後に隙間にドンドン入れ放題です。</p>
  76. <p class="indm">※時期によりセダムの種類は多少変わります</p>
  77. </div>
  78. </div>
  79. </section>
  80. <section id="toform">
  81. <h2>ご予約・お問合せ先</h2>
  82. <p class="txtC">『多肉寄せ植え体験』のご予約・お問い合わせは下記フォームより(寄せ植えスタート時間11時~16時の間)
  83. <form method="post" action="/mail.php">
  84. <input type="hidden" id="token" name="token" value="">
  85. <table>
  86.     <tr>
  87.         <td>お名前<i>必須</i></td>
  88.         <td><input type="text" name="お名前" value="" required></td>
  89.     </tr>
  90.     <tr>
  91.         <td>ふりがな<i>必須</i></td>
  92.         <td><input type="text" name="ふりがな" value="" required></td>
  93.     </tr>
  94.     <tr>
  95.         <td>メールアドレス<i>必須</i></td>
  96.         <td><input type="text" name="メールアドレス" value="" required></td>
  97.     </tr>
  98.     <tr>
  99.         <td>お電話番号</td>
  100.         <td><input type="text" name="電話番号" value=""></td>
  101.     </tr>
  102.     <tr>
  103.         <td>ご希望日時</td>
  104.         <td>
  105.         <input type="text" name="希望日" value="" class="calendar">
  106.         
  107.         
  108.         <p>時間:<label><input type="radio" name="時間" value="午前">午前</label>
  109.         <label><input type="radio" name="時間" value="午後">午後</label></p>
  110.         </td>
  111.     </tr>
  112.     <tr>
  113.         <td>お問合せ内容(ご予約人数を記載ください)</td>
  114.         <td><textarea name="お問合せ内容"></textarea></td>
  115.     </tr>
  116. </table>
  117. <p class="submit"><button type="submit" name="submit">送信</button></p>
  118. </form>
  119. </section>
  120. </article>
  121. {% endblock %}