mahipro

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

Default box

<div class="box">
some text inside the box..
</div><!-- /box -->

Dark box

<div class="box dark">
some text inside the box..
</div><!-- /box -->

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">

Spacer is used to add some empty space.

Section is used to create a section of contents. It add some padding space at top and bottom.

Please check demo here:
https://demo.drupar.com/mahipro/elements/basic-elements/heading

Heading Default

<h1>This is a sample heading</h1>
<h2>This is a sample heading</h2>
<h3>This is a sample heading</h3>
<h4>This is a sample heading</h4>

Heading Right Alignment