app/template/default/News/detail.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'news_detail_page' %}
  5. {% block stylesheet %}
  6.   <link rel="stylesheet" href="{{ asset('assets/css/news-detail.css') }}">
  7. {% endblock %}
  9. {% block main %}
  10.   <!-- breadcrumb section -->
  11.   <div class="breadcrumb-section">
  12.     <div class="container-1360 border-box px-40">
  13.       <nav class="breadcrumb">
  14.         <a href="{{ url('homepage') }}" class="breadcrumb__item text-black">ホーム</a>
  15.         <img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
  16.         <a href="{{ url('news_list') }}" class="breadcrumb__item text-black">お知らせ</a>
  17.         <img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
  18.         <span class="breadcrumb__item breadcrumb__item--current">{{ News.title }}</span>
  19.       </nav>
  20.     </div>
  21.   </div>
  23.   <!-- news-detail section -->
  24.   <div class="container-1200">
  25.     <div class="news-detail-wrapper">
  26.       <!-- News-detail Title Section -->
  27.       <div class="top-header-title-section">
  28.         <div class="top-header-icon-text">
  29.           <div class="top-header-icon-text">
  30.             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  31.               <path d="M7.08203 12.5H7.08301V17.5H5.41602V13.335H2.91504C2.45495 13.3348 2.08203 12.9611 2.08203 12.501V7.50098C2.08221 7.041 2.45506 6.66814 2.91504 6.66797H7.08203V12.5ZM17.083 8.33203H17.916V11.665H17.083V17.5H15.416V17.499L8.75293 13.335H8.75V6.66797H17.083V8.33203ZM17.083 6.66699H8.75L15.416 2.5H17.083V6.66699Z" fill="#00A854"/>
  32.             </svg>
  33.             <span class="top-header-text">お知らせ</span>
  34.           </div>
  35.         </div>
  36.         <h1 class="top-header-title">NEWS</h1>
  37.       </div>
  39.       <!-- news-detail content section -->
  40.       <div class="news-detail-content-section">
  41.         <!-- News Title and Date -->
  42.         <div class="news-detail-header">
  43.           <div class="news-date">{{ News.publishDate|date('Y.m.d') }}</div>
  44.           <h1 class="news-title">{{ News.title }}</h1>
  45.         </div>
  47.         <!-- Divider Line -->
  48.         <div class="news-divider"></div>
  50.         {% if News.description %}
  51.           <!-- News Content -->
  52.           <div class="news-content-wrapper custom_css_editor">
  53.             {{ News.description|raw }}
  54.           </div>
  55.         {% endif %}
  57.         {% if News.url %}
  58.           <!-- External Link -->
  59.           <div class="news-external-link-section">
  60.             <a href="{{ News.url }}" {% if News.isLinkMethod %}target="_blank" rel="noopener noreferrer"{% endif %} class="link-base">
  61.               詳細情報を見る
  62.             </a>
  63.           </div>
  64.         {% endif %}
  66.         <!-- Bottom Divider -->
  67.         <div class="news-bottom-divider"></div>
  69.         <!-- Back Button -->
  70.         <div class="news-back-button-section">
  71.           <a href="{{ url('news_list') }}" class="news-back-button">
  72.             <div class="news-back-button-icon">
  73.               <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  74.                 <path d="M1.74805 6.00098L1.75098 6.00391L1.74805 6.00684L6.27344 10.5312L7.4043 9.40039L4.80566 6.80273H10.2715V5.20312H4.80762L7.4043 2.60742L6.27344 1.47656L1.74805 6.00098Z" fill="#FBE800"/>
  75.               </svg>
  76.             </div>
  77.             <span class="news-back-button-text">前のページに戻る</span>
  78.           </a>
  79.         </div>
  80.       </div>
  81.     </div>
  82.   </div>
  83. {% endblock %}