CTA block chief

V000-49

Hoe te gebruiken?

Kopieer onderstaande html en css in je template.

Voorvertoning

Alvast beginnen met een basis opmaak?

HTML
Kopiëren<div class="container">
	<div class="cta-block-chief">
		<div class="row align-items-center">
			<div class="col-12 col-lg-4">
				<div class="pt-3 px-4 p-lg-5">
					<nc-text name="cta-text"></nc-text>
				</div>

			</div>
			<div class="col-12 col-lg-8">
				<nc-image name="cta-img" width="960" height="720" attributes="class=rounded m-4"></nc-image>
			</div>
		</div>
	</div>
</div>

CSS
Kopiëren.cta-block-chief {
	background-color: var(--primary);
	color: #fff;
	border-radius: var(--panel-radius);
}

.cta-block-chief img {
	border-radius: var(--panel-radius);
}