115 lines
8.7 KiB
PHP
115 lines
8.7 KiB
PHP
@include('partials.homepage.head')
|
|
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="">
|
|
@include('partials.homepage.header')
|
|
<!-- start section -->
|
|
<section class="top-space-margin">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10 text-center">
|
|
<span class="fs-18 mb-30px d-inline-block sm-mb-20px">
|
|
<span class="mr-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-week mb-1"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z" /><path d="M16 3v4" /><path d="M8 3v4" /><path d="M4 11h16" /><path d="M7 14h.013" /><path d="M10.01 14h.005" /><path d="M13.01 14h.005" /><path d="M16.015 14h.005" /><path d="M13.015 17h.005" /><path d="M7.01 17h.005" /><path d="M10.01 17h.005" /></svg> {{idn_date($announcement->created_at, 'd F Y')}}</span>
|
|
<span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-eye mb-1"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /></svg> {{$announcement->views}}
|
|
</span>
|
|
</span>
|
|
<h1 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-0">{{$announcement->title}}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start section -->
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="{{asset(display_image($announcement->image, 'news'))}}" class="detail-announcement-img" alt=""></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start section -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-md-12 text-md-start">
|
|
{!!$announcement->content!!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start section -->
|
|
<section class="half-section pt-0">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
@if (filled($announcement->tag))
|
|
<div class="row mb-30px">
|
|
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
|
|
<a href="javascript: void(0);">{{$announcement->tag}}</a>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center elements-social social-icon-style-04">
|
|
<ul class="large-icon dark">
|
|
<li><a class="facebook" href="{{filled($app->contact_facebook) ? $app->contact_facebook : 'javascript:void(0);'}}" {{filled($app->contact_facebook) ? 'target="_blank"' : ''}}><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
|
|
<li><a class="twitter" href="{{filled($app->contact_twitter) ? $app->contact_twitter : 'javascript:void(0);'}}" {{filled($app->contact_twitter) ? 'target="_blank"' : ''}}><i class="fa-brands fa-twitter"></i><span></span></a></li>
|
|
<li><a class="instagram" href="{{filled($app->contact_instagram) ? $app->contact_instagram : 'javascript:void(0);'}}" {{filled($app->contact_instagram) ? 'target="_blank"' : ''}}><i class="fa-brands fa-instagram"></i><span></span></a></li>
|
|
<li><a class="youtube" href="{{filled($app->contact_youtube) ? $app->contact_youtube : 'javascript:void(0);'}}" {{filled($app->contact_youtube) ? 'target="_blank"' : ''}}><i class="fa-brands fa-youtube"></i><span></span></a></li>
|
|
<li><a class="whatsapp" href="{{filled($app->contact_whatsapp) ? $app->contact_whatsapp : 'javascript:void(0);'}}" {{filled($app->contact_whatsapp) ? 'target="_blank"' : ''}}><i class="fa-brands fa-whatsapp"></i><span></span></a></li>
|
|
<li><a class="telegram" href="{{filled($app->contact_telegram) ? $app->contact_telegram : 'javascript:void(0);'}}" {{filled($app->contact_telegram) ? 'target="_blank"' : ''}}><i class="fa-brands fa-telegram"></i><span></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start section -->
|
|
<section class="bg-very-light-gray">
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-1">
|
|
<div class="col-lg-7 text-center">
|
|
<span class="alt-font fw-500 text-uppercase d-inline-block">Eksplorasi</span>
|
|
<h5 class="alt-font text-dark-gray fw-500">Pengumuman lainnya</h5>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 px-0">
|
|
<ul class="blog-grid blog-wrapper grid-loading grid grid-2col xl-grid-2col lg-grid-2 col md-grid-2col sm-grid-2col xs-grid-1col gutter-double-extra-large">
|
|
<li class="grid-sizer"></li>
|
|
@forelse ($otherAnnouncements as $item)
|
|
<!-- start blog item -->
|
|
<li class="grid-item">
|
|
<div class="blog-box d-md-flex d-block flex-row h-100 border-radius-6px overflow-hidden box-shadow-extra-large">
|
|
<div class="blog-image w-50 sm-w-100 cover-background" style="background-image: url({{asset(display_image($item->image, 'news', 'simedkom-logo-circle.png'))}}); {{str_contains(display_image($item->image, 'news', 'simedkom-logo-circle.png'), 'assets') ? 'background-size: 80%;' : ''}}">
|
|
<a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="blog-post-image-overlay"></a>
|
|
</div>
|
|
<div class="blog-content w-50 sm-w-100 pt-50px pb-40px ps-40px pe-40px xl-p-30px bg-white d-flex flex-column justify-content-center align-items-start last-paragraph-no-margin">
|
|
<a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="categories-btn bg-dark-gray text-white text-uppercase fw-500 mb-30px">{{idn_date($item->created_at, 'd F Y')}}</a>
|
|
<a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="card-title text-dark-gray text-dark-gray-hover mb-5px fw-600 fs-18 lh-28 announcement-title">{{shorten_text($item->title, 60)}}</a>
|
|
<div class="mt-15px"><span class="separator bg-dark-gray"></span><a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="text-dark-gray text-dark-gray-hover d-inline-block fs-15 fw-500 fw-500">Baca Selengkapnya</a></div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<!-- end blog item -->
|
|
@empty
|
|
<div style="text-align: center">
|
|
Tidak ada berita lainnya
|
|
</div>
|
|
@endforelse
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start footer -->
|
|
@include('partials.homepage.footer')
|