@extends('layouts.web')
@section('page-title', 'News')
@section('link-active-5', 'active')

@section('main-container')

<div id="blog-news-article" class="bg-force">
    <h2>NEWS & BLOGS</h2>
    <h1>Check Out Our Latest Blog</h1>
    <p class="news-p">
        Lorem ipsum dolor sit amet Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem Lorem ipsum dolor sit amet, con Lorem ipsum dolor sit amet Lorem Lorem ipsum dolor sit amet
    </p>
    <div class="block-cont"></div>
    <article>
        <section class="article-img-cont">
           <img src="{{asset('media/images/office-a.jpg')}}">
        </section>
        <section class="article-text-cont">
            <h3>COUPON</h3>
            <p>
                Lorem ipsum dolor sit Lorem ipsum dolor sit
            </p>
            <h4>
             <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
             <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
            </h4>
        </section>
    </article>

    <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office-a.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
        <section class="article-img-cont">
           <img src="{{asset('media/images/office-a.jpg')}}">
        </section>
        <section class="article-text-cont">
            <h3>COUPON</h3>
            <p>
                Lorem ipsum dolor sit Lorem ipsum dolor sit
            </p>
            <h4>
             <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
             <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
            </h4>
        </section>
    </article>

    <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office-a.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
        <section class="article-img-cont">
           <img src="{{asset('media/images/office-a.jpg')}}">
        </section>
        <section class="article-text-cont">
            <h3>COUPON</h3>
            <p>
                Lorem ipsum dolor sit Lorem ipsum dolor sit
            </p>
            <h4>
             <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
             <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
            </h4>
        </section>
    </article>

    <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office-a.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <article>
         <section class="article-img-cont">
             <img src="{{asset('media/images/office.jpg')}}">
         </section>
         <section class="article-text-cont">
             <h3>COUPON</h3>
             <p>
                 Lorem ipsum dolor sit Lorem ipsum dolor sit
             </p>
             <h4>
                 <span class="article-date"><i class="far fa-calendar" style="margin: 0px 5px 0px 0px"></i>Agust 21, 2021</span>
                 <span class="article-comment"><i class="far fa-comment-alt" style="margin: 0px 5px 0px 0px"></i>12 Comment</span>
             </h4>
         </section>
     </article>

     <div class="block-cont"></div>
</div>

@endsection