app/template/user_data/page_wine-lover.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4.           <section class="wine-lover-main cmn-sec page-main">
  5.     <div class="about-wine-main__inner cmn-sec__inner page-main__inner">
  6.       <div class="about-wine-main__title cmn-sec-title">
  7.         <h2>WINE LOVER</h2>
  8.       </div>
  9.       <div class="about-wine-main__catch cmn-sec-catch">
  10.         <p class="--pc"> Pinot Noir , Chardonnay , Cabernet Sauvignon , Merlot , Cabernet Franc , Syrah , Grenache ,
  11.           Sauvignon Blanc , Petit Verdot , Pinot Meunier , Riesling , Sangiovese , Nebbiolo , Pinot Gris ,
  12.           Malbec , Mourvedre , Smillon , Cinsault , Viognier , Moscato , Carignan , Koshu , Pino Blanc ,
  13.           Vermentino , Gewrztraminer , Chenin Blanc , Carmenere , Grenache Blanc , Barbera , Gamey ,
  14.           Tempranillo , Muscadelle , Roussanne , Trebbiano , Gruner Veltliner , Aligot , Petite Sirah ,
  15.           Glera , Zinfandel , Pinot Bianco </p>
  16.         <p class="--sp"> Pinot Noir , Chardonnay , Cabernet Sauvignon , Merlot , Cabernet Franc , Syrah , Grenache ,
  17.           Sauvignon Blanc , Petit Verdot , Pinot Meunier , Riesling , Sangiovese , Nebbiolo , Pinot Gris , </p>
  18.       </div>
  19.       <div class="about-wine-main__media">
  20.         <div class="about-wine-main__txt-box"> <strong>自然に楽しむ、私の楽しみ方とワイン</strong>
  21.           <!--<p>ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。 </p>-->
  22.         </div>
  23.         <div class="about-wine-main__img-box"> 
  24.           <!--<img src="/html/user_data/assets/img/common/life-style/calendar_media.webp" alt="カレンダー">--> 
  25.         </div>
  26.       </div>
  27.     </div>
  28.   </section>
  29.   <div class="wine-lover cmn-sec">
  30.     <div class="wine-lover__inner cmn-sec__inner">
  31.       <ul class="wine-lover__nav-list">
  32.         <li class="--alone"> <a href="#alone">一人で呑む</a> </li>
  33.         <li class="--love"> <a href="#love">恋人との食事</a> </li>
  34.         <li class="--camp"> <a href="#camp">キャンプ</a> </li>
  35.         <li class="--party"> <a href="#party">女子会</a> </li>
  36.       </ul>
  37.       <section class="wine-lover__rec">
  38.         <div id="alone" class="wine-lover__rec-cont rec-cont --alone">
  39.           <div class="rec-cont__title-box cmn-label-title --lv3"> <img src="/html/user_data/assets/img/common/pen_thin.svg" alt="ペンで書かれた線のイラスト">
  40.             <h3 class="--ja">1人で呑むなら</h3>
  41.             <span class="--en">Drinking alone</span> </div>
  42.           <div class="rec-cont__thumb"> <img src="/html/user_data/assets/img/common/wine-lover/rec_thumb_alone.webp" alt="カレンダー"> </div>
  43.           <div class="rec-cont__card-wrap">
  44.             <div class="label-wrap"> <span class="label">Recommend</span> </div>
  45.             <ul class="rec-cont__card-list">
  46.               
  47.             </ul>
  48.           </div>
  49.         </div>
  50.         <div id="love" class="wine-lover__rec-cont rec-cont --love">
  51.           <div class="rec-cont__title-box cmn-label-title --lv3"> <img src="/html/user_data/assets/img/common/pen_thin.svg" alt="ペンで書かれた線のイラスト">
  52.             <h3 class="--ja">恋人との食事</h3>
  53.             <span class="--en">With love</span> </div>
  54.           <div class="rec-cont__thumb"> <img src="/html/user_data/assets/img/common/wine-lover/rec_thumb_love.webp" alt="カレンダー"> </div>
  55.           <div class="rec-cont__card-wrap">
  56.             <div class="label-wrap"> <span class="label">Recommend</span> </div>
  57.             <ul class="rec-cont__card-list">
  58.               
  59.             </ul>
  60.           </div>
  61.         </div>
  62.         <div id="camp" class="wine-lover__rec-cont rec-cont --camp">
  63.           <div class="rec-cont__title-box cmn-label-title --lv3"> <img src="/html/user_data/assets/img/common/pen_thin.svg" alt="ペンで書かれた線のイラスト">
  64.             <h3 class="--ja">キャンプ</h3>
  65.             <span class="--en">Camp</span> </div>
  66.           <div class="rec-cont__thumb"> <img src="/html/user_data/assets/img/common/wine-lover/rec_thumb_camp.webp" alt="カレンダー"> </div>
  67.           <div class="rec-cont__card-wrap">
  68.             <div class="label-wrap"> <span class="label">Recommend</span> </div>
  69.             <ul class="rec-cont__card-list">
  70.               
  71.             </ul>
  72.           </div>
  73.         </div>
  74.         <div id="party" class="wine-lover__rec-cont rec-cont --party">
  75.           <div class="rec-cont__title-box cmn-label-title --lv3"> <img src="/html/user_data/assets/img/common/pen_thin.svg" alt="ペンで書かれた線のイラスト">
  76.             <h3 class="--ja">女子会</h3>
  77.             <span class="--en">Girls party</span> </div>
  78.           <div class="rec-cont__thumb"> <img src="/html/user_data/assets/img/common/wine-lover/rec_thumb_party.webp" alt="カレンダー"> </div>
  79.           <div class="rec-cont__card-wrap">
  80.             <div class="label-wrap"> <span class="label">Recommend</span> </div>
  81.             <ul class="rec-cont__card-list">
  82.               
  83.             </ul>
  84.           </div>
  85.         </div>
  86.       </section>
  87.     </div>
  88.   </div>
  89. {{ include('Block/knowwine.twig') }}
  91. {{ include('Block/owner.twig') }}
  93. {{ include('Block/faq.twig') }}
  94. <script src="/html/user_data/assets/js/itemload/wine-lover.js"></script>
  95. {% endblock %}