パネル

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel">
	<div class="acms-panel-header">
		<h3 class="acms-panel-title">パネルのタイトルです</h3>
	</div>
	<div class="acms-panel-body">
		パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
	</div>
	<div class="acms-panel-footer">
		パネルのフッター
	</div>
</div>

連なったパネル

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel">
	<div class="acms-panel-header">
		<h3 class="acms-panel-title">パネルのタイトルです</h3>
	</div>
	<div class="acms-panel-body">
		...
	</div>
	<div class="acms-panel-header">
		<h3 class="acms-panel-title">パネルのタイトルです</h3>
	</div>
	<div class="acms-panel-body">
		...
	</div>
	<div class="acms-panel-header">
		<h3 class="acms-panel-title">パネルのタイトルです</h3>
	</div>
	<div class="acms-panel-body">
		...
	</div>
</div>

アイコンと一緒に

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel">
	<div class="acms-panel-header">
		<i class="acms-icon-arrow-small-right acms-float-right"></i><h3 class="acms-panel-title">パネルのタイトルです</h3>
	</div>
	<div class="acms-panel-body">
	...
	</div>
</div>

カラーバリエーション

パネルのタイトルです

パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。パネルの内容が入ります。
<div class="acms-panel acms-panel-info">
	<div class="acms-panel-header">
		...
	</div>
	<div class="acms-panel-body">
		...
	</div>
	<div class="acms-panel-footer">
		...
	</div>
</div>

<div class="acms-panel acms-panel-danger">
	<div class="acms-panel-header">
		...
	</div>
	<div class="acms-panel-body">
		...
	</div>
	<div class="acms-panel-footer">
		...
	</div>
</div>