<div class="cnvs-block-alert cnvs-block-alert-1564564660843 is-style-cnvs-block-alert-warning" >
	<div class="cnvs-block-alert-inner">
		

<h6 class="wp-block-heading">Please Note</h6>



<p>You need to install and activate <a href="https://wordpress.org/plugins/canvas/">Canvas</a> to make this feature work.</p>

	</div>
	</div>



<h2 class="is-style-default wp-block-heading">Dismissible Alerts</h2>



<div class="cnvs-block-alert cnvs-block-alert-1564564702830 is-style-cnvs-block-alert-danger cnvs-block-alert-dismissible" >
	<div class="cnvs-block-alert-inner">
		

<p>

Dui ullamcorper libero ut eleifend ridiculus consequat.

</p>

	</div>
			<button class="cnvs-close" type="button" data-dismiss="alert" aria-label="Close">
			<i class="cnvs-icon-x"></i>
		</button>
	</div>



<div class="cnvs-block-alert cnvs-block-alert-1564564702831 is-style-cnvs-block-alert-warning cnvs-block-alert-dismissible" >
	<div class="cnvs-block-alert-inner">
		

<p>

Dui ullamcorper libero ut eleifend ridiculus consequat.

</p>

	</div>
			<button class="cnvs-close" type="button" data-dismiss="alert" aria-label="Close">
			<i class="cnvs-icon-x"></i>
		</button>
	</div>



<div class="cnvs-block-alert cnvs-block-alert-1564564702832 is-style-cnvs-block-alert-info cnvs-block-alert-dismissible" >
	<div class="cnvs-block-alert-inner">
		

<p>

Dui ullamcorper libero ut eleifend ridiculus consequat.

</p>

	</div>
			<button class="cnvs-close" type="button" data-dismiss="alert" aria-label="Close">
			<i class="cnvs-icon-x"></i>
		</button>
	</div>



<div class="cnvs-block-alert cnvs-block-alert-1564564702833 is-style-cnvs-block-alert-success cnvs-block-alert-dismissible" >
	<div class="cnvs-block-alert-inner">
		

<p>

Dui ullamcorper libero ut eleifend ridiculus consequat.

</p>

	</div>
			<button class="cnvs-close" type="button" data-dismiss="alert" aria-label="Close">
			<i class="cnvs-icon-x"></i>
		</button>
	</div>



<h2 class="is-style-default wp-block-heading" id="multi-line-alerts">Multi-Line Alerts</h2>



<p>Here’re some examples of multi-line alerts with headings and paragraphs.</p>



<div class="cnvs-block-alert cnvs-block-alert-1564564780254 is-style-cnvs-block-alert-danger" >
	<div class="cnvs-block-alert-inner">
		

<h6 class="wp-block-heading">Sociis Porttitor et Quis</h6>



<p>Ullamcorper aenean enim sociis porttitor et quis vitae. Nec tincidunt quam a rhoncus quisque amet id in. A luctus dis pellentesque nulla ultricies amet. Enim nisi eget tempus etiam eleifend ut nec aenean ullamcorper.</p>

	</div>
	</div>



<div class="cnvs-block-alert cnvs-block-alert-1564564780255 is-style-cnvs-block-alert-warning" >
	<div class="cnvs-block-alert-inner">
		

<h6 class="wp-block-heading">Sociis Porttitor et Quis</h6>



<p>Ullamcorper aenean enim sociis porttitor et quis vitae. Nec tincidunt quam a rhoncus quisque amet id in. A luctus dis pellentesque nulla ultricies amet. Enim nisi eget tempus etiam eleifend ut nec aenean ullamcorper.</p>

	</div>
	</div>



<div class="cnvs-block-alert cnvs-block-alert-1564564780256 is-style-cnvs-block-alert-info" >
	<div class="cnvs-block-alert-inner">
		

<h6 class="wp-block-heading">Sociis Porttitor et Quis</h6>



<p>Ullamcorper aenean enim sociis porttitor et quis vitae. Nec tincidunt quam a rhoncus quisque amet id in. A luctus dis pellentesque nulla ultricies amet. Enim nisi eget tempus etiam eleifend ut nec aenean ullamcorper.</p>

	</div>
	</div>



<div class="cnvs-block-alert cnvs-block-alert-1564564780258 is-style-cnvs-block-alert-success" >
	<div class="cnvs-block-alert-inner">
		

<h6 class="wp-block-heading">Sociis Porttitor et Quis</h6>



<p>Ullamcorper aenean enim sociis porttitor et quis vitae. Nec tincidunt quam a rhoncus quisque amet id in. A luctus dis pellentesque nulla ultricies amet. Enim nisi eget tempus etiam eleifend ut nec aenean ullamcorper.</p>

	</div>
	</div>