@@include('header.htm', {'base':'../'})

@@include('blocks/navigation.htm')

<!-- page title -->
<section class="page-title bg-primary position-relative">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center">
        <h1 class="text-white font-tertiary">Blogs</h1>
      </div>
    </div>
  </div>
  <!-- background shapes -->
  <img src="images/illustrations/page-title.png" alt="illustrations" class="bg-shape-1 w-100">
  <img src="images/illustrations/leaf-pink-round.png" alt="illustrations" class="bg-shape-2">
  <img src="images/illustrations/dots-cyan.png" alt="illustrations" class="bg-shape-3">
  <img src="images/illustrations/leaf-orange.png" alt="illustrations" class="bg-shape-4">
  <img src="images/illustrations/leaf-yellow.png" alt="illustrations" class="bg-shape-5">
  <img src="images/illustrations/dots-group-cyan.png" alt="illustrations" class="bg-shape-6">
  <img src="images/illustrations/leaf-cyan-lg.png" alt="illustrations" class="bg-shape-7">
</section>
<!-- /page title -->

<!-- blog -->
<section class="section">
  <div class="container" data-v-component-posts="posts-1" data-v-search="url" data-v-page="url" data-v-type="" data-v-taxonomy_item_id="url" data-v-limit="6" data-v-image_size="medium">

	<h3 class="fs-normal my-3" data-v-if="this.search != ''">Results for: <strong data-v-search>term</strong></h3>
	<h3 class="fs-normal my-3" data-v-if="this.search == ''">No search query provided!</h3>

    <div class="row">
        <div class="col-lg-4 col-sm-6 mb-4" data-v-post>
          <article class="card shadow">
            <img class="rounded card-img-top" src="images/blog/post-5.jpg" alt="post-thumb" loading="lazy" data-v-size="thumb" data-v-post-image>
			  <div class="card-body">
				<a class="text-dark" href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Amazon increase income 1.5 Million</h4></a>
				<p class="cars-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
				  incididunt ut labore et
				  dolore magna aliqua.</p>
				 <a href="content/post.html" class="btn btn-xs btn-primary" data-v-post-url><span>Read More</span></a>
			  </div>
          </article>
        </div>
      <div class="col-lg-4 col-sm-6 mb-4" data-v-post>
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/post-2.jpg" alt="post-thumb" loading="lazy" data-v-size="thumb" data-v-post-image>
			  <div class="card-body">
				<a class="text-dark" href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Amazon increase income 1.5 Million</h4></a>
				<p class="cars-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
				  incididunt ut labore et
				  dolore magna aliqua.</p>
				 <a href="content/post.html" class="btn btn-xs btn-primary" data-v-post-url><span>Read More</span></a>
			  </div>

        </article>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4" data-v-post>
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/post-3.jpg" alt="post-thumb" loading="lazy" data-v-size="thumb" data-v-post-image>
			  <div class="card-body">
				<a class="text-dark" href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Amazon increase income 1.5 Million</h4></a>
				<p class="cars-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
				  incididunt ut labore et
				  dolore magna aliqua.</p>
				 <a href="content/post.html" class="btn btn-xs btn-primary" data-v-post-url><span>Read More</span></a>
			  </div>

        </article>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4" data-v-post>
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/post-4.jpg" alt="post-thumb" loading="lazy" data-v-size="thumb" data-v-post-image>
			  <div class="card-body">
				<a class="text-dark" href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Amazon increase income 1.5 Million</h4></a>
				<p class="cars-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
				  incididunt ut labore et
				  dolore magna aliqua.</p>
				 <a href="content/post.html" class="btn btn-xs btn-primary" data-v-post-url><span>Read More</span></a>
			  </div>

        </article>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4" data-v-post>
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/post-5.jpg" alt="post-thumb" loading="lazy" data-v-size="thumb" data-v-post-image>
			  <div class="card-body">
				<a class="text-dark" href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Amazon increase income 1.5 Million</h4></a>
				<p class="cars-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
				  incididunt ut labore et
				  dolore magna aliqua.</p>
				 <a href="content/post.html" class="btn btn-xs btn-primary" data-v-post-url><span>Read More</span></a>
			  </div>

        </article>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4" data-v-post>
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/post-2.jpg" alt="post-thumb" loading="lazy" data-v-size="thumb" data-v-post-image>
			  <div class="card-body">
				<a class="text-dark" href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Amazon increase income 1.5 Million</h4></a>
				<p class="cars-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
				  incididunt ut labore et
				  dolore magna aliqua.</p>
				 <a href="content/post.html" class="btn btn-xs btn-primary" data-v-post-url><span>Read More</span></a>
			  </div>

        </article>
      </div>
    </div>
    
	<div data-v-if="posts.count < 1">
		<h3 class="text-center py-4 bg-body-tertiary">No matching results!</h3>
    </div>
    
    @@include('pagination.html', {"component": "posts", "component-index":0})
    
  </div>
</section>
<!-- /blog -->

<!-- clients -->
<section class="section bg-light">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center">
        <h2 class="section-title">My Clients</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-12">
        <div class="client-logo-slider d-flex align-items-center">
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-1.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-2.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-3.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-4.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-5.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-1.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-2.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-3.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-4.png" alt="client-logo"></a>
          <a href="contact.html" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid"
              src="images/clients-logo/client-logo-5.png" alt="client-logo"></a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /clients -->

@@include('blocks/footer.htm')

@@include('footer.htm')