@@include('header.htm')

@@include('blocks/navigation.htm',{"blog":"active", "blogGrid":"active"})

@@include('blocks/page-title.htm', { "page-name": "Our blog", "title": "Blog articles" })

<section class="section blog-wrap bg-gray">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-6 mb-5">
				<div class="blog-item">
					<img loading="lazy" src="images/blog/1.jpg" alt="blog" class="img-fluid rounded">

					<div class="blog-item-content bg-white p-5">
						<div class="blog-item-meta bg-gray pt-2 pb-1 px-3">
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-pencil-alt me-2"></i>Creativity</span>
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-comment me-2"></i>5 Comments</span>
							<span class="text-black text-capitalize d-inline-block me-3"><i class="ti-time me-1"></i> 28th January</span>
						</div>

						<h3 class="mt-3 mb-3"><a href="content/post.html">Improve design with typography?</a></h3>
						<p class="mb-4">Non illo quas blanditiis repellendus laboriosam minima animi. Consectetur accusantium
							pariatur repudiandae!</p>

						<a href="content/post.html" class="btn btn-small btn-main btn-round-full">Learn More</a>
					</div>
				</div>
			</div>

			<div class="col-lg-6 col-md-6 mb-5">
				<div class="blog-item">
					<img loading="lazy" src="images/blog/2.jpg" alt="blog" class="img-fluid rounded">

					<div class="blog-item-content bg-white p-5">
						<div class="blog-item-meta bg-gray pt-2 pb-1 px-3">
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-pencil-alt me-2"></i>Design</span>
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-comment me-2"></i>5 Comments</span>
							<span class="text-black text-capitalize d-inline-block me-3"><i class="ti-time me-1"></i> 28th January</span>
						</div>

						<h3 class="mt-3 mb-3"><a href="content/post.html">Interactivity connect consumer</a></h3>
						<p class="mb-4">Non illo quas blanditiis repellendus laboriosam minima animi. Consectetur accusantium
							pariatur repudiandae!</p>

						<a href="content/post.html" class="btn btn-small btn-main btn-round-full">Learn More</a>
					</div>
				</div>
			</div>

			<div class="col-lg-6 col-md-6 mb-5">
				<div class="blog-item">
					<img loading="lazy" src="images/blog/3.jpg" alt="blog" class="img-fluid rounded">

					<div class="blog-item-content bg-white p-5">
						<div class="blog-item-meta bg-gray pt-2 pb-1 px-3">
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-pencil-alt me-2"></i>Community</span>
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-comment me-2"></i>5 Comments</span>
							<span class="text-black text-capitalize d-inline-block me-3"><i class="ti-time me-1"></i> 28th January</span>
						</div>

						<h3 class="mt-3 mb-3"><a href="content/post.html">Marketing Strategy to bring more affect</a></h3>
						<p class="mb-4">Non illo quas blanditiis repellendus laboriosam minima animi. Consectetur accusantium
							pariatur repudiandae!</p>

						<a href="content/post.html" class="btn btn-small btn-main btn-round-full">Learn More</a>
					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-6 mb-5">
				<div class="blog-item">
					<img loading="lazy" src="images/blog/4.jpg" alt="blog" class="img-fluid rounded">

					<div class="blog-item-content bg-white p-5">
						<div class="blog-item-meta bg-gray pt-2 pb-1 px-3">
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-pencil-alt me-2"></i>Marketing</span>
							<span class="text-muted text-capitalize d-inline-block me-3"><i class="ti-comment me-2"></i>5 Comments</span>
							<span class="text-black text-capitalize d-inline-block me-3"><i class="ti-time me-1"></i> 28th January</span>
						</div>

						<h3 class="mt-3 mb-3"><a href="content/post.html">Marketing Strategy to bring more affect</a></h3>
						<p class="mb-4">Non illo quas blanditiis repellendus laboriosam minima animi. Consectetur accusantium
							pariatur repudiandae!</p>

						<a href="content/post.html" class="btn btn-small btn-main btn-round-full">Learn More</a>
					</div>
				</div>
			</div>
		</div>

		<div class="row justify-content-center mt-5">
			<div class="col-lg-6 text-center">
				<nav class="navigation pagination d-inline-block">
					<div class="nav-links">
						<a class="prev page-numbers" href="#">Prev</a>
						<span aria-current="page" class="page-numbers current">1</span>
						<a class="page-numbers" href="#">2</a>
						<a class="next page-numbers" href="#">Next</a>
					</div>
				</nav>
			</div>
		</div>
	</div>
</section>

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

@@include('footer.htm')