<!-- default left aligned -->
	<div class="heading heading-v1 mb-3 bg-white bg-gray">
		<h2 class="heading-v1-title">Lorem ipsum.</h2>
	</div>
	
	<!-- Align center -->
	<div class="heading heading-v1 text-center mb-3 mt-5 bg-white bg-gray">
		<h2 class="heading-v1-title">Lorem ipsum.</h2>
	</div>
	
	<!-- Align right -->
	<div class="heading heading-v1 text-end mb-3 mt-5 bg-white bg-gray">
		<h2 class="heading-v1-title">Lorem ipsum.</h2>
	</div>


						
how to use
  • Use the same classnames as shown in the avobe code example. If you want to customize, you can add your own class and override the properties

Example

Lorem ipsum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde officia dolores sint iusto sit temporibus nam, neque quidem aliquam perspiciatis illo ipsum, sequi aperiam! Voluptas magni ipsam officia nesciunt quos?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, fugiat, eos. Numquam sit molestias, impedit unde consectetur animi, quas neque, vitae necessitatibus nam voluptate aspernatur repellat doloribus a similique. Minus.

Lorem ipsum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde officia dolores sint iusto sit temporibus nam, neque quidem aliquam perspiciatis illo ipsum, sequi aperiam! Voluptas magni ipsam officia nesciunt quos?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, fugiat, eos. Numquam sit molestias, impedit unde consectetur animi, quas neque, vitae necessitatibus nam voluptate aspernatur repellat doloribus a similique. Minus.

Lorem ipsum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde officia dolores sint iusto sit temporibus nam, neque quidem aliquam perspiciatis illo ipsum, sequi aperiam! Voluptas magni ipsam officia nesciunt quos?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, fugiat, eos. Numquam sit molestias, impedit unde consectetur animi, quas neque, vitae necessitatibus nam voluptate aspernatur repellat doloribus a similique. Minus.