app/template/biotop/Block/main_visual.twig line 1

Open in your IDE?
  1. <section class="top_inner">
  2.     <section id="top_main">
  3.     <div class="wrap">
  4.         <div class="main_box">
  5.             <div class="catch_text">
  6.                 <p class="come">すべての人々に最高の笑顔を</p>
  7.                 <p class="en_come f_cent">Best <span class="mark">smile<svg class="ab_mark" viewBox="0 0 148.594 16.93"><path  d="M484.873,419.729s30.485,11.678,113.22,0,.879,10.631-48.165,13.274S484.873,419.729,484.873,419.729Z" transform="translate(-484.873 -416.37)" fill="#e9f1f5"/></svg></span> <br class="sp">for all people</p>
  8.             </div>
  9.             <div class="num_box">
  10.                 <ul>
  11.                     <li>
  12.                         <p class="theme">スタンド花</p>
  13.                         <p class="box"><span class="tate">毎月</span><span class="num f_charm">2,500</span>本以上</p>
  14.                     </li>
  15.                     <li>
  16.                         <p class="theme">バルーン装飾</p>
  17.                         <p class="box"><span class="tate">毎月</span><span class="num f_charm">300</span>件以上</p>
  18.                     </li>
  19.                     <li>
  20.                         <p class="theme">シャンパンタワー</p>
  21.                         <p class="box"><span class="tate">毎月</span><span class="num f_charm">70</span>件以上</p>
  22.                     </li>
  23.                     <li>
  24.                         <p class="theme">胡蝶蘭</p>
  25.                         <p class="box"><span class="tate">毎月</span><span class="num f_charm">600</span>件以上</p>
  26.                     </li>
  27.                 </ul>
  28.             </div>
  29.             <div class="main_ttl_box">
  30.                 <h1 class="ttl">ライブフラワー、コンサートフラワーならbiotopビオトープに<br class="sp">お任せください！<br class="pc">スタンド花、バルーンや開店祝いも<br class="sp">大阪難波・心斎橋・北新地の花屋biotop(ビオトープ)</h1>
  31.             </div>
  32.             <div class="contact_box">
  33.                 <ul>
  34.                     <li>
  35.                         <a href="https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726" class="link line" target="_blank">
  36.                             <div class="icon">
  37.                                 <svg viewBox="0 0 38 38">
  38.                                     <defs>
  39.                                     <clipPath>
  40.                                         <rect width="38" height="38" transform="translate(0 0)" fill="none"/>
  41.                                     </clipPath>
  42.                                     </defs>
  43.                                     <g transform="translate(0 -0.433)">
  44.                                     <g transform="translate(0 0.433)" clip-path="url(#clip-path)">
  45.                                         <path d="M30.223,38.582H8.359A8.36,8.36,0,0,1,0,30.223V8.359A8.36,8.36,0,0,1,8.359,0H30.223a8.36,8.36,0,0,1,8.359,8.359V30.223a8.36,8.36,0,0,1-8.359,8.359" transform="translate(0 -0.582)" fill="#00b900"/>
  46.                                         <path d="M44.209,30.667c0-6.286-6.3-11.4-14.047-11.4s-14.047,5.114-14.047,11.4c0,5.635,5,10.354,11.748,11.247.457.1,1.08.3,1.238.693a2.889,2.889,0,0,1,.045,1.27s-.165.991-.2,1.2c-.061.355-.282,1.389,1.217.757s8.09-4.764,11.037-8.156h0a10.142,10.142,0,0,0,3.011-7.014" transform="translate(-10.933 -13.654)" fill="#fff"/>
  47.                                         <path d="M48.271,45.276h-.985a.274.274,0,0,0-.274.273V51.67a.273.273,0,0,0,.274.273h.985a.273.273,0,0,0,.274-.273V45.549a.274.274,0,0,0-.274-.273" transform="translate(-31.897 -31.301)" fill="#00b900"/>
  48.                                         <path d="M60.309,45.276h-.985a.273.273,0,0,0-.274.273v3.636L56.245,45.4a.3.3,0,0,0-.021-.028l0,0-.017-.017,0,0-.015-.012-.007-.005-.014-.01-.008,0-.014-.008-.009,0-.016-.007-.009,0-.016-.005-.01,0-.016,0-.011,0-.014,0H55.033a.274.274,0,0,0-.274.273V51.67a.273.273,0,0,0,.274.273h.985a.274.274,0,0,0,.274-.273V48.035L59.1,51.828a.271.271,0,0,0,.069.068l0,0,.017.01.008,0,.013.006.013.005.008,0,.019.006h0a.264.264,0,0,0,.07.009h.985a.273.273,0,0,0,.274-.273V45.549a.274.274,0,0,0-.274-.273" transform="translate(-37.153 -31.301)" fill="#00b900"/>
  49.                                         <path d="M34.657,50.41H31.98V45.549a.274.274,0,0,0-.274-.274h-.985a.274.274,0,0,0-.274.274v6.12h0a.271.271,0,0,0,.077.189l0,0,0,0a.271.271,0,0,0,.189.076h3.937a.273.273,0,0,0,.273-.274v-.985a.273.273,0,0,0-.273-.274" transform="translate(-20.658 -31.3)" fill="#00b900"/>
  50.                                         <path d="M80.062,46.809a.273.273,0,0,0,.273-.274V45.55a.273.273,0,0,0-.273-.274H76.125a.272.272,0,0,0-.19.077l0,0,0,0a.274.274,0,0,0-.076.188h0v6.119h0a.271.271,0,0,0,.077.189l0,0,0,0a.272.272,0,0,0,.189.077h3.937a.274.274,0,0,0,.273-.274v-.985a.274.274,0,0,0-.273-.274H77.385V49.376h2.677a.273.273,0,0,0,.273-.274v-.985a.274.274,0,0,0-.273-.274H77.385V46.809Z" transform="translate(-51.464 -31.301)" fill="#00b900"/>
  51.                                     </g>
  52.                                     </g>
  53.                                 </svg>
  54.                             </div>
  55.                             <p class="name">LINEで相談する</p>
  56.                         </a>
  57.                     </li>
  58.                     <li>
  59.                         <a href="/contact" class="link contact">
  60.                             <div class="icon">
  61.                                 <svg viewBox="0 0 29.522 23.956">
  62.                                     <g transform="translate(0 -48.27)">
  63.                                     <path d="M121.71,341.139l5.163-3.99-5.163-3.511Z" transform="translate(-114.692 -268.914)"/>
  64.                                     <path d="M0,57.949l7.089,5.139L26.86,50.448,8.8,64.33l10.558,7.654L29.522,48.27Z"/>
  65.                                     </g>
  66.                                 </svg>
  67.                             </div>
  68.                             <p class="name">お店に問い合わせる</p>
  69.                         </a>
  70.                     </li>
  71.                 </ul>
  72.             </div>
  73.             <div class="ab_img">
  74.                 <img src="/html/user_data/assets/img/common/icon_ekiten.png" alt="エキテン　「梅田駅 × 花・花屋」 NO.1">
  75.             </div>
  76.         </div>
  77.     </div>
  78. </section>
  79. </section>