Call To Action

Demo

https://navapro.dev5.dev/elements/design/call-action

Default

<div class="call-to-action">
	<div>
		<h4>Get Your Dream Turn Into Reality</h4>
		<p>Our team is available to assist you—don't hesitate to get in touch.</p>
		<p>
		<ul class="list-check flex gap">
			<li>Digital Strategy and Consulting</li>
			<li>Analytics and Reporting</li>
			<li>Branding and Identity</li>
		</ul>
		</p>
	</div>
	<div>
		<a class="button" href="#">more details</a>
	</div>
</div>

Dark

<div class="call-to-action dark">
	<div>
		<h4 class="color-primary">Get Your Dream Turn Into Reality</h4>
		<p>Our team is available to assist you—don't hesitate to get in touch.</p>
		<p>
		<ul class="list-check flex gap">
			<li>Digital Strategy and Consulting</li>
			<li>Analytics and Reporting</li>
			<li>Branding and Identity</li>
		</ul>
		</p>
	</div>
	<div>
		<a class="button" href="#">more details</a>
	</div>
</div>

White

<div class="call-to-action white-element">
	<div>
		<h4 class="color-primary">Get Your Dream Turn Into Reality</h4>
		<p>Our team is available to assist you—don't hesitate to get in touch.</p>
		<p>
		<ul class="list-check flex gap">
			<li>Digital Strategy and Consulting</li>
			<li>Analytics and Reporting</li>
			<li>Branding and Identity</li>
		</ul>
		</p>
	</div>
	<div>
		<a class="button" href="#">more details</a>
	</div>
</div>

Gray

<div class="call-to-action gray-element">
	<div>
		<h4 class="color-primary">Get Your Dream Turn Into Reality</h4>
		<p>Our team is available to assist you—don't hesitate to get in touch.</p>
		<p>
		<ul class="list-check flex gap">
			<li>Digital Strategy and Consulting</li>
			<li>Analytics and Reporting</li>
			<li>Branding and Identity</li>
		</ul>
		</p>
	</div>
	<div>
		<a class="button" href="#">more details</a>
	</div>
</div>