@extends('frontend.layouts.app')

@section('content')
    <section class="bread " >
        <div class="container">
        <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('frontend.home')}}">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">News Details</li>
      </ol>
    </nav>
    </div>
    </section>

    <section class="post section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="left-post">
                        <div class="post-img">
                            <img src="assets/images/gallery1.jpg" alt="">
                        </div>

                        <div class="post-time">
                          <i class="fas fa-calendar-alt"></i>  <span>22 November,2017</span>

                        </div>

                        <div class="post-desc">
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus porro magnam harum et nobis repudiandae alias odio unde sapiente, repellendus eaque? Asperiores nesciunt nemo maiores, velit iusto fugiat cum ipsam! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis vero totam soluta dicta in maiores atque mollitia optio tempore quos esse, ducimus quod velit reprehenderit iusto? Veritatis dolorem aspernatur nemo. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum voluptas neque amet eos, id perspiciatis praesentium! Fuga quas nobis, perspiciatis rem, molestiae alias error aut reprehenderit voluptatem excepturi accusamus nemo. </p>
                        </div>

                    </div>
                </div>

                <div class="col-md-4">
                    <div class="right-post">
                        <div class="news-cat">
                        <div class="cat-head">
                            <h1>Categories</h1>
                        </div>

                        <ul class="cat-list">
                            <li><a href="">About the city</a></li>
                            <li><a href="">Politics & Enviroment</a></li>
                            <li><a href="">City Events</a></li>
                            <li><a href="">Campaign News</a></li>
                            <li><a href="">Important</a></li>

                        </ul>
                    </div>
                        <div class="newsletter">
                        <span>Get Our News</span>
                        <h2>Subscribe to our newsletter!</h2>



                        <div class="input-group mb-3 mt-4">
                        <input type="text" class="form-control" placeholder="Your e-mail"       aria-label="Recipient's username" aria-describedby="basic-addon2">
                     <div class="input-group-append">
                         <button class="btn" type="button">Email me</button>
                    </div>
                        </div>

                    </div>

                </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection