Elements

Heading example <> show code


	<!-- 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.

Heading example <> show code

how to use

Lorem ipsum.

Lorem ipsum.

Lorem ipsum.

Accessories

BRANDS

Accessories

Get in Touch

Perfumes 1 X $23

Watches 1 X $43

shoes 1 X $33

Total $99

Perfumes 1 X $23

Watches 1 X $43

shoes 1 X $33

Total $99

Perfumes 1 X $23

Watches 1 X $43

shoes 1 X $33

Total $99

Elements

Heading example <> show code

how to use

Lorem ipsum.

Lorem ipsum.

Lorem ipsum.

Accessories

BRANDS

Accessories

Get in Touch

Newsletter

Sign up now

Perfumes
1 X $23

Watches
1 X $43

shoes
1 X $33

Perfumes
1 X $23

Watches
1 X $43

shoes
1 X $33

Perfumes
1 X $23

Watches
1 X $43

shoes
1 X $33