Posts

<div class="card border-0">
	<div class="row no-gutters align-items-lg-center h-100">
		<div class="d-flex align-items-end col-md-5 col-lg-3 p-0">
			<a href="../../blog-details-1.html" class="hover-shine">
				<img src="../../images/post-02.jpg" class="card-img"
				     alt="Retail banks wake up to digital lending this year">
			</a>
			<a href="#"
			   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 m-2 font-weight-500 bg-hover-primary hover-white position-absolute">
				rental
			</a>
		</div>
		<div class="col-md-7 col-lg-9">
			<div class="card-body pl-md-6 px-0 pt-5 pt-lg-0 pb-0">
				<div class="fs-15 mb-0 mb-md-2 text-gray">
					30th Dec, 2019
				</div>
				<h3 class="fs-sm-22 fs-18 font-weight-normal lh-182">
					<a href="../../blog-details-1.html" class="text-heading hover-primary">Retail banks wake
						up to digital lending this year</a>
				</h3>
			</div>
		</div>
	</div>
</div>

<div class="card border-0 col-md-4 col-sm-6" style="max-width: 361px">
	<div class="position-relative d-flex align-items-end card-img">
		<a href="../../blog-details-1.html" class="hover-shine">
			<img src="../../images/post-03.jpg"
			     alt="Retail banks wake up to digital lending this year">
		</a>
		<a href="#"
		   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 font-weight-500 bg-hover-primary hover-white m-2 position-absolute">
			rental
		</a>
	</div>
	<div class="card-body p-0 pr-xl-8">
		<ul class="list-inline mt-4 text-gray-lighter">
			<li class="list-inline-item mr-4"><i class="far fa-calendar mr-1"></i> 30th Dec, 2020</li>
			<li class="list-inline-item mr-4"><i class="far fa-eye mr-1"></i> 149 views</li>
		</ul>
		<h3 class="fs-18 text-heading lh-194">
			<a href="../../blog-details-1.html" class="text-heading hover-primary">Retail banks wake up
				to digital lending this year</a>
		</h3>
		<p class="mb-4">Lorem ipsum dolor sit amet, consecte tur cing elit. Suspe ndisse suscipit sagittis leo
			sit met condim entum, consecte tur cineoi</p>
		<a href="#" class="btn text-secondary btn-accent">Read more <i class="far fa-long-arrow-right ml-1"></i></a>
	</div>
</div>

<div class="card border-0 shadow-xxs-3" style="max-width: 352px">
	<div class="position-relative d-flex align-items-end card-img-top">
		<a href="../../blog-details-1.html" class="hover-shine">
			<img src="../../images/post-05.jpg"
			     alt="The Interior Design The Hall On str. Filimonovo">
		</a>
		<a href="#"
		   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 font-weight-500 bg-hover-primary hover-white mx-2 my-4 position-absolute">
			rental
		</a>
	</div>
	<div class="card-body px-5 pt-3 pb-5">
		<p class="mb-1 fs-13">Dec 16, 2020</p>
		<h3 class="fs-18 text-heading lh-194 mb-1">
			<a href="../../blog-details-1.html" class="text-heading hover-primary">The Interior Design The
				Hall On str. Filimonovo</a>
		</h3>
		<p class="mb-3">Lorem ipsum dolor sit amet, consecte tur cing elit. Suspe ndisse suscipit sagittis leo
			sit
			met condim entum, consecte tur cineoi</p>
		<a class="text-heading font-weight-500" href="#">Learn more <i
				class="far fa-long-arrow-right text-primary ml-1"></i></a>
	</div>
</div>

<div class="card border-0" style="max-width: 361px">
	<div class="position-relative d-flex align-items-end card-img-top">
		<a href="../../blog-details-1.html" class="hover-shine">
			<img src="../../images/post-08.jpg"
			     alt="Future Office Buldings: Intelligent by Design">
		</a>
		<a href="#"
		   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 font-weight-500 bg-hover-primary hover-white mx-2 my-4 position-absolute">
			Creative
		</a>
	</div>
	<div class="card-body p-0">
		<ul class="list-inline mt-3 mb-2">
			<li class="list-inline-item mr-4"><i class="far fa-calendar mr-1"></i> 30th Dec, 2020</li>
			<li class="list-inline-item mr-4"><i class="far fa-eye mr-1"></i> 149 views</li>
		</ul>
		<h3 class="fs-18 text-heading lh-194 mb-2">
			<a href="../../blog-details-1.html" class="text-heading hover-primary">Future Office
				Buldings: Intelligent by Design</a>
		</h3>
		<a class="text-heading font-weight-500" href="#">Learn more <i
				class="far fa-long-arrow-right text-primary ml-1"></i></a>
	</div>
</div>

<div class="card border-0 mb-6 pb-6 border-bottom" style="max-width: 770px;">
	<div class="row no-gutters align-items-lg-center h-100">
		<div class="d-flex align-items-end col-lg-6 p-0">
			<a href="../../blog-details-1.html" class="hover-shine">
				<img src="../../images/post-08.jpg" class="card-img"
				     alt="Future Office Buldings: Intelligent by Design">
			</a>
			<a href="#"
			   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 m-2 font-weight-500 bg-hover-primary hover-white position-absolute">
				rental
			</a>
		</div>
		<div class="col-lg-6">
			<div class="card-body pl-lg-6 px-0 pt-5 pt-lg-0 pb-0">
				<ul class="list-inline mb-1">
					<li class="list-inline-item mr-4"><i class="far fa-calendar mr-1"></i> 30th Dec, 2020</li>
					<li class="list-inline-item mr-4"><i class="far fa-eye mr-1"></i> 149 views</li>
				</ul>
				<h3 class="fs-18 text-heading lh-194 mb-1">
					<a href="../../blog-details-1.html" class="text-heading hover-primary">Future Office
						Buldings: Intelligent by Design</a>
				</h3>
				<p class="mb-lg-7">Massa tempor nec feugiat nisl pretium. Egestas fringilla phasellus faucibus
					scelerisque...</p>
				<a class="text-heading font-weight-500" href="#">Learn more <i
						class="far fa-long-arrow-right text-primary ml-1"></i></a>
			</div>
		</div>
	</div>
</div>
<div class="card border-0 mb-6 pb-6 border-bottom" style="max-width: 770px;">
	<div class="row no-gutters align-items-lg-center h-100">
		<div class="d-flex align-items-end col-lg-6 p-0">
			<a href="../../blog-details-1.html" class="hover-shine">
				<img src="../../images/post-09.jpg" class="card-img"
				     alt="Retail banks wake up to digital lending this year">
			</a>
			<a href="#"
			   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 m-2 font-weight-500 bg-hover-primary hover-white position-absolute">
				rental
			</a>
		</div>
		<div class="col-lg-6">
			<div class="card-body pl-lg-6 px-0 pt-5 pt-lg-0 pb-0">
				<ul class="list-inline mb-1">
					<li class="list-inline-item mr-4"><i class="far fa-calendar mr-1"></i> 30th Dec, 2020</li>
					<li class="list-inline-item mr-4"><i class="far fa-eye mr-1"></i> 149 views</li>
				</ul>
				<h3 class="fs-18 text-heading lh-194 mb-1">
					<a href="../../blog-details-1.html" class="text-heading hover-primary">Ten Benefits Of
						Rentals That May Change Your
						Perspective</a>
				</h3>
				<p class="mb-lg-7">Massa tempor nec feugiat nisl pretium. Egestas fringilla phasellus faucibus
					scelerisque...</p>
				<a class="text-heading font-weight-500" href="#">Learn more <i
						class="far fa-long-arrow-right text-primary ml-1"></i></a>
			</div>
		</div>
	</div>
</div>

<div class="card border-0 pb-6 border-bottom" style="max-width: 770px">
	<div class="position-relative d-flex align-items-end card-img">
		<a href="../../blog-details-1.html" class="hover-shine">
			<img src="../../images/post-11.jpg"
			     alt="Retail banks wake up to digital lending this year">
		</a>
		<a href="#"
		   class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 font-weight-500 bg-hover-primary hover-white m-2 position-absolute letter-spacing-1">
			rental
		</a>
	</div>
	<div class="card-body p-0">
		<ul class="list-inline mt-4">
			<li class="list-inline-item mr-4"><img class="mr-1" src="../../images/author-01.jpg"
			                                       alt="D. Warren"> D. Warren
			</li>
			<li class="list-inline-item mr-4"><i class="far fa-calendar mr-1"></i> 30th Dec, 2020</li>
			<li class="list-inline-item mr-4"><i class="far fa-eye mr-1"></i> 149 views</li>
		</ul>
		<h3 class="fs-md-32 text-heading lh-141 mb-3">
			<a href="../../blog-details-1.html" class="text-heading hover-primary">Ten Benefits Of Rentals
				That May Change Your Perspective</a>
		</h3>
		<p class="mb-4 lh-214">Massa tempor nec feugiat nisl pretium. Egestas fringilla phasellus faucibus scelerisque
			eleifend
			donec. Porta nibh venenatis cras sed felis eget velit aliquet. Neque volutpat ac tincidunt vitae semper quis
			lectus. Turpis in eu mi bibendum neque egestas congue quisque. Sed elementum tempus egestas sed...</p>
	</div>
	<div class="card-footer bg-transparent p-0 border-0">
		<a href="../../blog-details-1.html"
		   class="btn text-heading border btn-lg shadow-none btn-outline-light border-hover-light">Read more <i
				class="far fa-long-arrow-right text-primary ml-1"></i></a>
		<a href="#"
		   class="btn text-heading btn-lg w-52px px-2 border shadow-none btn-outline-light border-hover-light rounded-circle ml-auto float-right"><i
				class="fad fa-share-alt text-primary"></i></a>
	</div>
</div>