/
var
/
www
/
html
/
gnet
/
gnet
/
resources
/
views
/
Upload File
HOME
<!doctype html> <html lang="id"> <head> @include('components.head') </head> <body> <!-- Start header area --> @include('components.header') <!-- End header area --> <main class="main__content_wrapper"> <!-- Start breadcrumb section --> <section class="breadcrumb__section breadcrumb__bg-blog"> <div class="container-fluid"> <div class="row row-cols-1"> <div class="col"> <div class="breadcrumb__content"> <h1 class="breadcrumb__content--title text-white mb-10">News & Articles</h1> <ul class="breadcrumb__content--menu d-flex"> <li class="breadcrumb__content--menu__items"><a class="text-white" href="/">Home</a></li> <li class="breadcrumb__content--menu__items"><span class="text-white">Blog</span></li> </ul> </div> </div> </div> </div> </section> <!-- End breadcrumb section --> <!-- Star Slider Article --> <section class="article__slider section--padding"> <div class="container-fluid"> <div class="section__heading text-center mb-60"> <h2 class="section__heading--maintitle text-brand">Popular Articles</h2> </div> <div class="article__swiper--activation swiper"> <div class="swiper-wrapper"> @foreach ($popularArticle as $item) <div class="swiper-slide"> <div class="article__slider--items"> <div class="row"> <div class="col-lg-6"> <a href="/blog/{{ $item->url }}"> <img src="/uploads/{{ $item->banner_image }}" class="rounded-2 article__slider-thumbnail" alt="{{ $item->alt_text }}"> </a> </div> <div class="col-lg-6 pt-4 pt-lg-0"> <div class="d-flex flex-column justify-content-between h-100"> <div class="article__slider-info"> <h2 class="mb-3 article__slider-title">{{ $item->title }}</h2> <p class="article__slider-desc">{{ strip_tags($item->content) }}</p> <a href="/blog/{{ $item->url }}" class="text-brand more">Read More</a> </div> <p>Published: {{ $item->date }}</p> </div> </div> </div> </div> </div> @endforeach </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </section> <!-- End Slider Article --> <div class="container-fluid"> <hr> </div> <!-- Start blog section --> <section class="blog__section section--padding pt-0"> <div class="container-fluid" style="padding-top: 80px;"> <!-- <div class="section__heading text-center mb-60"> <h2 class="section__heading--maintitle text-brand">More Articles</h2> </div> --> <div class="blog__section--inner"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3"> @foreach ($articles as $article) <div class="col mb-5"> <div class="blog__items"> <div class="blog__thumbnail"> <a class="blog__thumbnail--link display-block" href="/blog/{{ $article->url }}"> <img class="blog__thumbnail--img display-block" src="/uploads/{{ $article->banner_image }}" alt="{{ $article->alt_text }}"> </a> </div> <div class="blog__content"> <a href="/blog/{{ $article->url }}"> <h3 class="blog__content--title">{{ $article->title }}</h3> <button class="blog__content--btn primary__btn">Read more</button> </a> </div> </div> </div> @endforeach </div> </div> </div> </section> <!-- End blog section --> <!-- Start instagram section --> <!-- <div class="instagram__section"> <div class="container-fluid p-0"> <div class="instagram__section--inner logo__swiper--activation swiper"> <div class="swiper-wrapper"> <div class="col-12 col-lg-4"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""><img class="instagram__thumbnail--img display-block" src="assets/img/other/partner1.png" alt="instagram-img"> </a> </div> </div> <div class="col-12 col-lg-4"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""><img class="instagram__thumbnail--img display-block" src="assets/img/other/partner2.png" alt="instagram-img"> </a> </div> </div> <div class="col-12 col-lg-4"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/partner3.png" alt="instagram-img"> </a> </div> </div> <div class="col-12 col-lg-4"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/partner4.png" alt="instagram-img"> </a> </div> </div> <div class="col-12 col-lg-4"> <div class="instagram__thumbnail position__relative"> <a class="instagram__thumbnail--link display-block" target="_blank" href=""> <img class="instagram__thumbnail--img display-block" src="assets/img/other/partner5.png" alt="instagram-img"> </a> </div> </div> </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </div> --> <!-- End instagram section --> </main> <!-- Start footer section --> @include('components.footer') <!-- End footer section --> <!-- Start News letter popup --> <div class="newsletter__popup" data-animation="slideInUp"> <div class="newsletter__popup--inner"> <button class="newsletter__popup--close__btn" aria-label="search close button"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 512 512"> <path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"></path> </svg> </button> <div class="box newsletter__popup--box d-flex align-items-center"> <div class="newsletter__popup--thumbnail"> <img class="newsletter__popup--thumbnail__img display-block" src="assets/img/banner/newsletter-popup-thumb.png" alt="newsletter-popup-thumb"> </div> <div class="newsletter__popup--box__right"> <h2 class="newsletter__popup--title">Join Our Newsletter</h2> <div class="newsletter__popup--content"> <label class="newsletter__popup--content--desc">Enter your email address to subscribe our notification of our new post & features by email.</label> <div class="newsletter__popup--subscribe" id="frm_subscribe"> <form class="newsletter__popup--subscribe__form"> <input class="newsletter__popup--subscribe__input" type="text" placeholder="Enter you email address here..."> <button class="newsletter__popup--subscribe__btn">Subscribe</button> </form> <div class="newsletter__popup--footer"> <input type="checkbox" id="newsletter__dont--show"> <label class="newsletter__popup--dontshow__again--text" for="newsletter__dont--show">Don't show this popup again</label> </div> </div> </div> </div> </div> </div> </div> <!-- End News letter popup --> <!-- Scroll top bar --> <button aria-label="scroll top btn" id="scroll__top"> <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 244l144-144 144 144M256 120v292" /> </svg> </button> <!-- Floating WhatsApp --> <a href="https://api.whatsapp.com/send?phone=6281313777570&text=Hai!%20Saya%20tertarik%20dengan%20produk%20GNET" target="_blank"> <button class="btn-floating whatsapp"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"> <path fill="white" d="M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28z" /> </svg> <span>Hallo sobat GNET!</span> <small>Konsultasikan Kebutuhan Anda Bersama Kami</small> </button> </a> <!-- All Script JS Plugins here --> <script src="assets/js/vendor/popper.js" defer="defer"></script> <script src="assets/js/vendor/bootstrap.min.js" defer="defer"></script> <script src="assets/js/plugins/swiper-bundle.min.js" defer="defer"></script> <script src="assets/js/plugins/glightbox.min.js" defer="defer"></script> <!-- Customscript js --> <script src="assets/js/script.js" defer="defer"></script> </body> </html>