News Blog - List

<section id="section-01" class="pb-11 post-style-1">
    <div class="container">
        <h3 class="mb-9 text-center text-uppercase mb-0">
            some tips & articles
        </h3>
        <div class="row">
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/shopping-blog-2.jpg')">
                    </a>
                    <div class="border px-5 py-4">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Tips</a>, <a
                                    href="#" class="link-hover-dark-primary">Location</a></div>
                            <h5 class="mb-4">
                                <a href="../blog-single-gallery.html" class="text-dark">
                                    5 Great Shopping Experience At GRACE Store, Italy
                                </a>
                            </h5>
                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit. Phasellus til
                                faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">Jul 26th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">Hilary Kreton</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/shopping-blog-1.jpg')">
                    </a>
                    <div class="border px-5 py-4">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Business</a>,
                                <a href="#" class="link-hover-dark-primary">Shopping</a></div>
                            <h5 class="mb-4"><a href="../blog-single-gallery.html"
                                                class="text-dark">Shopping
                                Quickly & Easier
                                With 5 Best Shopping
                                Apps</a>
                            </h5>

                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit. Phasellus til
                                faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">Jul 23th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">Admin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/shopping-blog-3.jpg')">
                    </a>
                    <div class="border px-5 py-4">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Community</a>
                            </div>
                            <h5 class="mb-4"><a href="../blog-single-gallery.html"
                                                class="text-dark">2,500+
                                Special
                                Gifts From
                                Zara For Zara Anniversary
                                Event</a>
                            </h5>
                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit. Phasellus til
                                faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">Jul 14th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">Chris Evan</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/shopping-blog-4.jpg')">
                    </a>

                    <div class="px-5 py-4 border">
                        <div class="p-0 mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Tips</a>, <a
                                    href="#" class="link-hover-dark-primary">Location</a></div>
                            <h5 class="mb-4"><a href="../blog-single-gallery.html"
                                                class="text-dark">How To
                                Choose
                                A Watch Fit
                                Your Style In The Life</a>
                            </h5>

                            <div>
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit. Phasellus til
                                faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">May 26th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">LoganCee</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="section-02" class="pt-12 pb-13 post-style-2 bg-gray-01">
    <div class="container">
        <div class="d-flex align-items-center mb-8 flex-wrap flex-sm-nowrap">
            <h2 class="text-capitalize font-weight-normal">
                some tips & articles
            </h2>
            <a href="#" class="link-hover-dark-primary ml-sm-auto ml-0 w-100 w-sm-auto">
                <span class="d-inline-block font-size-md">See all articles</span>
                <span class="form-control-sm"><i class="fal fa-chevron-right"></i></span>
            </a>
        </div>
        <div class="row">
            <div class="col-lg-6 mb-6">
                <div class="post ">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/hotels-blog-1.jpg')">
                    </a>
                    <div class="py-4 pl-4 pr-3 bg-white">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Tips</a>, <a
                                    href="#" class="link-hover-dark-primary">Location</a></div>
                            <h5 class="mb-4"><a href="../blog-single-gallery.html"
                                                class="text-dark">5 Great
                                Experience
                                At Phuket
                                Island, Thailand</a>
                            </h5>
                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit.
                                Phasellus til faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">Jul 26th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">Hilary
                                    Kreton</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/hotels-blog-2.jpg')">
                    </a>
                    <div class="py-4 pl-4 pr-3 bg-white">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Business</a>,
                                <a href="#" class="link-hover-dark-primary">Travel</a></div>
                            <h5 class="mb-4"><a href="../blog-single-gallery.html"
                                                class="text-dark">Top 10
                                Best
                                Hotel
                                With Pool
                                In Barcelona, Spain</a>
                            </h5>

                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit. Phasellus til
                                faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">Jul 23th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">Admin</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/hotels-blog-3.jpg')">
                    </a>
                    <div class="py-4 pl-4 pr-3 bg-white">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Community</a>,
                                <a
                                        href="#" class="link-hover-dark-primary">Travel</a></div>
                            <h5 class="mb-4"><a href="../blog-single-gallery.html"
                                                class="text-dark">Snowland
                                Hotel
                                -
                                The Best
                                Choice When Go To Visit
                                Ireland</a>
                            </h5>

                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit.
                                Phasellus til faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">Jul 14th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">Chris
                                    Evan</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 mb-6">
                <div class="post">
                    <a href="../blog-single-gallery.html" class="feature-image"
                       style="background-image: url('../images/blog/hotels-blog-4.jpg')">
                    </a>

                    <div class="py-4 pl-4 pr-3 bg-white">
                        <div class="mb-7">
                            <div class="mb-2"><a href="#" class="link-hover-dark-primary">Tips</a>, <a
                                    href="#" class="link-hover-dark-primary">Location</a></div>
                            <h5 class="mb-4">
                                <a href="../blog-single-gallery.html"
                                   class="text-dark">Hello New Day With Vintage<br> Style At Cinamon Hotel,
                                    Italy</a>
                            </h5>

                            <div class="">
                                Lorem ipsum dolor sit amet, solo consectetur adipiscing elit. Phasellus til
                                faucibus est sed facilisis viverra satanil...
                            </div>
                        </div>
                        <ul class="list-inline">
                            <li class="list-inline-item mr-0">
                                <span class="text-gray">May 26th, 2017 by</span>
                            </li>
                            <li class="list-inline-item">
                                <a href="#" class="link-hover-dark-primary">LoganCee</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="px-6 py-10">
    <div class="post-style-5">
        <div class="mb-9">
            <div class="post row no-gutters">
                <a href="../blog-single-image.html" class="feature-image col-lg-8">
                    <img src="../images/blog/large-image-blog-1.jpg" alt="Post 1">
                </a>
                <div class="card rounded-0 border-0 col-lg-4 bg-transparent">
                    <div class="card-body bg-transparent p-0">
                        <div class="mb-2"><a href="#"
                                             class="link-hover-dark-primary">Tips</a>,
                            <a
                                    href="#"
                                    class="link-hover-dark-primary">Travel</a></div>
                        <h4 class="card-title text-capitalize mb-6 letter-spacing-25 lh-12">
                            <a
                                    href="../blog-single-image.html"
                                    class="link-hover-dark-primary">10 best homestay
                                in
                                florencia
                                that you don't
                                miss
                                out</a>
                        </h4>
                        <div class="card-text">
                            Lorem ipsum dolor sit amet, dolor siterim consectetur
                            adipiscing
                            elit.
                            Phasellus duio faucibus est sed facilisis viverra.
                            Umero praesent nec accumsan nibh, eu grav da metus.
                        </div>
                    </div>
                    <ul class="card-footer border-0 bg-transparent p-0 list-inline">
                        <li class="list-inline-item mr-0">
                            <span class="text-gray">Aug 28th, 2017 by</span>
                        </li>
                        <li class="list-inline-item">
                            <a href="#" class="link-hover-dark-primary">Admin</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mb-9">
            <div class="post row no-gutters">
                <a href="../blog-single-image.html" class="feature-image col-lg-8">
                    <img src="../images/blog/large-image-blog-2.jpg" alt="Post 1">
                    <div class="image-content media">
                        <span><i class="fas fa-video"></i></span>
                    </div>
                </a>
                <div class="card rounded-0 border-0 col-lg-4 bg-transparent">
                    <div class="card-body bg-transparent p-0">
                        <div class="mb-2"><a href="#"
                                             class="link-hover-dark-primary">Tips</a>,
                            <a
                                    href="#" class="link-hover-dark-primary">Location</a>
                        </div>
                        <h4 class="card-title text-capitalize mb-6 letter-spacing-25 lh-12">
                            <a
                                    href="../blog-single-image.html"
                                    class="link-hover-dark-primary">Great Experience
                                At MiFost
                                Villa</a>
                        </h4>
                        <div class="card-text">
                            Lorem ipsum dolor sit amet, solo
                            consectetur adipiscing elit.
                            Phasellus til faucibus est sed facilisis viverra satanil
                            Praesent nec accumsan...
                        </div>
                    </div>
                    <ul class="card-footer border-0 bg-transparent p-0 list-inline">
                        <li class="list-inline-item mr-0">
                            <span class="text-gray">Jul 26th, 2017  by</span>
                        </li>
                        <li class="list-inline-item">
                            <a href="#" class="link-hover-dark-primary">Hilary
                                Kreton</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mb-9">
            <div class="post row no-gutters">
                <div class="feature-image col-lg-8">
                    <div class="slick-slider"
                         data-slick-options='{"slidesToShow": 1, "autoplay":false,"dots":false}'>
                        <a href="../blog-single-image.html">
                            <img src="../images/blog/large-image-blog-4-1.jpg"
                                 alt="Post 4">
                        </a>
                        <a href="../blog-single-image.html">
                            <img src="../images/blog/large-image-blog-4-2.jpg"
                                 alt="Post 4">
                        </a>
                        <a href="../blog-single-image.html">
                            <img src="../images/blog/large-image-blog-4-3.jpg"
                                 alt="Post 4">
                        </a>
                    </div>
                </div>
                <div class="card rounded-0 border-0 col-lg-4 bg-transparent">
                    <div class="card-body bg-transparent p-0">
                        <div class="mb-2"><a href="#"
                                             class="link-hover-dark-primary">Travel</a>,
                            <a href="#" class="link-hover-dark-primary">Culture</a>
                        </div>
                        <h4 class="card-title text-capitalize mb-6 letter-spacing-25 lh-12">
                            <a
                                    href="../blog-single-image.html"
                                    class="link-hover-dark-primary">Discover Venice,
                                Italy</a>
                        </h4>
                        <div class="card-text">
                            Lorem ipsum dolor sit amet, stunil imori
                            consectetur adipiscing elit. Phasellus faucibus est sed
                            facilisis
                            viverra...
                        </div>
                    </div>
                    <ul class="card-footer border-0 bg-transparent p-0 list-inline">
                        <li class="list-inline-item mr-0">
                            <span class="text-gray">Aug 19th, 2017 by</span>
                        </li>
                        <li class="list-inline-item">
                            <a href="#" class="link-hover-dark-primary">LoganCee</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>