@extends('theme')
  @section('content')
      <main class="main">

          <!-- Page Title -->
          <div class="page-title" data-aos="fade">
              <div class="heading">
                  <div class="container">
                      <div class="row d-flex justify-content-center text-center">
                          <div class="col-lg-8">
                              <h1>Informasi<br></h1>

                          </div>
                      </div>
                  </div>
              </div>
              <nav class="breadcrumbs">
                  <div class="container">
                      <ol>
                          <li><a href="/">Home</a></li>
                          <li class="current">Informasi<br></li>
                      </ol>
                  </div>
              </nav>
          </div><!-- End Page Title -->

          <!-- About Us Section -->
          <section id="about-us" class="section about-us">

              <div class="container">

                  <div class="row gy-4">
                      <div class="col-lg-6 order-lg-2 order-1" data-aos="fade-up" data-aos-delay="100">
                          <img src="{{ asset('storage/' . $news->image) }}" class="img-fluid" alt="">
                      </div>

                      <div class="col-lg-6 order-lg-1 content order-2" data-aos="fade-up" data-aos-delay="200">
                          <h3>{{ $news->title }}</h3>

                          <p class="fst-italic">
                              {!! $news->description !!}
                          </p>

                      </div>

                  </div>

              </div>

          </section>



      </main>
  @endsection