@extends('layouts.front.app')
@section('meta')
	<title>News | {{ env('APP_NAME') }}</title>
    <meta name="description" content="Providing high-quality workforce and hosted services to Quanta Operating units" />

@stop
@section('css')
<style>
</style>
@endsection
@section('content')
<!--Page Header Start-->
<section class="page-header" style="background-image: url({{asset('/images/backgrounds/page-header-bg.jpg')}});">
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="index.html">Home</a></li>
                <li><span>/</span></li>
                <li>News</li>
            </ul>
            <h2>Latest News</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--News One Start-->
<section class="news-one">
    <div class="container">
        <div class="row">
            <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
               <!--News One Single-->
                <div class="news-one__single">
                    <div class="news-one__img-box">
                        <div class="news-one__img">
                            <img src="{{asset('/images/blog/news-page-img-1.jpg')}}" alt="">
                            <a href="news-details.html">
                                <span class="news-one__plus"></span>
                            </a>
                        </div>
                        <div class="news-one__date">
                            <p>20<br>Jun</p>
                        </div>
                    </div>
                    <div class="news-one__content">
                        <ul class="list-unstyled news-one__meta">
                            <li><a href="news-details.html"><i class="far fa-user-circle"></i> By admin</a></li>
                            <li><a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
                            </li>
                        </ul>
                        <h3 class="news-one__title">
                            <a href="news-details.html">How to Build a Powerful Building Plans</a>
                        </h3>
                        <p class="news-one__text">Lorem ipsum is simply free text used by copytyping refreshing.</p>
                        <div class="news-one__btn-box">
                            <a href="news-details.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 wow fadeInDown" data-wow-duration="1500ms" data-wow-delay="100ms">
               <!--News One Single-->
                <div class="news-one__single">
                    <div class="news-one__img-box">
                        <div class="news-one__img">
                            <img src="{{asset('/images/blog/news-page-img-2.jpg')}}" alt="">
                            <a href="news-details.html">
                                <span class="news-one__plus"></span>
                            </a>
                        </div>
                        <div class="news-one__date">
                            <p>20<br>Jun</p>
                        </div>
                    </div>
                    <div class="news-one__content">
                        <ul class="list-unstyled news-one__meta">
                            <li><a href="news-details.html"><i class="far fa-user-circle"></i> By admin</a></li>
                            <li><a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
                            </li>
                        </ul>
                        <h3 class="news-one__title">
                            <a href="news-details.html">The Dream Electrical Innovation News</a>
                        </h3>
                        <p class="news-one__text">Lorem ipsum is simply free text used by copytyping refreshing.</p>
                        <div class="news-one__btn-box">
                            <a href="news-details.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="200ms">
               <!--News One Single-->
                <div class="news-one__single">
                    <div class="news-one__img-box">
                        <div class="news-one__img">
                            <img src="{{asset('/images/blog/news-page-img-3.jpg')}}" alt="">
                            <a href="news-details.html">
                                <span class="news-one__plus"></span>
                            </a>
                        </div>
                        <div class="news-one__date">
                            <p>20<br>Jun</p>
                        </div>
                    </div>
                    <div class="news-one__content">
                        <ul class="list-unstyled news-one__meta">
                            <li><a href="news-details.html"><i class="far fa-user-circle"></i> By admin</a></li>
                            <li><a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
                            </li>
                        </ul>
                        <h3 class="news-one__title">
                            <a href="news-details.html">Renovation Add Value to your Homes</a>
                        </h3>
                        <p class="news-one__text">Lorem ipsum is simply free text used by copytyping refreshing.</p>
                        <div class="news-one__btn-box">
                            <a href="news-details.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
               <!--News One Single-->
                <div class="news-one__single">
                    <div class="news-one__img-box">
                        <div class="news-one__img">
                            <img src="{{asset('/images/blog/news-page-img-4.jpg')}}" alt="">
                            <a href="news-details.html">
                                <span class="news-one__plus"></span>
                            </a>
                        </div>
                        <div class="news-one__date">
                            <p>20<br>Jun</p>
                        </div>
                    </div>
                    <div class="news-one__content">
                        <ul class="list-unstyled news-one__meta">
                            <li><a href="news-details.html"><i class="far fa-user-circle"></i> By admin</a></li>
                            <li><a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
                            </li>
                        </ul>
                        <h3 class="news-one__title">
                            <a href="news-details.html">We Design the Latest Industry Materials</a>
                        </h3>
                        <p class="news-one__text">Lorem ipsum is simply free text used by copytyping refreshing.</p>
                        <div class="news-one__btn-box">
                            <a href="news-details.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 wow fadeInDown" data-wow-duration="1500ms" data-wow-delay="100ms">
               <!--News One Single-->
                <div class="news-one__single">
                    <div class="news-one__img-box">
                        <div class="news-one__img">
                            <img src="{{asset('/images/blog/news-page-img-5.jpg')}}" alt="">
                            <a href="news-details.html">
                                <span class="news-one__plus"></span>
                            </a>
                        </div>
                        <div class="news-one__date">
                            <p>20<br>Jun</p>
                        </div>
                    </div>
                    <div class="news-one__content">
                        <ul class="list-unstyled news-one__meta">
                            <li><a href="news-details.html"><i class="far fa-user-circle"></i> By admin</a></li>
                            <li><a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
                            </li>
                        </ul>
                        <h3 class="news-one__title">
                            <a href="news-details.html">We’re Building the Best Electricals</a>
                        </h3>
                        <p class="news-one__text">Lorem ipsum is simply free text used by copytyping refreshing.</p>
                        <div class="news-one__btn-box">
                            <a href="news-details.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="200ms">
               <!--News One Single-->
                <div class="news-one__single">
                    <div class="news-one__img-box">
                        <div class="news-one__img">
                            <img src="{{asset('/images/blog/news-page-img-6.jpg')}}" alt="">
                            <a href="news-details.html">
                                <span class="news-one__plus"></span>
                            </a>
                        </div>
                        <div class="news-one__date">
                            <p>20<br>Jun</p>
                        </div>
                    </div>
                    <div class="news-one__content">
                        <ul class="list-unstyled news-one__meta">
                            <li><a href="news-details.html"><i class="far fa-user-circle"></i> By admin</a></li>
                            <li><a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
                            </li>
                        </ul>
                        <h3 class="news-one__title">
                            <a href="news-details.html">Meet the Successful Engineering Tractors</a>
                        </h3>
                        <p class="news-one__text">Lorem ipsum is simply free text used by copytyping refreshing.</p>
                        <div class="news-one__btn-box">
                            <a href="news-details.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--News One End-->
@endsection