Card

Please check demo here:
https://demo.drupar.com/mahipro/elements/content-elements/card

Card

<div class="card">
	<div class="card-image">
		<img src="/themes/mahipro/images/demo/placeholder/600-300.svg" alt="card image">
	</div><!-- /card-image -->
	<div class="card-content">
		<h4>My Card One</h4>
		<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas. Semper quis lectus nulla sed turpis.</p>
	</div><!-- /card-content -->
</div><!-- /card -->

Three Cards in column

<div class="items gap">
	<div class="card">
		<div class="card-image">
			<img src="/themes/mahipro/images/demo/placeholder/600-300.svg" alt="card image">
		</div><!-- /card-image -->
		<div class="card-content">
			<h4>My Card One</h4>
			<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas. Semper quis lectus nulla sed turpis.</p>
		</div><!-- /card-content -->
	</div><!-- /card -->
	<div class="card">
		<div class="card-image">
			<img src="/themes/mahipro/images/demo/placeholder/600-300.svg" alt="card image">
		</div><!-- /card-image -->
		<div class="card-content">
			<h4>Awesome Second Card</h4>
			<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas. Semper quis lectus nulla sed turpis.</p>
		</div><!-- /card-content -->
	</div><!-- /card -->
	<div class="card">
		<div class="card-image">
			<img src="/themes/mahipro/images/demo/placeholder/600-300.svg" alt="card image">
		</div><!-- /card-image -->
		<div class="card-content">
			<h4>The Card Three</h4>
			<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas. Semper quis lectus nulla sed turpis.</p>
		</div><!-- /card-content -->
	</div><!-- /card -->
</div><!-- /items -->
Box up Divider Lines