# パネル

### パネルのタイトルです

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

    <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>