@include('common.header')

  <!-- Start main-content -->
  <div class="main-content-area">
    <!-- Section: page title -->
    <section class="page-title layer-overlay overlay-dark-4 section-typo-light bg-img-center" data-tm-bg-img="images/bg/slide2.jpg">
      <div class="container pt-100 pb-100">
        <div class="section-content">
          <div class="row">
            <div class="col-md-12 text-center">
              <h2 class="title">Blog Details</h2>
              <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="{{ url('/') }}" rel="home">Home</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  <span class="active">Blog Details</span>
                </div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Section: home End -->

    <!-- Section: Blog -->
    <section>
      <div class="container pb-100">
        <div class="row">
          <div class="col-lg-8 col-xl-8">
            <div class="blog-posts single-post mb-md-30">
              <article class="post clearfix mb-0">
                <div class="entry-header mb-20">
                  <div class="post-thumb thumb"> <img src="images/bg/slide1.jpg" alt="images" class="img-responsive img-fullwidth"> </div>
                  <h3 class="mt-30">You Need to Know About Ecology</h3>
                  <div class="entry-meta mt-0">
                    <span class="mb-10 text-gray mr-10"><i class="far fa-calendar-alt mr-10 text-theme-colored1"></i> Jul 20, 2021</span>
                    <span class="mb-10 text-gray mr-10"><i class="far fa-comments mr-10 text-theme-colored1"></i> 214 Comments</span>
                  </div>
                </div>
                <div class="entry-content">
                  <p class="mb-2" style="text-align:justify;">Nostra dapibus varius et semper semper rutrum ad risus felis eros. Cursus libero viverra tempus netus diam vestibulum lorem tincidunt congue porta. Non ligula egestas commodo massa. Lorem non sit vivamus convallis elit mollis. Viverra sodales feugiat natoque sem morbi hac nunc ultricies nibh netus facilisis blandit. Felis purus et iaculis. Semper orci duis montes curabitur potenti a varius quis diam, vel litora et? Quis ridiculus pharetra luctus augue duis.</p>
                  <p class="mb-2" style="text-align:justify;">Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring natoque sem morbi hac nunc ultricies.</p>

                  <h5>Parturient tortor tortor sed tellus molestie neque</h5>
                  <p class="mb-2" style="text-align:justify;">Habitasse justo, sed justo. Senectus morbi, fermentum magna id tortor. Lacinia sociis morbi erat ultricies dictumst condimentum dictum nascetur? Vitae litora erat penatibus nam lorem. Euismod tempus, mollis leo tempus? Semper est cursus viverra senectus lectus feugiat id! Odio porta nibh dictumst nulla taciti lacus nam est praesent.</p>
                  <ul>
                    <li>Lorem ipsum dolor sit amet adipiscing elit.</li>
                    <li>Aliquam tincidunt mauris eu risus.</li>
                    <li>Vestibulum auctor dapibus neque.</li>
                    <li>Habitant aliquam taciti tellus leo class.</li>
                    <li>Vitae litora erat penatibus nam lorem</li>
                  </ul>
                </div>
              </article>              
            </div>
          </div>
          <div class="col-lg-4 col-xl-4 sidebar-area sidebar-right">
            <div class="mt-sm-30">
              <div class="widget">
                <h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Latest News</h4>
                <div class="latest-posts">
                  <article class="post clearfix pb-0 mb-20">
                    <div class="post-right">
                      <h5 class="post-title mt-0"><a href="#">Sustainable construction blog heading goes here in sequence on latest update basis.</a></h5>
                      <span class="post-date">
                        <time class="entry-date" datetime="2021-05-15T06:10:26+00:00">April 15, 2021</time>
                      </span>
                    </div>
                  </article>
                  <article class="post clearfix pb-0 mb-20">
                    <div class="post-right">
                      <h5 class="post-title mt-0"><a href="#">Sustainable construction blog heading goes here in sequence on latest update basis.</a></h5>
                      <span class="post-date">
                        <time class="entry-date" datetime="2021-05-15T06:10:26+00:00">April 15, 2021</time>
                      </span>
                    </div>
                  </article>
                  <article class="post clearfix pb-0 mb-20">
                    <div class="post-right">
                      <h5 class="post-title mt-0"><a href="#">Sustainable construction blog heading goes here in sequence on latest update basis.</a></h5>
                      <span class="post-date">
                        <time class="entry-date" datetime="2021-05-15T06:10:26+00:00">April 15, 2021</time>
                      </span>
                    </div>
                  </article>
				   <article class="post clearfix pb-0 mb-20">
                    <div class="post-right">
                      <h5 class="post-title mt-0"><a href="#">Sustainable construction blog heading goes here in sequence on latest update basis.</a></h5>
                      <span class="post-date">
                        <time class="entry-date" datetime="2021-05-15T06:10:26+00:00">April 15, 2021</time>
                      </span>
                    </div>
                  </article>
                </div>
              </div>
              <!------ <div class="widget widget_categories">
                <h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Categories</h4>
                <ul>
                  <li class="cat-item"><a href="#">Anxiety</a> </li>
                  <li class="cat-item"><a href="#">Grief and loss</a> </li>
                  <li class="cat-item"><a href="#">Uncategorized</a> </li>
                </ul>
              </div>
              <div class="widget widget_tag_cloud">
                <h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Tags</h4>
                <div class="tagcloud">
                  <a href="#" class="tag-cloud-link">health</a>
                  <a href="#" class="tag-cloud-link">medical</a>
                  <a href="#" class="tag-cloud-link">news</a>
                  <a href="#" class="tag-cloud-link">latest</a>
                </div>
              </div>  ----->
              <div class="widget widget_text text-center">
                <div class="textwidget">
                  <div class="section-typo-light bg-theme-colored1 mb-md-40 p-30 pt-40 pb-40"> <img class="size-full wp-image-800 aligncenter" src="images/headphone-128.png" alt="images" width="128" height="128" />
                  <h4>Online Help!</h4>
                  <h5>+(123) 456-78-90</h5>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Divider -->
  </div>
  <!-- end main-content -->

  @include('common.footer')