app/template/default/Help/guide.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. {% block stylesheet %}
  14.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css') }}">
  15. {% endblock %}
  17. {% block main %}
  18.     <div
  19.         class="contact_wrapper body-section-ui">
  20.         <!-- breadcrumb -->
  21.         <nav class="breadcrumb" aria-label="パンくずリスト">
  22.             <a class="breadcrumb__item" href="{{ url('homepage') }}">ホーム</a>
  23.             <img class="breadcrumb__separator" src="{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}" alt="" width="12" height="12"/>
  24.             <span class="breadcrumb__item breadcrumb__item--current">ご利用ガイド</span>
  25.         </nav>
  27.         <div
  28.             class="container-1200">
  30.             <!-- title -->
  31.             <div class="base-title">
  32.                 <img class="base-title__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt="" width="48" height="48"/>
  33.                 <h1 class="base-title__text">ご利用ガイド</h1>
  34.             </div>
  36.             <!-- content -->
  37.             <div class="guide-content-wrapper">
  38.                 <div class="guide-content-left">
  39.                     <nav class="guide-nav">
  40.                         <a href="#hajime-ni" class="guide-nav__item">
  41.                             <span class="guide-nav__indicator"></span>
  42.                             <span class="guide-nav__text">はじめに</span>
  43.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  44.                         </a>
  45.                         <a href="#chumon-hoho" class="guide-nav__item">
  46.                             <span class="guide-nav__indicator"></span>
  47.                             <span class="guide-nav__text">注文方法について</span>
  48.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  49.                         </a>
  50.                         <a href="#oshiharai" class="guide-nav__item">
  51.                             <span class="guide-nav__indicator"></span>
  52.                             <span class="guide-nav__text">お支払いについて</span>
  53.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  54.                         </a>
  55.                         <a href="#ryoshusho" class="guide-nav__item">
  56.                             <span class="guide-nav__indicator"></span>
  57.                             <span class="guide-nav__text">領収書について</span>
  58.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  59.                         </a>
  60.                         <a href="#otodoke" class="guide-nav__item">
  61.                             <span class="guide-nav__indicator"></span>
  62.                             <span class="guide-nav__text">お届けについて</span>
  63.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  64.                         </a>
  65.                         <a href="#soryo" class="guide-nav__item">
  66.                             <span class="guide-nav__indicator"></span>
  67.                             <span class="guide-nav__text">送料について</span>
  68.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  69.                         </a>
  70.                         <a href="#kyanseru-henpin-kokan" class="guide-nav__item">
  71.                             <span class="guide-nav__indicator"></span>
  72.                             <span class="guide-nav__text">キャンセル・<br/>返品・交換について</span>
  73.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  74.                         </a>
  75.                         <a href="#mokutan-anzen-toriatsukai" class="guide-nav__item">
  76.                             <span class="guide-nav__indicator"></span>
  77.                             <span class="guide-nav__text">木炭の安全な取り扱い<br class="rs-hidden"/>方法について</span>
  78.                             <img class="guide-nav__arrow" src="{{ asset('assets/img/default/icons/icon-guide-arrow.svg') }}" alt="" width="24" height="24"/>
  79.                         </a>
  80.                     </nav>
  81.                 </div>
  82.                 <div
  83.                     class="guide-content-right">
  86.                     <!-- guide item 1 -->
  87.                     <div class="guide-item guide-item-1" id="hajime-ni">
  88.                         <div class="guide-item__header">
  89.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  90.                             <h2 class="guide-item__title">はじめに</h2>
  91.                         </div>
  92.                         <div class="guide-item__content">
  93.                             <p class="guide-item__text">
  94.                                 当ショップは炭に特化した専門店です。産地・等級・火持ち・香りまで一つひとつ目利きし、用途に最適な炭をご提案します。<br>
  95.                                 飲食店などのプロの方はもちろん、一般・個人のお客様も歓迎です。<br>
  96.                                 ご家庭でも、専門店クオリティの炭火体験をお楽しみください。
  97.                             </p>
  98.                         </div>
  99.                     </div>
  101.                     <!-- guide item 2 -->
  102.                     <div class="guide-item guide-item-2" id="chumon-hoho">
  103.                         <div class="guide-item__header">
  104.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  105.                             <h2 class="guide-item__title">注文方法について</h2>
  106.                         </div>
  107.                         <div class="guide-item__content">
  108.                             <div class="guide-steps">
  109.                                 <div class="guide-step-item">
  110.                                     <img class="guide-step-item_image" src="https://placehold.co/64x64" alt="">
  111.                                     <div class="guide-step-item_content">
  112.                                         <div class="guide-step__title">1. 商品を選ぶ</div>
  113.                                         <p class="guide-step__text">トップページまたは「商品一覧」から商品をお選びください。<br>
  114.                                             商品名をクリックすると詳細ページへ移動します。サイズや仕様、ご利用上の注意を必ずご確認ください。</p>
  115.                                     </div>
  116.                                 </div>
  118.                                 <div class="guide-step-item">
  119.                                     <img class="guide-step-item_image" src="https://placehold.co/64x64" alt="">
  120.                                     <div class="guide-step-item_content">
  121.                                         <div class="guide-step__title">2. カートに入れる</div>
  122.                                         <p class="guide-step__text">ご希望の商品の詳細ページで数量を指定し、［カートに入れる］をクリックします。<br>
  123.                                             追加後は「ショッピングカート」に商品が表示されます。</p>
  124.                                     </div>
  125.                                 </div>
  127.                                 <div class="guide-step-item">
  128.                                     <img class="guide-step-item_image" src="https://placehold.co/64x64" alt="">
  129.                                     <div class="guide-step-item_content">
  130.                                         <div class="guide-step__title">3. カートを確認</div>
  131.                                         <p class="guide-step__text">カート画面で、商品名・数量・小計を確認／変更できます。<br>
  132.                                             他の商品も購入する場合は、前のページに戻り同じ手順で追加してください。</p>
  133.                                     </div>
  134.                                 </div>
  136.                                 <div class="guide-step-item">
  137.                                     <img class="guide-step-item_image" src="https://placehold.co/64x64" alt="">
  138.                                     <div class="guide-step-item_content">
  139.                                         <div class="guide-step__title">4. ご購入手続き</div>
  140.                                         <p class="guide-step__text">［ご購入手続きへ進む］をクリックし、注文内容を再確認のうえ、必須項目（お届け先・お支払い方法など）をご入力ください。<br>
  141.                                             入力後、［注文を確定する］をクリックしてください。</p>
  142.                                     </div>
  143.                                 </div>
  145.                                 <div class="guide-step-item">
  146.                                     <img class="guide-step-item_image" src="https://placehold.co/64x64" alt="">
  147.                                     <div class="guide-step-item_content">
  148.                                         <div class="guide-step__title">5. ご注文完了</div>
  149.                                         <p class="guide-step__text">ご登録のメールアドレスに「ご注文受付メール」を自動送信します。届かない場合は迷惑メールフォルダをご確認ください。<br>
  150.                                             返品・交換ポリシーやお届け日の目安は「お届けについて」、「キャンセル・返品・交換について」をご覧ください。</p>
  151.                                     </div>
  152.                                 </div>
  154.                             </div>
  156.                         </div>
  157.                     </div>
  159.                     <!-- guide item 3 -->
  160.                     <div class="guide-item guide-item-3" id="oshiharai">
  161.                         <div class="guide-item__header">
  162.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  163.                             <h2 class="guide-item__title">お支払いについて</h2>
  164.                         </div>
  165.                         <div class="guide-item__content">
  166.                             <div class="payment-box">
  167.                                 <div class="payment-box__badge">銀行振込</div>
  169.                                 <div class="payment-notes">
  170.                                     <div class="payment-note">
  171.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  172.                                         <p class="payment-note__text">ご注文日から2営業日以内にお振込みをお願いいたします（期限超過はキャンセル扱いになります）</p>
  173.                                     </div>
  174.                                     <div class="payment-note">
  175.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  176.                                         <p class="payment-note__text">ご入金確認後、2営業日以内に出荷となりますので、ご希望の配送日に間に合わない場合があります。</p>
  177.                                     </div>
  178.                                     <div class="payment-note">
  179.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  180.                                         <p class="payment-note__text">振込手数料はお客様負担にてお願いいたします。</p>
  181.                                     </div>
  182.                                     <div class="payment-note">
  183.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  184.                                         <p class="payment-note__text">またご注文者名と振込名義が異なる場合はメールまたはお電話でご連絡ください。</p>
  185.                                     </div>
  186.                                 </div>
  188.                                 <div class="payment-dest">
  189.                                     <div class="payment-dest__header">お振込先</div>
  190.                                     <div class="payment-dest__grid">
  191.                                         <div class="payment-dest__column">
  192.                                             <div class="payment-dest__row">
  193.                                                 <span class="payment-dest__label">銀行名</span>
  194.                                                 <span class="payment-dest__value">三井住友銀行</span>
  195.                                             </div>
  196.                                             <div class="payment-dest__row">
  197.                                                 <span class="payment-dest__label">支店</span>
  198.                                                 <span class="payment-dest__value">徳庵支店</span>
  199.                                             </div>
  200.                                             <div class="payment-dest__row">
  201.                                                 <span class="payment-dest__label">普通口座</span>
  202.                                                 <span class="payment-dest__value">1852321</span>
  203.                                             </div>
  204.                                             <div class="payment-dest__row">
  205.                                                 <span class="payment-dest__label">支店</span>
  206.                                                 <span class="payment-dest__value">徳庵支店</span>
  207.                                             </div>
  208.                                         </div>
  209.                                         <div class="payment-dest__column">
  210.                                             <div class="payment-dest__row">
  211.                                                 <span class="payment-dest__label">銀行名</span>
  212.                                                 <span class="payment-dest__value">三菱UFJ銀行</span>
  213.                                             </div>
  214.                                             <div class="payment-dest__row">
  215.                                                 <span class="payment-dest__label">支店</span>
  216.                                                 <span class="payment-dest__value">鴻池新田支店</span>
  217.                                             </div>
  218.                                             <div class="payment-dest__row">
  219.                                                 <span class="payment-dest__label">普通口座</span>
  220.                                                 <span class="payment-dest__value">0221662</span>
  221.                                             </div>
  222.                                             <div class="payment-dest__row">
  223.                                                 <span class="payment-dest__label">支店</span>
  224.                                                 <span class="payment-dest__value">株式会社 康大商会</span>
  225.                                             </div>
  226.                                         </div>
  227.                                     </div>
  228.                                 </div>
  229.                             </div>
  230.                         </div>
  231.                         <div class="guide-item__content">
  232.                             <div class="payment-box payment-box-credit-card">
  233.                                 <div class="payment-box__badge">クレジットカード</div>
  234.                                 <p class="payment-box__text">
  235.                                     VISA・JCB・MASTER・AMEX・DINERSのクレジットカードをご一括払いにてご利用いただけます。
  236.                                 </p>
  237.                                 <div class="payment-card-image">
  238.                                     <img src="{{ asset('assets/img/default/image/paymen-1.png') }}" alt="payment"/>
  239.                                     <img src="{{ asset('assets/img/default/image/paymen-2.png') }}" alt="payment"/>
  240.                                     <img src="{{ asset('assets/img/default/image/paymen-3.png') }}" alt="payment"/>
  241.                                     <img src="{{ asset('assets/img/default/image/paymen-4.png') }}" alt="payment"/>
  242.                                     <img src="{{ asset('assets/img/default/image/paymen-5.png') }}" alt="payment"/>
  243.                                 </div>
  244.                             </div>
  245.                         </div>
  246.                     </div>
  248.                     <!-- guide item 4 -->
  249.                     <div class="guide-item guide-item-4" id="ryoshusho">
  250.                         <div class="guide-item__header">
  251.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  252.                             <h2 class="guide-item__title">領収書について</h2>
  253.                         </div>
  254.                         <div class="guide-item__content">
  255.                             <p class="guide-item__text">マイページにて領収書のダウンロードが可能となっております</p>
  256.                             <button class="btn_primary btn_primary-to-mypage" type="button">
  257.                                 <span class="btn_primary-text">マイページはこちらから</span>
  258.                                 <img class="btn_primary-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24"/>
  259.                             </button>
  260.                         </div>
  261.                     </div>
  263.                     <!-- guide item 5 -->
  264.                     <div class="guide-item guide-item-5" id="otodoke">
  265.                         <div class="guide-item__header">
  266.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  267.                             <h2 class="guide-item__title">お届けについて</h2>
  268.                         </div>
  269.                         <div class="guide-item__content">
  270.                             <div class="payment-box__badge">銀行振込</div>
  271.                             <p class="payment-box__text">
  272.                                 ご注文商品は当社指定の運送会社でお届けします。<br>
  273.                                 北海道・沖縄・離島は配送条件が異なるため、事前にお問い合わせください。
  274.                             </p>
  276.                             <table class="delivery-table">
  277.                                 <thead>
  278.                                     <tr>
  279.                                         <th class="delivery-table__header delivery-table__header--days">お届けまでの日数</th>
  280.                                         <th class="delivery-table__header delivery-table__header--prefecture">都道府県</th>
  281.                                     </tr>
  282.                                 </thead>
  283.                                 <tbody>
  284.                                     <tr>
  285.                                         <td class="delivery-table__cell delivery-table__cell--days">1日（仮）</td>
  286.                                         <td class="delivery-table__cell delivery-table__cell--prefecture">山形県・新潟県・長野県・富山県・福井県・石川県・栃木県・茨城県・群馬県・埼玉県・千葉県・神奈川県・東京都・山梨県・愛知県・静岡県・三重県・岐阜県・滋賀県・京都府・奈良県・大阪府・兵庫県・和歌山県・鳥取県・島根県・岡山県</td>
  287.                                     </tr>
  288.                                     <tr>
  289.                                         <td class="delivery-table__cell delivery-table__cell--days">2日（仮）</td>
  290.                                         <td class="delivery-table__cell delivery-table__cell--prefecture">青森県・秋田県・岩手県・宮城県・福島県・徳島県・愛媛県・香川県・高知県・山口県・広島県・福岡県・大分県・佐賀県・鹿児島県・長崎県・宮崎県・熊本県</td>
  291.                                     </tr>
  292.                                     <tr>
  293.                                         <td class="delivery-table__cell delivery-table__cell--days">3日以上</td>
  294.                                         <td class="delivery-table__cell delivery-table__cell--prefecture">北海道・沖縄県・離島部</td>
  295.                                     </tr>
  296.                                 </tbody>
  297.                             </table>
  298.                         </div>
  299.                     </div>
  301.                     <!-- guide item 6 -->
  302.                     <div class="guide-item guide-item-6" id="soryo">
  303.                         <div class="guide-item__header">
  304.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  305.                             <h2 class="guide-item__title">送料について</h2>
  306.                         </div>
  307.                         <div class="guide-item__content">
  308.                             <p class="guide-item__text">
  309.                                 全国一律：送料無料（※一部地域を除く）<br>
  310.                                 ※北海道・沖縄県・離島宛は、お問い合わせください。
  311.                             </p>
  312.                         </div>
  313.                     </div>
  315.                     <!-- guide item 7 -->
  316.                     <div class="guide-item guide-item-7" id="kyanseru-henpin-kokan">
  317.                         <div class="guide-item__header">
  318.                             <img class="guide-item__icon" src="{{ asset('assets/img/default/icons/icon-title.png') }}" alt=""/>
  319.                             <h2 class="guide-item__title">キャンセル・返品・交換について</h2>
  320.                         </div>
  321.                         <div class="guide-item__content">
  322.                             <h3 class="guide-item__heading">お客様都合のキャンセル・変更・返品・交換はお受けできません。</h3>
  323.                             <p class="guide-item__text">
  324.                                 （例：誤注文／数量やお届け先・日時の変更希望／サイズ・特徴のイメージ相違／保管期限内に受け取れなかった 等）<br>
  325.                                 ご注文確定前に内容を必ずご確認ください。<br>
  326.                                 ※弊社都合を除きます。
  327.                             </p>
  329.                             <div class="guide-cancel-section">
  330.                                 <div class="payment-box__badge">受取不可・返送となった場合の費用</div>
  331.                                 <p class="guide-item__text">
  332.                                     お客様都合で配達不能となり、運送会社の保管期限経過により返送された場合は、商品代金・代引手数料に加え、返送送料（実費）をご負担いただきます。<br>
  333.                                     返送品は安全管理上廃棄処分となり、再発送はできません。
  334.                                 </p>
  335.                             </div>
  337.                             <div class="guide-cancel-section">
  338.                                 <div class="payment-box__badge">初期不良・誤配送・輸送中の破損等</div>
  339.                                 <p class="guide-item__text">
  340.                                     万一、弊社の不手際による誤発送や破損・汚損があった場合は、同一商品との交換にて対応いたします。<br>
  341.                                     なお、上記に起因して発生した間接的・二次的な損害については、弊社では責任を負いかねます。
  342.                                 </p>
  343.                             </div>
  345.                             <div class="guide-cancel-section">
  346.                                 <div class="payment-box__badge">申請手続きと期限</div>
  347.                                 <p class="guide-item__text">
  348.                                     返品・交換のご連絡は、商品到着後7日以内にお問い合わせください。（期間経過後は対応不可）。<br>
  349.                                     送付先のご案内は、メール確認後にご連絡いたします。
  350.                                 </p>
  351.                             </div>
  353.                             <button onclick="window.location.href='{{ url('contact') }}'" class="btn_primary btn_primary-to-mypage" type="button">
  354.                                 <span class="btn_primary-text">お問い合わせはこちら</span>
  355.                                 <img class="btn_primary-icon" src="{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}" alt="" width="24" height="24"/>
  356.                             </button>
  357.                         </div>
  358.                     </div>
  360.                     <!-- guide item 8 -->
  361.                     <div class="guide-item guide-item-8" id="mokutan-anzen-toriatsukai">
  362.                         <div class="guide-item__content">
  363.                             <div class="safety-box">
  364.                                 <div class="safety-notes">
  366.                                     <div class="safety-note-header">
  367.                                         <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  368.                                             <path d="M20 2C29.9411 2 38 10.0589 38 20C38 29.9411 29.9411 38 20 38C10.0589 38 2 29.9411 2 20C2 10.0589 10.0589 2 20 2ZM20 27C18.3431 27 17 28.3431 17 30C17 31.6569 18.3431 33 20 33C21.6569 33 23 31.6569 23 30C23 28.3431 21.6569 27 20 27ZM20 7C18.3709 7 17.0758 8.36852 17.166 9.99512L17.8887 23.0029C17.9509 24.1233 18.8779 25 20 25C21.1221 25 22.0491 24.1233 22.1113 23.0029L22.834 9.99512C22.9242 8.36852 21.6291 7 20 7Z" fill="#353535"/>
  369.                                         </svg>
  370.                                         <div class="safety-note-header__title">木炭の安全な取り扱い方法について</div>
  371.                                     </div>
  372.                                     <div class="payment-note">
  373.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  374.                                         <p class="payment-note__text">燃焼時は一酸化炭素などが発生します。室内で使用する際は必ず十分に換気し、換気が確保できない場所（密閉空間・車内・テント内など）では使用しないでください。（期限超過はキャンセル扱いになります）</p>
  375.                                     </div>
  376.                                     <div class="payment-note">
  377.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  378.                                         <p class="payment-note__text">急激な着火ははぜの原因になります。徐々に着火し、顔・衣類・可燃物を火元から離すようにしてください。</p>
  379.                                     </div>
  380.                                     <div class="payment-note">
  381.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  382.                                         <p class="payment-note__text">耐熱手袋・トング等を使用し、火傷に十分ご注意ください。</p>
  383.                                     </div>
  384.                                     <div class="payment-note">
  385.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  386.                                         <p class="payment-note__text">使用後は必ず完全に消火してください（消し壺・水・砂などで確実に消火し、残り火の再燃に注意）。</p>
  387.                                     </div>
  388.                                     <div class="payment-note">
  389.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  390.                                         <p class="payment-note__text">湿気は着火性を損ないます。湿気の少ない冷暗所で保管し、お子様やペットの手の届かない場所に置いてください。</p>
  391.                                     </div>
  392.                                     <div class="payment-note">
  393.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  394.                                         <p class="payment-note__text">燃料以外の用途や特殊な使用をご検討の場合は、事前にご相談ください。</p>
  395.                                     </div>
  396.                                     <div class="payment-note">
  397.                                         <img class="payment-note__icon" src="{{ asset('assets/img/default/icons/icon-list-bullet.svg') }}" alt="" width="16" height="16"/>
  398.                                         <p class="payment-note__text">製品に記載の注意事項を必ずご確認のうえ、正しくお取り扱いください。</p>
  399.                                     </div>
  400.                                 </div>
  401.                             </div>
  402.                         </div>
  403.                     </div>
  404.                 </div>
  405.             </div>
  407.         </div>
  408.     </div>
  409. {% endblock %}