@extends('layout.master')
@section('title', 'Newsletter')
@section('content')
      <!-- News Blog details breadcrumb start -->
      <div class="wrapper-box p-relative">
        <div class="breadcrumb_blog filter_brightness" data-background="{{asset('assets/img/blog/blog_bg.jpg')}}"></div>
        <div class="breadcrumb-area pt-265 pb-265">
          <div class="container">
            <div class="row">
              <div class="col-xl-12">
                <div class="breadcrumb__content text-center">
                  <h1 class="breadcrumb__title">Newsletter</h1>
                  <div class="breadcrumb__list">
                    <span><a href="{{ route('index')}}">Home</a></span>
                    <span class="dvdr"><i class="fa-solid fa-angle-right"></i></span>
                    <span class="text_orange">Newsletter</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- News Blog details breadcrumb end -->

      <!-- News Blog details area start -->
      <div class="news-blog-details-area pt-100 pb-130">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 left">
              <div class="blog-details-items mb-60">
                <div class="blog-details-thumb">
                  <a href="{{ route('newsletter-details')}}"
                    ><img
                      src="https://img.freepik.com/free-photo/crop-people-with-textbooks-table_23-2147656009.jpg?size=626&ext=jpg&uid=R125309426&ga=GA1.1.1401301473.1700047451&semt=ais"
                      alt="img"
                  /></a>
                </div>
                <!-- <div class="blog-details-info d-flex">
                  <div class="blog-details-name news-blog">
                    <i class="fa-regular fa-circle-user"></i>
                    <span>Alextina</span>
                  </div>
                  <div class="blog-details-date news-blog">
                    <i class="fa-regular fa-clock"></i>
                    <span>Dec 28, 2022</span>
                  </div>
                  <div class="blog-details-message news-blog">
                    <i class="fa-regular fa-message-lines"></i>
                    <span>(04) Coments</span>
                  </div>
                </div> -->
                <div class="blog-details-content">
                  <h3 class="blog-details-title news-blog">
                    <a href="{{ route('newsletter-details')}}">First Newsletter</a>
                  </h3>
                  <p>
                    Laboratories used for scientific research take many forms because of the differing requirements of specialists in the various fields of science and engineering.
                    A physics laboratory
                  </p>
                </div>
                <div class="news-blog-btn">
                  <a href="{{ route('newsletter-details')}}" class="tp-btn tp-btn-shine-effect">Read MOre</a>
                </div>
              </div>
            </div>
            <div class="col-lg-4 left">
              <div class="blog-details-items mb-50">
                <div class="blog-details-thumb">
                  <a href="{{ route('newsletter-details')}}"
                    ><img
                      src="https://img.freepik.com/free-photo/crop-people-with-textbooks-table_23-2147656009.jpg?size=626&ext=jpg&uid=R125309426&ga=GA1.1.1401301473.1700047451&semt=ais"
                      alt="img"
                  /></a>
                </div>
                <!-- <div class="blog-details-info d-flex">
                  <div class="blog-details-name news-blog">
                    <i class="fa-regular fa-circle-user"></i>
                    <span>Alextina</span>
                  </div>
                  <div class="blog-details-date news-blog">
                    <i class="fa-regular fa-clock"></i>
                    <span>Dec 28, 2022</span>
                  </div>
                  <div class="blog-details-message news-blog">
                    <i class="fa-regular fa-message-lines"></i>
                    <span>(04) Coments</span>
                  </div>
                </div> -->
                <div class="blog-details-content">
                  <h3 class="blog-details-title news-blog">
                    <a href="{{ route('newsletter-details')}}">Second Newsletter</a>
                  </h3>
                  <p>
                    Laboratories used for scientific research take many forms because of the differing requirements of specialists in the various fields of science and engineering.
                    A physics laboratory
                  </p>
                </div>
                <div class="news-blog-btn">
                  <a href="{{ route('newsletter-details')}}" class="tp-btn tp-btn-shine-effect">Read MOre</a>
                </div>
              </div>
            </div>

            <div class="col-lg-4 left">
              <div class="blog-details-items mb-60">
                <div class="blog-details-thumb">
                  <a href="{{ route('newsletter-details')}}"
                    ><img
                      src="https://img.freepik.com/free-photo/crop-people-with-textbooks-table_23-2147656009.jpg?size=626&ext=jpg&uid=R125309426&ga=GA1.1.1401301473.1700047451&semt=ais"
                      alt="img"
                  /></a>
                </div>
                <!-- <div class="blog-details-info d-flex">
                  <div class="blog-details-name news-blog">
                    <i class="fa-regular fa-circle-user"></i>
                    <span>Alextina</span>
                  </div>
                  <div class="blog-details-date news-blog">
                    <i class="fa-regular fa-clock"></i>
                    <span>Dec 28, 2022</span>
                  </div>
                  <div class="blog-details-message news-blog">
                    <i class="fa-regular fa-message-lines"></i>
                    <span>(04) Comments</span>
                  </div>
                </div> -->
                <div class="blog-details-content">
                  <h3 class="blog-details-title news-blog">
                    <a href="{{ route('newsletter-details')}}">Third Newsletter</a>
                  </h3>
                  <p>
                    Laboratories used for scientific research take many forms because of the differing requirements of specialists in the various fields of science and engineering.
                    A physics laboratory
                  </p>
                </div>
                <div class="news-blog-btn">
                  <a href="{{ route('newsletter-details')}}" class="tp-btn tp-btn-shine-effect">Read MOre</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Blog details area end -->
  @endsection