app/template/cosme41/Block/christina_brandtop.twig line 1

Open in your IDE?
  1. <article class="ec-role top_list top_christina">
  2.   <div class="list_top_photo">
  3.     <h2>CHRISTINA</h2>
  4.     <a href="/christina">
  5.     <div class="video_container"><video autoplay muted playsinline loop src="{{ asset('assets/img/top_link/christina_cosme-top.mp4') }}" poster="{{ asset('assets/img/top_link/christina_cosme-top.jpg') }}"></video></div>
  6.     </a>
  7.     <p class="right small"><i class="fa-light fa-hand-back-point-up"></i>クリスティーナ全商品一覧へ</p>
  8.   </div>
  10.     <ul class="top_list_category">
  11.         <li class="line-repair">
  12.         <a href="/line-repair">
  13.             <div class="item_photo"><img src="https://spa.owl-horie.com/wp-content/uploads/2024/08/linrrepair.jpg" alt="クリスティーナ-ラインリペア"></div>
  14.             <div class="item_cont">
  15.                 <h3>LINE REPAIR<span>ラインリペアシリーズ</span></h3>
  16.                 <p><i class="fa-solid fa-check"></i> 肌の保湿とハリを求める方<br>
  17.         <i class="fa-solid fa-check"></i> 初めてクリスティーナを使用する方</p>
  18.             </div>
  19.         </a>
  20.         </li>
  21.     <li class="biophyto">
  22.         <a href="/biophyto">
  23.             <div class="item_photo"><img src="https://spa.owl-horie.com/wp-content/uploads/2024/08/biophyto.jpg" alt="クリスティーナ-ビオフィート"></div>
  24.             <div class="item_cont">
  25.                 <h3>BIOPHYTO<span>ビオフィートシリーズ</span></h3>
  26.                 <p><i class="fa-solid fa-check"></i> ニキビ、むくみ、くすみなど肌の不調を感じる方<br>
  27.         <i class="fa-solid fa-check"></i> 脂質・糖分の過剰摂取による肌荒れが気になる方</p>
  28.             </div>
  29.         </a>
  30.         </li>
  31.     <li class="forever-y">
  32.         <a href="/forever-y">
  33.             <div class="item_photo"><img src="https://spa.owl-horie.com/wp-content/uploads/2024/08/foreveryoung.jpg" alt="クリスティーナ-フォーエバーヤング"></div>
  34.             <div class="item_cont">
  35.                 <h3>FOREVER YOUNG<span>フォーエバーヤングシリーズ</span></h3>
  36.                 <p><i class="fa-solid fa-check"></i> 肌のハリや弾力不足を感じる方<br>
  37.         <i class="fa-solid fa-check"></i> シワやたるみなどのエイジングサインが気になる方</p>
  38.             </div>
  39.         </a>
  40.         </li>
  41.     </ul>
  42.     
  43.     <h3 class="center">肌悩みから商品を見る</h4>
  44. <p class="category-link mb40"><a href="/keana">毛穴の悩み</a><br>
  45. <a href="/kurozumi">毛穴黒ずみ、角栓</a>　<a href="/hisikeana">皮脂毛穴、テカリ</a>　<a href="/tarumikeana">大人のたるみ毛穴</a><br><br>
  47. <a href="/tarumi">たるみ・しわの悩み</a><br>
  48. <a href="/hourei">ほうれい線、しわ</a>　<a href="/rinkaku">輪郭のたるみ</a>　<a href="/haritarumi">ハリ不足たるみ肌</a><br><br>
  50. <a href="/kusumi">くすみ・色ムラ・赤みの悩み</a><br>
  51. <a href="/kansou">乾燥によるくすみ</a>　<a href="/kakusitu">角質肥厚ごわつき</a>　<a href="/kaoiro">顔色のどんより感</a>　<a href="/akamihada">赤み肌、ゆらぎ肌</a>
  52. </p>
  53. </article>