@extends('layouts.frontend.master')
@section('title')
@endsection
@section('keyword')
@endsection
@section('description')
@endsection
@section('head')
@endsection
@section('content')
    <!-- /. NAVIGATION ENDS
       ========================================================================= -->
    <!-- INNER BANNER STARTS
       ========================================================================= -->
    <div class="inner-banner title-area text-center image-6">
        <div class="container title-area-content">
            <h1 class="animated" data-animation="fadeInUp" data-animation-delay="200">Blog</h1>
            <h2 class="animated" data-animation="fadeInDown" data-animation-delay="200">ALL LASTEST NEWS ABOUT OUR
                RESTARANT</h2>
            <div class="line animated" data-animation="fadeInDown" data-animation-delay="400"></div>
            <div class="bread-crumb"><a href="#">Home</a> <span>Blog</span></div>
        </div>
    </div>
    <!-- /. INNER BANNER STARTS
                          ========================================================================= -->
    <div class="white-bg">
        <!-- LATEST NEWS STARTS
                              ========================================================================= -->
        <div class="blog" id="blog">
            <div class="container">
                <!-- Post Starts -->
                <div class="row blog-post">
                    <div class="col-lg-8 col-md-8 animated" data-animation="fadeIn" data-animation-delay="800">
                        <div class="picture"><img src="https://miraclestudio.design/html/delicieux/images/blog/2.jpg"
                                class="img-responsive center-block" alt="" /></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="blog-contents animated" data-animation="fadeIn" data-animation-delay="1000">
                            <h1 class="post-title"><a href="#">Cooking Food With Love</a></h1>
                            <div class="post-metas">April 18, 2015 In <a class="" href="#">Recipe</a>
                            </div>
                            <div class="line"></div>
                            <div class="post-desc">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam, eaque ipsa quae
                                ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
                                ipsam voluptatem ...
                            </div>
                            <div class="button"><a class="fill-orange" href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Post Ends -->
                <!-- Post Starts -->
                <div class="row blog-post">
                    <div class="col-lg-8 col-md-8 pull-right animated" data-animation="fadeIn" data-animation-delay="400">
                        <div class="picture"><img src="https://miraclestudio.design/html/delicieux/images/blog/2.jpg"
                                class="img-responsive center-block" alt="" /></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="blog-contents animated" data-animation="fadeIn" data-animation-delay="600">
                            <h1 class="post-title"><a href="#">Food for Healthy Living</a></h1>
                            <div class="post-metas">April 18, 2015 In <a class="" href="#">Health</a>
                            </div>
                            <div class="line"></div>
                            <div class="post-desc">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam, eaque ipsa quae
                                ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
                                ipsam voluptatem ...
                            </div>
                            <div class="button"><a class="fill-orange" href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Post Ends -->
                <!-- Post Starts -->
                <div class="row blog-post">
                    <div class="col-lg-8 col-md-8 animated" data-animation="fadeIn" data-animation-delay="400">
                        <div class="picture"><img src="https://miraclestudio.design/html/delicieux/images/blog/2.jpg"
                                class="img-responsive center-block" alt="" /></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="blog-contents animated" data-animation="fadeIn" data-animation-delay="600">
                            <h1 class="post-title"><a href="#">Come &amp; Taste our Experiences</a></h1>
                            <div class="post-metas">April 18, 2015 In <a class="" href="#">Recipe</a>
                            </div>
                            <div class="line"></div>
                            <div class="post-desc">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam, eaque ipsa quae
                                ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
                                ipsam voluptatem ...
                            </div>
                            <div class="button"><a class="fill-orange" href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Post Ends -->
                <!-- Post Starts -->
                <div class="row blog-post">
                    <div class="col-lg-8 col-md-8 pull-right animated" data-animation="fadeIn" data-animation-delay="400">
                        <div class="picture"><img src="https://miraclestudio.design/html/delicieux/images/blog/2.jpg"
                                class="img-responsive center-block" alt="" /></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="blog-contents animated" data-animation="fadeIn" data-animation-delay="600">
                            <h1 class="post-title"><a href="#">Tired? Come & Take a Rest</a></h1>
                            <div class="post-metas">April 18, 2015 In <a class="" href="#">Recipe</a>
                            </div>
                            <div class="line"></div>
                            <div class="post-desc">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam, eaque ipsa quae
                                ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
                                ipsam voluptatem ...
                            </div>
                            <div class="button"><a class="fill-orange" href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Post Ends -->
                <!-- Post Starts -->
                <div class="row blog-post">
                    <div class="col-lg-8 col-md-8 animated" data-animation="fadeIn" data-animation-delay="400">
                        <div class="picture"><img src="https://miraclestudio.design/html/delicieux/images/blog/2.jpg"
                                class="img-responsive center-block" alt="" /></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="blog-contents animated" data-animation="fadeIn" data-animation-delay="600">
                            <h1 class="post-title"><a href="#">Meet our Prof Chef !</a></h1>
                            <div class="post-metas">April 18, 2015 In <a class="" href="#">Recipe</a>
                            </div>
                            <div class="line"></div>
                            <div class="post-desc">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam, eaque ipsa quae
                                ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
                                ipsam voluptatem ...
                            </div>
                            <div class="button"><a class="fill-orange" href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Post Ends -->
                <!-- Post Starts -->
                <div class="row blog-post">
                    <div class="col-lg-8 col-md-8 pull-right animated" data-animation="fadeIn" data-animation-delay="400">
                        <div class="picture"><img src="https://miraclestudio.design/html/delicieux/images/blog/2.jpg"
                                class="img-responsive center-block" alt="" /></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="blog-contents animated" data-animation="fadeIn" data-animation-delay="600">
                            <h1 class="post-title"><a href="#">Happy Christmas</a></h1>
                            <div class="post-metas">April 18, 2015 In <a class="" href="#">Recipe</a>
                            </div>
                            <div class="line"></div>
                            <div class="post-desc">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                                laudantium, totam rem aperiam, eaque ipsa quae
                                ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
                                ipsam voluptatem ...
                            </div>
                            <div class="button"><a class="fill-orange" href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Post Ends -->
                <!-- Pagging Starts -->
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <ul class="pagination pull-left">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">Previous</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">Next</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <ul class="pagination pull-right">
                            <li><a href="#">1</a></li>
                            <li class="active"><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                        </ul>
                    </div>
                </div>
                <!-- Pagging Ends -->
            </div>
        </div>
        <!-- /. LATEST NEWS ENDS
                              ========================================================================= -->
    </div>
    <!-- FOOTER STARTS
                          ========================================================================= -->
@endsection
@section('scripts')
    <script></script>
@endsection