src/Eccube/Resource/template/default/index.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>月日｜つきひ</title>
  7.     <link rel="stylesheet" href="/assets/css/style.css">
  8. </head>
  9. <body>
  10.     <header class="ec-layoutRole__header">
  11.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  12.     </header>
  13.     <div class="all_wrapper">
  14.         <main class="main">
  15.             <div class="main_image"><img src="/assets/images/main_image.png" alt="" class="pc_view"><img src="/assets/images/main_image_sp.png" alt="" class="sp_view"></div>
  16.             <div class="main_nav">
  17.                 <ul>
  18.                     <li><a href="#about">About</a></li>
  19.                     <li><a href="#product">Products</a></li>
  20.                     <li><a href="#news">News</a></li>
  21.                     <li><a href="{{ url('homepage') }}contact">Contact</a></li>
  22.                 </ul>
  23.             </div>
  24.         </main>
  25.     
  26.         <section id="about" class="about">
  27.             <div class="about_text-flex">
  28.                 <div class="about_text-flex_image"><img src="/assets/images/about_image01.jpg" alt=""></div>
  29.                 <div class="about_text-flex_text">
  30.                     <h2><img src="/assets/images/about_ttl.svg" alt="About"></h2>
  31.                     <p>身体は毎日の積み重ねで造られていることを<br>私は知っている。<br>日々の食事と睡眠、適度な運動。<br>少し無理をしてしまうこともあるけれど<br>これからも長く健康でいられるために<br>私の身体に向き合っていきたい。<br>生薬で穏やかに体質改善に取り組む。<br>パーソナライズされた漢方薬が月々届く<br>漢方サブスクリプションサービス。
  32.                     </p> 
  33.                 </div>
  34.             </div>
  35.             <div class="about_image-flex">
  36.                 <div class="about_image-flex_img">
  37.                     <div class="about_image-flex_img01"><img src="/assets/images/about_image02.jpg" alt=""></div>
  38.                     <div class="about_image-flex_img02"><img src="/assets/images/about_image03.jpg" alt=""></div>
  39.                 </div>
  40.                 <p>忙しい日々の中の徒然。<br>健康だからこそ感じる<br class="sp_view">心のゆとり。<br>月日を重ねて過ごす健<br class="sp_view">やかな毎日を。</p>
  41.             </div>
  42.         </section>
  43.     
  44.         <section id="product" class="product">
  45.             <h2 class="product_h2 sp_view"><img src="/assets/images/product_ttl.svg" alt="product"></h2>
  46.             <div class="product_wrapper">
  47.                 <div class="product_detail">
  48.                     <h2><img src="/assets/images/product_ttl.svg" alt="product"></h2>
  49.                     <h4>健康丸</h4>
  50.                     <p>「健康丸」は、漢方の古書「金匱要略」に収載されている漢方処方「八味地黄丸」を基本に8種の生薬を合わせ、ハチミツを加え丸剤としたものです。<br>
  51.                         効果・効能は強壮、身体衰弱者、腰が痛んだり貧血気味で疲労しやすい方におすすめです。</p>
  52.                     <div class="product_viewbtn"><a href="{{ url('homepage') }}products/detail/3">view more</a></div>
  53.                     <div class="product_plan">
  54.                         <h5>定期購入プラン</h5>
  55.                         <p><span>4,290円/月（税込）</span>毎月、一定金額をお支払いいただくことにより、月日の商品をご利用いただくことができます。</p>
  56.                     </div>
  57.                 </div>
  58.                 <div class="product_image"><img src="/assets/images/product_image.jpg" alt=""></div>
  59.             </div>
  60.         </section>
  61.     
  62.         <section id="news" class="news">
  63.             <div class="news_wrapper">
  64.                 <h2><img src="/assets/images/news_ttl.svg" alt="News"></h2>
  65.                 <div>
  66.                     <p><span>2024/7/30</span>「tsukihi」のサイトがオープンしました。</p>
  67.                 </div>
  68.             </div>
  69.         </section>
  70.     </div>
  72.     <footer class="footer ec-layoutRole__footer">
  73.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  74.     </footer>
  75.     
  76. </body>
  77. </html>