xarapro

Demo Page

Primary Background

<div class="bg-primary">
-- Your content here --
</div>

Secondary Background

<div class="bg-secondary">
-- Your content here --
</div>

Dark Background

<div class="bg-dark">

Demo Page

https://demo2.drupar.com/xarapro/elements/basic-elements/text-styles

Primary Color

Single Line Divider

<div class="line"></div>

<hr />

Double Line Divider

<div class="line-double"></div>

Dash Line Divider

<div class="line-dash"></div>

Dots Line Divider

Demo

https://demo2.drupar.com/xarapro/elements/content-elements/accordion-toggle

Accordion

<div class="accordion">
	<h4 class="accordion-title">Mission</h4>
	<div class="accordion-content">content under mission ...</div>

	<h4 class="accordion-title">Vision</h4>

Demo Page

https://demo2.drupar.com/xarapro/elements/content-elements/card

Card With Image

<div class="card">
	<div class="card-image">
		<img src="/themes/xarapro/images/demo/placeholder/600-300.svg" alt="card image" />
	</div><!-- /card-image -->
	<div class="card-content">