Components

Call To Action

A heading, text and button in a single banner.

Live demo

See it in action

Ready to build with UnysonPlus?

Install the free framework and the Bootstrap 5 theme, then drag this very element into any page — no code required.

Get started free

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12">
				<div class="call-to-action cta-60657c3e fw-call-to-action">
					<div class="fw-action-content" style="flex-grow:3">
						<h2>Ready to build with UnysonPlus?</h2>
						<p class="fw-action-message">Install the free framework and the Bootstrap 5 theme, then drag this very element into any page — no code required.</p>
					</div>
					<div class="fw-action-btn" style="flex-grow:1">
						<a href="#" class="btn btn-1" target="_self"><span>Get started free</span></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

To learn more about the Call To Action shortcode, please check out the online manual here.

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free