@extends('frontend.layouts.app')

@section('title') Blogs- {{ config('app.name') }} @endsection

@section('content')
<!-- ================================
    START BREADCRUMB AREA
================================= -->
    <section class="breadcrumb-area bread-bg">
      <div class="overlay"></div>
      <!-- end overlay -->
      <div class="container">
        <div class="breadcrumb-content text-center">
          <h2 class="sec__title text-white mb-3">Blog Details</h2>
          <ul class="bread-list">
            <li><a href="index.html">home</a></li>
            <li>Blog Details</li>
    
          </ul>
        </div>
        <!-- end breadcrumb-content -->
      </div>
      <!-- end container -->
      <div class="bread-svg">
        <svg viewBox="0 0 500 150" preserveAspectRatio="none">
          <path
            d="M-4.22,89.30 C280.19,26.14 324.21,125.81 511.00,41.94 L500.00,150.00 L0.00,150.00 Z"
          ></path>
        </svg>
      </div>
      <!-- end bread-svg -->
    </section>
    <!-- end breadcrumb-area -->
    <!-- ================================
    END BREADCRUMB AREA
================================= -->

<!-- ================================
       START BLOG AREA
================================= -->
    <section class="blog-area padding-top-60px padding-bottom-70px">
      <div class="container">
        <div class="row">
                   <div class="col-lg-8 mb-5">
            <div class="card">
              <a href="blog-single.html" class="card-image">
                <img
                  src="images/img-loading.jpg"
                  data-src="images/img1.jpg"
                  alt="blog image"
                  class="card-img-top lazy"
                />
              </a>
              <div class="card-body">
                <h4 class="card-title">
                  How To Improve Your Customer Service Experience
                </h4>
                <ul class="card-meta d-flex flex-wrap align-items-center">
                  <li>By David Wise</li>
                  <li><span class="mx-1">-</span></li>
                  <li>25 Dec, 2018</li>
                  <li><span class="mx-1">-</span></li>
                  <li><a href="#">Tips & Tricks</a></li>
                </ul>
                <p class="card-text font-weight-regular mt-3">
                  Nam nisl lacus, dignissim ac tristique ut, scelerisque eu
                  massa. Vestibulum ligula nunc, rutrum in malesuada vitae,
                  tempus sed augue. Curabitur quis lectus quis augue dapibus
                  facilisis. Vivamus tincidunt orci est, in vehicula nisi
                  eleifend ut. Vestibulum sagittis varius orci vitae.
                </p>
                <p class="card-text font-weight-regular mt-3">
                  Some people do not understand why you should have to spend
                  money on boot camp when you can get the MCSE study materials
                  yourself at a fraction of the camp price. However, who has the
                  willpower to actually sit through a self-imposed MCSE
                  training.
                </p>
                <blockquote class="blockquote my-4">
                  <p class="font-italic mb-2 font-size-16">
                    Mauris aliquet ultricies ante, non faucibus ante gravida
                    sed. Sed ultrices pellentesque purus, vulputate volutpat
                    ipsum hendrerit sed neque sed sapien rutrum.
                  </p>
                  <footer class="blockquote-footer">
                    Kamran Adi <cite title="Source Title">TechyDevs</cite>
                  </footer>
                </blockquote>
                <p class="card-text font-weight-regular mb-3">
                  when you can get the MCSE study materials yourself at a
                  fraction of the camp price. However, who has the willpower to
                  actually sit through a self-imposed MCSE training. who has the
                  willpower to actually sit through a self-imposed
                </p>
                <h4 class="card-title">Storytelling</h4>
                <p class="card-text font-weight-regular mb-3">
                  Some people do not understand why you should have to spend
                  money on boot camp when you can get the MCSE study materials
                  yourself at a fraction of the camp price.
                </p>
                <h4 class="card-title">Branding</h4>
                <p class="card-text font-weight-regular mb-5">
                  Some people do not understand why you should have to spend
                  money on boot camp when you can get the MCSE study materials
                  yourself at a fraction of the camp price.
                </p>
          
              </div>
              <!-- end card-body -->
            </div>
            <!-- end card -->
          
      
           
           
          </div>
          <!-- end col-lg-8 -->
         
          <div class="col-lg-4">
            <div class="sidebar">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title mb-3">Search</h4>
                  <div class="form-group">
                    <span class="fal fa-search form-icon"></span>
                    <input
                      class="form-control form--control"
                      type="text"
                      placeholder="What are you looking for?"
                    />
                  </div>
                  <!-- end form-group -->
                  <button class="theme-btn border-0 w-100" type="submit">
                    Search
                  </button>
                </div>
                <!-- end card-body -->
              </div>
              <!-- end card -->
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title mb-3">Post Tags</h4>
                  <ul class="tag-list">
                    <li><a href="#">Free Sub Domain</a></li>
                    <li><a href="#">Free Hosting Service</a></li>
                    <li><a href="#">Gbusiness</a></li>
                    <li><a href="#">Global Business</a></li>
                    <li><a href="#">Salon</a></li>
                    <li><a href="#">Cleaning</a></li>
                    <li><a href="#">Fashion</a></li>
                  </ul>
                </div>
                <!-- end card-body -->
              </div>
              <!-- end card -->
                  <div class="card">
                <div class="card-body">
                  <h4 class="card-title mb-3">Categories</h4>
                  <ul class="tag-list">
                    <li><a href="#">Listing</a></li>
                    <li><a href="#">Domain Hosting</a></li>
                    <li><a href="#">Business Promotion</a></li>
                    <li><a href="#">Domain</a></li>
                   
                  </ul>
                </div>
                <!-- end card-body -->
              </div>
              <!-- end card -->
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title mb-3">Popular Posts</h4>
                  <ul class="media-list">
                    <li class="media media-card">
                      <a
                        href="#"
                        class="flex-shrink-0 me-3 d-block"
                      >
                        <img src="images/small-img.jpg" alt="Blog image" />
                      </a>
                      <div class="media-body align-self-center">
                        <h5 class="media-title mb-1">
                          <a href="#"
                            >The best sale marketer of the next year</a
                          >
                        </h5>
                        <p class="font-size-15">20 Jan, 2021</p>
                      </div>
                    </li>
                    <li class="media media-card my-4">
                      <a
                        href="#"
                        class="flex-shrink-0 me-3 d-block"
                      >
                        <img src="images/small-img.jpg" alt="Blog image" />
                      </a>
                      <div class="media-body align-self-center">
                        <h5 class="media-title mb-1">
                          <a href="#"
                            >The best sale marketer of the next year</a
                          >
                        </h5>
                        <p class="font-size-15">20 Jan, 2021</p>
                      </div>
                    </li>
                    <li class="media media-card">
                      <a
                        href="#"
                        class="flex-shrink-0 me-3 d-block"
                      >
                        <img src="images/small-img.jpg" alt="Blog image" />
                      </a>
                      <div class="media-body align-self-center">
                        <h5 class="media-title mb-1">
                          <a href="#"
                            >The best sale marketer of the next year</a
                          >
                        </h5>
                        <p class="font-size-15">20 Jan, 2021</p>
                      </div>
                    </li>
                  </ul>
                </div>
                <!-- end card-body -->
              </div>
              <!-- end card -->
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title mb-3">Archive</h4>
                  <ul class="tag-list">
                    <li><a href="#">03 May 2022</a></li>
                    <li><a href="#">04 May 2022</a></li>
                    <li><a href="#">14 Aug 2024</a></li>
                    <li><a href="#">30 May 2025</a></li>
                    <li><a href="#">04 May 2024</a></li>
                    <li><a href="#">14 Aug 2025</a></li>
                  </ul>
                </div>
                <!-- end card-body -->
              </div>
              <!-- end card -->
            </div>
            <!-- end sidebar -->
          </div>
          <!-- end col-lg-4 -->
        </div>
        <!-- end row -->
      </div>
      <!-- end container -->
    </section>
    <!-- end blog-area -->
    <!-- ================================
       START BLOG AREA
================================= -->

@endsection