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

Open in your IDE?
  1. <!-- commonParts-->
  2.         <div class="guide">
  3.           <div class="guide__container">
  4.             <div class="guide__inquiry">
  5.               <h3 class="guide__inquiry-ttl">ご注文についてのお問い合わせ</h3>
  6.               <div class="guide__inquiry-btn"><a href="/contact">お問い合わせ</a></div>
  7.             </div>
  8.             <div class="guide__delivery">
  9.               <h3 class="guide__delivery-ttl">送料について</h3>
  10.               <p class="guide__delivery-txt"><span>3万円以上</span>のご購入で<br><strong>送料無料</strong></p>
  11.             </div>
  12.             <div class="guide__shopping">
  13.               <h3 class="guide__shopping-ttl">お買い物ガイド</h3>
  14.               <p class="guide__shopping-txt">初めてご利用の方はこちらをご覧ください。</p>
  15.               <div class="guide__shopping-btn"><a href="/guide">お買い物ガイド</a></div>
  16.             </div>
  17.           </div>
  18.         </div>
  19.         <div class="banner">
  20.           <div class="banner__container js-banner-slider swiper">
  21.             <div class="banner__list swiper-wrapper">
  22.                 <div class="banner__item swiper-slide"><a href="https://kouketuatu-y.online-sinryou.com/"><img src="/assets/images/home/bnr_trouble-05@2x.png" alt=""></a></div>
  23.                 <div class="banner__item swiper-slide"><a href="https://suimin.online-sinryou.com/"><img src="/assets/images/home/bnr_trouble-03@2x.png" alt=""></a></div>
  24.                 <div class="banner__item swiper-slide"><a href="https://gmc.kumamoto.jp/insomnia/"><img src="/assets/images/home/bnr_trouble-01@2x.png" alt=""></a></div>
  25.                 <div class="banner__item swiper-slide"><a href="https://noukousoku.online-sinryou.com/index.html"><img src="/assets/images/home/bnr_trouble-02@2x.png" alt=""></a></div>
  26.                 <div class="banner__item swiper-slide"><a href="https://gmc.kumamoto.jp/beauty/stem-cell-therapy"><img src="/assets/images/home/bnr_trouble-04@2x.png" alt=""></a></div>
  27.             </div>
  28.           </div>
  29.         </div>
  30.         <div class="sns">
  31.             <div class="sns__title">
  32.                 <img src="/html/user_data/assets/img/top/sns-01.png" alt="グレースメディカルクリニック" />
  33.             </div>
  34.             <div class="sns__wrapper">
  35.                 <div class="sns__text">
  36.                     <img src="/html/user_data/assets/img/top/sns-02.png" alt="公式SNSはこちらをチェック" />
  37.                 </div>
  38.                 <ul class="sns__list">
  39.                     <li><a href="https://x.com/gmc_3609013" target="_blank"><img src="/html/user_data/assets/img/top/sns-03.png" alt="X" /></a></li>
  40.                     <li><a href="https://www.instagram.com/gmc_3609013/?igshid=OGQ5ZDc2ODk2ZA%3D%3D#" target="_blank"><img src="/html/user_data/assets/img/top/sns-04.png" alt="Instagram" /></a></li>
  41.                     <li><a href="https://liff.line.me/2001059428-MqJqm0OA/landing?follow=%40326nxfjy&lp=hQMpL4&liff_id=2001059428-MqJqm0OA" target="_blank"><img src="/html/user_data/assets/img/top/sns-05.png" alt="LINE" /></a></li>
  42.                     <li><a href="https://www.tiktok.com/@grace_medical_clinic?referer_url=embed.notion.co%2Fapi%2Fiframe%3Fapp%3D1%26url%3Dhttps%253A%252F%252Fwww.tiktok.com%252F%2540grace_medical_clinic%26key%3D656ac74fac4fff346b811dca7919d483&refer=creator_embed&embed_source=121374463%2C121451205%2C121439635%2C121433650%2C121404359%2C121351166%2C121331973%2C120811592%2C120810756%3Bnull%3Bembed_creator_card" target="_blank"><img src="/html/user_data/assets/img/top/sns-06.png" alt="TikTok" /></a></li>
  43.                 </ul>
  44.             </div>
  45.         </div>
  46.         <style>
  47.             .sns {
  48.                 margin: 50px 0 50px;
  49.             }
  50.             .sns__title {
  51.                 width: 90%;
  52.                 max-width: 734px;
  53.                 margin: 0 auto 20px;
  54.             }
  55.             .sns__wrapper {
  56.                 display: flex;
  57.                 width: 94%;
  58.                 max-width: 760px;
  59.                 align-items: center;
  60.                 justify-content: center;
  61.                 margin: 0 auto;
  62.                 padding-bottom: 20px;
  63.                 border-bottom: 1px solid #707070;
  64.             }
  65.             
  66.             .sns__text {
  67.                 width: 100%;
  68.                 max-width: 440px;
  70.             }
  71.             .sns__list {
  72.                 display: flex;
  73.                 justify-content: space-between;
  74.                 padding-right: 20px;
  75.             }
  76.             .sns__list li {
  77.                 width: 70px;
  78.                 margin-right: 15px;
  79.             }
  80.             .sns__list li:last-child {
  81.                 margin-right: 0;
  82.             }
  83.             .sns__list li a {
  84.                 display: block;
  85.                 transition: all 0.5s ease;
  86.             }
  87.             .sns__list li a:hover {
  88.                 opacity: 0.7;
  89.             }
  90.             @media screen and (max-width: 1024px) {
  91.                 .sns__list li {
  92.                     width: 40px;
  93.                     margin-right: 10px;
  94.                 }
  95.             }
  96.             
  97.         </style>
  98.         <!-- /commonParts-->
  99.       </main>
  100.       <!-- Footer-->
  101.       <div class="pagetop">
  102.         <button>
  103.           <picture>
  104.             <source srcset="/assets/images/common/btn_pagetop_sp.svg" media="(max-width: 768px)"><img src="/assets/images/common/btn_pagetop.svg" alt="ページトップへ戻る">
  105.           </picture>
  106.         </button>
  107.       </div>
  108.       <footer class="footer" id="footer">
  109.         <div class="footer__container">
  110.           <div class="footer__info">
  111.             <div class="footer__info-logo"><img src="/assets/images/common/logo_color.png" alt="grace presents.."></div>
  112.             <p class="footer__info-txt">診療時間はクリニックの営業時間に準じます<br>月 火 水 金 8:30～18:00/木 8:30～12:00/土 8:30〜12:30<br>日祝・お盆・年末年始はお休みです<br>施術受付：10:00～17:00</p>
  113.           </div>
  114.           <div class="footer__nav">
  115.             <nav>
  116.               <ul>
  117.                 {% if is_granted('ROLE_USER') %}
  118.                 <li><a href="/mypage/">マイページ</a></li>
  119.                 <li><a href="/logout">ログアウト</a></li>
  120.                 {% else %}
  121.                 <li><a href="/entry">新規会員登録</a></li>
  122.                 <li><a href="/mypage/login">ログイン</a></li>
  123.                 {% endif %}
  124.               </ul>
  125.               <ul>
  126.                 <li><a href="/news">新着情報</a></li>
  127.                 <li><a href="/products/list">商品一覧</a></li>
  128.                 <li><a href="#">特集ページ一覧</a></li>
  129.               </ul>
  130.               <ul>
  131.                 <li><a href="/help/about">クリニックについて</a></li>
  132.                 <li><a href="#">Q＆A</a></li>
  133.                 <li><a href="/contact">お問い合わせ</a></li>
  134.               </ul>
  135.               <ul>
  136.                 <li><a href="/guide">お買い物ガイド</a></li>
  137.                 <li><a href="/help/tradelaw">特定商取引法</a></li>
  138.                 <li><a href="/help/privacy">プライバシーポリシー</a></li>
  139.               </ul>
  140.             </nav>
  141.           </div>
  142.         </div>
  143.         <div class="footer__copyright">Copyright &copy; グレースメディカルラウンジ All Rights Reserved.</div>
  144.       </footer>
  145.       <!-- /Footer-->